/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Upload/Upload.vue?vue&type=style&index=0&id=7cc40c15&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.upload .upload-btn[data-v-7cc40c15] {
  background: #3264fa;
  color: #fff;
  border: 0;
}
.upload .upload-btn .upload-icon[data-v-7cc40c15] {
  color: #fff;
  margin-left: 0;
}
.upload-table[data-v-7cc40c15] {
  max-height: 432px;
  width: 780px;
  margin-left: -11px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/FileInput/FileInput.vue?vue&type=style&index=0&id=5249d692&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.input[data-v-5249d692] {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/EditorHeader/HotkeyDoc.vue?vue&type=style&index=0&id=4b1afc5f&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hotkey-doc[data-v-4b1afc5f] {
  height: 100%;
  overflow: auto;
  font-size: 12px;
  margin: 0 -24px;
  padding: 0 24px;
}
.title[data-v-4b1afc5f] {
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 0 5px 0;
}
.title[data-v-4b1afc5f]:first-child {
  padding-top: 0;
}
.hotkey-item[data-v-4b1afc5f] {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0 5px 0;
  display: flex;
  align-items: center;
}
.label[data-v-4b1afc5f] {
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/ShapeItemThumbnail.vue?vue&type=style&index=0&id=09653543&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shape-item-thumbnail[data-v-09653543] {
  position: relative;
  cursor: pointer;
}
.shape-content[data-v-09653543] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shape-content:hover .shape-path[data-v-09653543]:not(.outlined) {
  stroke: #3264fa;
}
.shape-content:hover .shape-path.outlined[data-v-09653543] {
  fill: #3264fa;
}
.shape-content svg[data-v-09653543]:not(:root) {
  overflow: visible;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/ShapePool.vue?vue&type=style&index=0&id=711a4fb1&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shape-pool[data-v-711a4fb1] {
  width: 340px;
  max-height: 520px;
  overflow: auto;
  margin-top: -12px;
  margin-bottom: -12px;
  margin-right: -12px;
  padding-right: 12px;
  padding-top: 12px;
}
.category-name[data-v-711a4fb1] {
  width: 100%;
  font-size: 13px;
  margin-bottom: 10px;
  border-left: 4px solid #aaa;
  background-color: #eee;
  padding: 2px 0 2px 10px;
}
.shape-list[data-v-711a4fb1] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-bottom: 10px;
}
.shape-item[data-v-711a4fb1] {
  width: 8%;
  margin-bottom: calc(20% / 9);
  height: 0;
  padding-bottom: 8%;
  flex-shrink: 0;
}
.shape-item[data-v-711a4fb1]:not(:nth-child(10n)) {
  margin-right: calc(20% / 9);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/TableGenerator.vue?vue&type=style&index=0&id=e386d8dc&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-generator[data-v-e386d8dc] {
  width: 100%;
  margin-top: -12px;
}
.title[data-v-e386d8dc] {
  margin: 6px -12px 12px -12px;
  padding: 0 14px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 500;
  color: #1a2233;
  line-height: 17px;
}
.title .right[data-v-e386d8dc] {
  cursor: pointer;
}
.title .right[data-v-e386d8dc]:hover {
  color: #3264fa;
}
table[data-v-e386d8dc] {
  border-collapse: collapse;
}
td[data-v-e386d8dc] {
  width: 32px;
  height: 24px;
  line-height: 23px;
  border: 1px solid #e1e6f0;
  background-color: #f5f7fa;
}
.td-active[data-v-e386d8dc] {
  background-color: #f0f6ff;
  border-color: #5c8aff;
}
.custom[data-v-e386d8dc] {
  width: 230px;
}
.custom .row[data-v-e386d8dc] {
  display: flex;
  align-items: center;
}
.custom .row + .row[data-v-e386d8dc] {
  margin-top: 10px;
}
.btns[data-v-e386d8dc] {
  margin-top: 10px;
  text-align: right;
}
.btns .btn[data-v-e386d8dc] {
  margin-left: 10px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LaTeXEditor/FormulaContent.vue?vue&type=style&index=0&id=1c41d9fe&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
svg[data-v-1c41d9fe] {
  overflow: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LaTeXEditor/index.vue?vue&type=style&index=0&id=097b396c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.latex-editor[data-v-097b396c] {
  height: 560px;
}
.container[data-v-097b396c] {
  height: calc(100% - 50px);
  display: flex;
  padding-top: 25px;
}
.left[data-v-097b396c] {
  width: 540px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.input-area[data-v-097b396c] {
  flex: 1;
}
.input-area textarea[data-v-097b396c] {
  height: 100% !important;
  border-color: #e1e6f0 !important;
  padding: 10px !important;
}
.input-area textarea[data-v-097b396c]:focus {
  box-shadow: none !important;
}
.preview[data-v-097b396c] {
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  border: 1px solid #e1e6f0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.placeholder[data-v-097b396c] {
  color: #888;
}
.preview-content[data-v-097b396c] {
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right[data-v-097b396c] {
  height: 100%;
  margin-left: 20px;
  flex: 1;
  border: solid 1px #e1e6f0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tabs[data-v-097b396c] {
  height: 40px;
  font-size: 12px;
  flex-shrink: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tab[data-v-097b396c] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e1e6f0;
  cursor: pointer;
}
.tab.active[data-v-097b396c] {
  background-color: #fff;
  border-bottom-color: #fff;
}
.tab + .tab[data-v-097b396c] {
  border-left: 1px solid #e1e6f0;
}
.content[data-v-097b396c] {
  height: calc(100% - 40px);
  font-size: 13px;
}
.formula[data-v-097b396c] {
  height: 100%;
  padding: 12px;
  overflow: auto;
  overflow: overlay;
}
.formula-item + .formula-item[data-v-097b396c] {
  margin-top: 10px;
}
.formula-item .formula-title[data-v-097b396c] {
  margin-bottom: 5px;
}
.formula-item .formula-item-content[data-v-097b396c] {
  width: 246px;
  height: 60px;
  padding: 5px;
  display: flex;
  align-items: center;
  background-color: #f5f7fa;
  cursor: pointer;
}
.symbol-tabs[data-v-097b396c] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #e1e6f0;
  margin: 12px 12px 5px;
}
.symbol-tab[data-v-097b396c] {
  padding: 6px 10px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.symbol-tab.active[data-v-097b396c] {
  border-bottom: 2px solid #3264fa;
}
.symbol[data-v-097b396c] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.symbol-pool[data-v-097b396c] {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding: 12px;
  overflow: auto;
  overflow: overlay;
}
.symbol-item[data-v-097b396c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.symbol-item[data-v-097b396c]:hover {
  background-color: #f5f7fa;
  cursor: pointer;
}
.footer[data-v-097b396c] {
  height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.footer .btn[data-v-097b396c] {
  margin-left: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PluginContent.vue?vue&type=style&index=0&id=8411d37c&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.plugin-content[data-v-8411d37c] {
  width: 100%;
  height: 100%;
}
.plugin-content .content[data-v-8411d37c] {
  height: 100%;
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LoadModal.vue?vue&type=style&index=0&id=4612d826&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-ppt-text[data-v-4612d826] {
  margin-top: 20px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #575c66;
  line-height: 22px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LoadModal.vue?vue&type=style&index=1&id=4612d826&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.uppt-modal.uppt-modal[data-v-4612d826] {
  width: 640px !important;
}
.uppt-modal.uppt-modal .unipus-ppt-modal-body .progress[data-v-4612d826] {
  display: flex;
  margin-top: 6px;
}
.uppt-modal.uppt-modal .unipus-ppt-modal-body .percent[data-v-4612d826] {
  margin-left: 12px;
  transform: translateY(6px);
  font-size: 14px;
  color: #1a2233;
  line-height: 22px;
}
.uppt-modal.uppt-modal .unipus-ppt-modal-body #load-progress[data-v-4612d826] {
  width: 480px;
  height: 4px;
  margin-top: 16px;
  background: #e1e6f0;
  border-radius: 6px;
}
.uppt-modal.uppt-modal .unipus-ppt-modal-body #load-progress[data-v-4612d826] #nprogress .bar {
  height: 4px;
  background: #3264fa;
}
.uppt-modal.uppt-modal .unipus-ppt-modal-body #load-progress[data-v-4612d826] #nprogress .bar .peg {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/Modal/RemindModal/index.vue?vue&type=style&index=0&id=b758ca8c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.disclaimersStyle .title[data-v-b758ca8c] {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}
.disclaimersStyle .content[data-v-b758ca8c] {
  font-size: 14px;
  text-indent: 2em;
}
.disclaimersStyle .content .text[data-v-b758ca8c] {
  margin-bottom: 10px;
}
.disclaimersStyle .agree[data-v-b758ca8c] {
  font-size: 14px;
  text-align: center;
  margin-top: 24px;
}
.disclaimersStyle .footer[data-v-b758ca8c] {
  text-align: left;
}
.disclaimersStyle .footer .ml288[data-v-b758ca8c] {
  margin-left: 288px;
}
.disclaimersStyle .footer .ml16[data-v-b758ca8c] {
  margin-left: 16px;
}
.disclaimersStyle .footer .btn[data-v-b758ca8c] {
  width: 72px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/Save/index.vue?vue&type=style&index=0&id=8465ab26&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.save[data-v-8465ab26] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/MindPool.vue?vue&type=style&index=0&id=7c3fa92e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mind-pool[data-v-7c3fa92e] {
  padding: 8px;
}
.mind-pool .mind-item[data-v-7c3fa92e] {
  border-radius: 4px;
  width: 64px;
  height: 41px;
  cursor: pointer;
}
.mind-pool .mind-item[data-v-7c3fa92e]:hover {
  background-color: #eceef4;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/MindPool.vue?vue&type=style&index=1&id=7c3fa92e&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.popover-canvas-tool-mind .unipus-ppt-popover-inner {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
}
.popover-canvas-tool-mind .unipus-ppt-popover-inner-content {
  padding: 0 !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/index.vue?vue&type=style&index=0&id=1d1ad376&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.canvas-tool[data-v-1d1ad376] {
  position: relative;
  height: 56px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.left-handler[data-v-1d1ad376] {
  display: flex;
  align-items: center;
}
.left-handler .handler-item[data-v-1d1ad376] {
  margin-left: 32px;
}
.left-handler .handler-item[data-v-1d1ad376]:first-child {
  margin-left: 0;
}
.add-element-handler[data-v-1d1ad376] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
.add-element-handler .handler-item[data-v-1d1ad376] {
  position: relative;
  padding: 0 28px;
}
.add-element-handler .handler-item-question span[data-v-1d1ad376] {
  margin-top: -2px;
  transform: translateY(-2px);
}
.add-element-handler .handler-item-link span[data-v-1d1ad376] {
  margin-top: 4px;
  transform: translateY(-10px);
}
.add-element-handler .handler-item-flex[data-v-1d1ad376] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.add-element-handler .handler-item .arrow[data-v-1d1ad376] {
  position: absolute;
  top: 50%;
  right: 10%;
  font-size: 20px;
  transform: translateY(-50%);
}
.add-element-handler .handler-item.active[data-v-1d1ad376] {
  color: #3264fa;
}
.add-element-handler .handler-item.group-btn[data-v-1d1ad376] {
  width: auto;
  margin-right: 4px;
}
.add-element-handler .handler-item.group-btn[data-v-1d1ad376]:hover {
  background-color: #f3f3f3;
}
.add-element-handler .handler-item.group-btn .icon[data-v-1d1ad376] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  padding: 0 2px;
}
.add-element-handler .handler-item.group-btn .icon[data-v-1d1ad376]:hover {
  background-color: #e9e9e9;
}
.add-element-handler .handler-item.group-btn .icon.active[data-v-1d1ad376] {
  color: #3264fa;
}
.add-element-handler .handler-item.group-btn .arrow[data-v-1d1ad376] {
  font-size: 12px;
}
.add-element-handler .handler-item.group-btn .arrow[data-v-1d1ad376]:hover {
  background-color: #e9e9e9;
}
.handler-item[data-v-1d1ad376] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #1a2233;
  line-height: 20px;
  cursor: pointer;
}
.handler-item span[data-v-1d1ad376] {
  white-space: nowrap;
}
.handler-item.disable[data-v-1d1ad376] {
  opacity: 0.5;
  cursor: not-allowed;
}
.right-handler[data-v-1d1ad376] {
  display: flex;
  align-items: center;
}
.right-handler .right-handler-l[data-v-1d1ad376] {
  display: flex;
  margin-right: 120px;
}
.right-handler .right-handler-l .handler-item[data-v-1d1ad376] {
  margin-left: 32px;
}
.right-handler .right-handler-r[data-v-1d1ad376] {
  display: flex;
}
.right-handler .right-handler-r .handler-item[data-v-1d1ad376] {
  margin-right: 32px;
}
.right-handler .right-handler-r .handler-item[data-v-1d1ad376]:first-child {
  margin-left: 0;
  margin-right: 32px;
}
.right-handler .text[data-v-1d1ad376] {
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.right-handler .viewport-size[data-v-1d1ad376] {
  font-size: 13px;
}
.preset-item[data-v-1d1ad376] {
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.preset-item span[data-v-1d1ad376] {
  margin-top: 2px;
}
.preset-item[data-v-1d1ad376]:hover {
  color: #3264fa;
}
.text-type-item[data-v-1d1ad376] {
  padding: 5px 8px;
  color: #1a2233;
  cursor: pointer;
}
.text-type-item .type-item-text[data-v-1d1ad376] {
  margin-left: 8px;
  font-size: 14px;
  line-height: 22px;
}
.text-type-item[data-v-1d1ad376]:hover {
  background-color: #e6edff;
  color: #3264fa;
}
.text-type-item + .text-type-item[data-v-1d1ad376] {
  margin-top: 3px;
}
@media screen and (max-width: 1024px) {
.text[data-v-1d1ad376] {
    display: none;
}
.handler-item[data-v-1d1ad376] {
    margin: 0 5px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/index.vue?vue&type=style&index=1&id=1d1ad376&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ppt-media-popover .unipus-ppt-popover-inner-content {
  width: 120px;
  padding: 4px 0 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/SvgIcon.vue/index.vue?vue&type=style&index=0&id=d9cefd5a&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.svg-icon[data-v-d9cefd5a] {
  width: var(--1272c4d6);
  height: var(--2216dc17);
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.svg-icon[data-v-d9cefd5a]:focus {
  outline: unset;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/EditorHeader/index.vue?vue&type=style&index=0&id=4decf274&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editor-header[data-v-4decf274] {
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-bottom: 1px solid #e1e6f0;
}
.editor-header .save-fail[data-v-4decf274] {
  background: #faad14;
  color: #fff;
  text-align: center;
}
.editor-header .top[data-v-4decf274] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #f5f7fa;
}
.editor-header .top-name[data-v-4decf274] {
  height: 28px;
  display: flex;
  align-items: center;
}
.editor-header .top-edit[data-v-4decf274] {
  margin-left: 5px;
}
.editor-header .top span[data-v-4decf274] {
  margin-left: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #1a2233;
  line-height: 22px;
}
.editor-header .top .input[data-v-4decf274] {
  min-width: 100px;
  height: 28px;
}
.editor-header .top .edit-pen[data-v-4decf274] {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  cursor: pointer;
}
.editor-header .top .upload[data-v-4decf274] {
  position: absolute;
  right: 24px;
}
.editor-header .bottom[data-v-4decf274] {
  padding: 0 24px;
}
.left[data-v-4decf274],
.right[data-v-4decf274] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-item[data-v-4decf274] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 0 10px;
  cursor: pointer;
}
.menu-item .text[data-v-4decf274] {
  margin-left: 4px;
}
.left .menu-item[data-v-4decf274]:hover {
  background-color: #f9f9f9;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/EditorBottom/index.vue?vue&type=style&index=0&id=4a8d7a07&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bottom-wrapper[data-v-4a8d7a07] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  font-size: 12px;
  color: #575c66;
  line-height: 20px;
  border-top: 1px solid #e1e6f0;
  background: #f7f8fa;
}
.bottom-wrapper .bottom-right[data-v-4a8d7a07] {
  display: flex;
  align-items: center;
}
.bottom-wrapper .bottom-right-viewport[data-v-4a8d7a07] {
  display: flex;
  align-items: center;
  padding-right: 24px;
  border-right: 1px solid #c2c5cc;
}
.bottom-wrapper .bottom-right-scale[data-v-4a8d7a07] {
  display: flex;
  align-items: center;
  margin-left: 23px;
}
.bottom-wrapper .bottom-right-scale .text[data-v-4a8d7a07] {
  margin-right: 9px;
}
.bottom-wrapper .bottom-right .slider[data-v-4a8d7a07] {
  width: 128px;
}
.bottom-wrapper .bottom-right .viewport-size[data-v-4a8d7a07] {
  width: 14px;
  height: 14px;
  margin: 0 9px;
  border-radius: 100%;
  border: 1px solid #858c99;
  cursor: pointer;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue?vue&type=style&index=0&id=b5bace06&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
svg[data-v-b5bace06] {
  overflow: visible;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue?vue&type=style&index=0&id=71b17928&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
svg[data-v-71b17928] {
  overflow: visible;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue?vue&type=style&index=0&id=41071294&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
svg[data-v-41071294] {
  overflow: visible;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ImageElement/ImageClipHandler.vue?vue&type=style&index=0&id=3e0199ec&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-clip-handler[data-v-3e0199ec] {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-clip-handler .bottom-img[data-v-3e0199ec] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.image-clip-handler img[data-v-3e0199ec] {
  width: 100%;
  height: 100%;
}
.image-clip-handler .top-image-content[data-v-3e0199ec] {
  position: absolute;
  overflow: hidden;
}
.image-clip-handler .top-image-content img[data-v-3e0199ec] {
  position: absolute;
}
.operate[data-v-3e0199ec] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: move;
}
.clip-point[data-v-3e0199ec] {
  position: absolute;
  width: 16px;
  height: 16px;
}
.clip-point svg[data-v-3e0199ec] {
  overflow: visible;
}
.clip-point.left-top[data-v-3e0199ec] {
  left: 0;
  top: 0;
}
.clip-point.right-top[data-v-3e0199ec] {
  left: 100%;
  top: 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.clip-point.left-bottom[data-v-3e0199ec] {
  left: 0;
  top: 100%;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.clip-point.right-bottom[data-v-3e0199ec] {
  left: 100%;
  top: 100%;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.clip-point.top[data-v-3e0199ec] {
  left: 50%;
  top: 0;
  margin-left: -8px;
}
.clip-point.bottom[data-v-3e0199ec] {
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  transform: rotate(180deg);
}
.clip-point.left[data-v-3e0199ec] {
  left: 0;
  top: 50%;
  margin-top: -8px;
  transform: rotate(-90deg);
}
.clip-point.right[data-v-3e0199ec] {
  right: 0;
  top: 50%;
  margin-top: -8px;
  transform: rotate(90deg);
}
.clip-point.left-top.rotate-0[data-v-3e0199ec], .clip-point.right-bottom.rotate-0[data-v-3e0199ec], .clip-point.left.rotate-45[data-v-3e0199ec], .clip-point.right.rotate-45[data-v-3e0199ec], .clip-point.left-bottom.rotate-90[data-v-3e0199ec], .clip-point.right-top.rotate-90[data-v-3e0199ec], .clip-point.top.rotate-135[data-v-3e0199ec], .clip-point.bottom.rotate-135[data-v-3e0199ec] {
  cursor: nwse-resize;
}
.clip-point.top.rotate-0[data-v-3e0199ec], .clip-point.bottom.rotate-0[data-v-3e0199ec], .clip-point.left-top.rotate-45[data-v-3e0199ec], .clip-point.right-bottom.rotate-45[data-v-3e0199ec], .clip-point.left.rotate-90[data-v-3e0199ec], .clip-point.right.rotate-90[data-v-3e0199ec], .clip-point.left-bottom.rotate-135[data-v-3e0199ec], .clip-point.right-top.rotate-135[data-v-3e0199ec] {
  cursor: ns-resize;
}
.clip-point.left-bottom.rotate-0[data-v-3e0199ec], .clip-point.right-top.rotate-0[data-v-3e0199ec], .clip-point.top.rotate-45[data-v-3e0199ec], .clip-point.bottom.rotate-45[data-v-3e0199ec], .clip-point.left-top.rotate-90[data-v-3e0199ec], .clip-point.right-bottom.rotate-90[data-v-3e0199ec], .clip-point.left.rotate-135[data-v-3e0199ec], .clip-point.right.rotate-135[data-v-3e0199ec] {
  cursor: nesw-resize;
}
.clip-point.left.rotate-0[data-v-3e0199ec], .clip-point.right.rotate-0[data-v-3e0199ec], .clip-point.left-bottom.rotate-45[data-v-3e0199ec], .clip-point.right-top.rotate-45[data-v-3e0199ec], .clip-point.top.rotate-90[data-v-3e0199ec], .clip-point.bottom.rotate-90[data-v-3e0199ec], .clip-point.left-top.rotate-135[data-v-3e0199ec], .clip-point.right-bottom.rotate-135[data-v-3e0199ec] {
  cursor: ew-resize;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ImageElement/index.vue?vue&type=style&index=0&id=963e3dfc&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-image[data-v-963e3dfc] {
  position: absolute;
}
.editable-element-image.lock .element-content[data-v-963e3dfc] {
  cursor: default;
}
.rotate-wrapper[data-v-963e3dfc] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-963e3dfc] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: move;
}
.element-content .image-content[data-v-963e3dfc] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.element-content img[data-v-963e3dfc] {
  position: absolute;
}
.color-mask[data-v-963e3dfc] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ElementOutline.vue?vue&type=style&index=0&id=61b7d06a&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
svg[data-v-61b7d06a] {
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ProsemirrorEditor.vue?vue&type=style&index=0&id=748a6b7e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.prosemirror-editor[data-v-748a6b7e] {
  cursor: text;
}
.prosemirror-editor.format-painter[data-v-748a6b7e] {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAAABHNCSVQICAgIfAhkiAAAAVRJREFUSInt1DFuwjAYBeCXUrFavgBN9yB6AKR6Bi7AVLrlBpFYgAUpp2i37AysVDIXcCIuwJRMEEYk9LrQDlVQ7EiVOvSt/v1/tmUbeZ7TGMPL5WLgEJLzNE2ptabWmsfjkTeLjTGUUvJ8Pjsjo9GIUkpKKam1voncuTRumn/EKfd1BSQnAF4qhvyK2k1VD88YQ6UUiqJI2+12r2LiPI7j2Xa7rV9yRZbLpRWiAKhGwjW1x3XN828jD9PpVK3X60bAarWy20lZltjv940QwO4KPzbu7oCgLMu/g3Q6ncZI73Q6WSFhGDZGnrIss0LG4zGEEG4ISZUkiW8DDAYDCCEQBIEbAmAWx7GNgSiKAOB1OBzaIyQnSZIom/cRRRG63e7C87z3MAw/fu7Gy/OcRVEgCIK01Wp9/10k37Ism9TdLCHEFzC/zvMPh8Nmt9v5ANDv9/EJD8ykxYswZDkAAAAASUVORK5CYII=) 1 10, default !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel/BulletList.vue?vue&type=style&index=0&id=74897e1a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.list-wrap[data-v-74897e1a] {
  width: 176px;
  color: #666;
  padding: 8px;
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.list[data-v-74897e1a] {
  background-color: #f5f7fa;
  padding: 4px 4px 4px 20px;
  cursor: pointer;
}
.list[data-v-74897e1a]:not(:nth-child(3n)) {
  margin-right: 8px;
}
.list[data-v-74897e1a]:nth-child(4), .list[data-v-74897e1a]:nth-child(5), .list[data-v-74897e1a]:nth-child(6) {
  margin-top: 8px;
}
.list[data-v-74897e1a]:hover {
  color: #3264fa;
}
.list:hover span[data-v-74897e1a] {
  background-color: #3264fa;
}
.list-item[data-v-74897e1a] {
  width: 24px;
  height: 12px;
  position: relative;
  top: -5px;
}
.list-item span[data-v-74897e1a] {
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 10px;
  background-color: #666;
}
.popover-btn[data-v-74897e1a] {
  padding: 0 3px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ColorPicker/Checkboard.vue?vue&type=style&index=0&id=33905edd&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.checkerboard[data-v-33905edd] {
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ColorPicker/Alpha.vue?vue&type=style&index=0&id=246b525c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alpha[data-v-246b525c] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alpha-checkboard-wrap[data-v-246b525c] {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alpha-gradient[data-v-246b525c] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alpha-container[data-v-246b525c] {
  cursor: pointer;
  position: relative;
  z-index: 2;
  height: 100%;
  margin: 0 3px;
}
.alpha-pointer[data-v-246b525c] {
  z-index: 2;
  position: absolute;
}
.alpha-picker[data-v-246b525c] {
  cursor: pointer;
  width: 4px;
  height: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: #fff;
  margin-top: 1px;
  transform: translateX(-2px);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ColorPicker/Hue.vue?vue&type=style&index=0&id=60c3cca1&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hue[data-v-60c3cca1] {
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hue-container[data-v-60c3cca1] {
  cursor: pointer;
  margin: 0 2px;
  position: relative;
  height: 100%;
}
.hue-pointer[data-v-60c3cca1] {
  z-index: 2;
  position: absolute;
  top: 0;
}
.hue-picker[data-v-60c3cca1] {
  cursor: pointer;
  margin-top: 1px;
  width: 4px;
  height: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: #fff;
  transform: translateX(-2px);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ColorPicker/Saturation.vue?vue&type=style&index=0&id=d230faf4&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.saturation[data-v-d230faf4],
.saturation-white[data-v-d230faf4],
.saturation-black[data-v-d230faf4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.saturation-white[data-v-d230faf4] {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.saturation-black[data-v-d230faf4] {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.saturation-pointer[data-v-d230faf4] {
  cursor: pointer;
  position: absolute;
}
.saturation-circle[data-v-d230faf4] {
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ColorPicker/EditableInput.vue?vue&type=style&index=0&id=2f428dde&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-input[data-v-2f428dde] {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
}
.editable-input[data-v-2f428dde]::after {
  content: "#";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}
.input-content[data-v-2f428dde] {
  width: 100%;
  padding: 3px;
  border: 0;
  border-bottom: 1px solid #ddd;
  outline: none;
  text-align: center;
}
.input-label[data-v-2f428dde] {
  text-transform: capitalize;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ColorPicker/index.vue?vue&type=style&index=0&id=594701ec&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.color-picker[data-v-594701ec] {
  position: relative;
  width: 240px;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: -10px;
}
.picker-saturation-wrap[data-v-594701ec] {
  width: 100%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}
.picker-controls[data-v-594701ec] {
  display: flex;
}
.picker-sliders[data-v-594701ec] {
  padding: 4px 0;
  flex: 1;
}
.picker-hue-wrap[data-v-594701ec] {
  position: relative;
  height: 10px;
}
.picker-alpha-wrap[data-v-594701ec] {
  position: relative;
  height: 10px;
  margin-top: 4px;
  overflow: hidden;
}
.picker-color-wrap[data-v-594701ec] {
  width: 24px;
  height: 24px;
  position: relative;
  margin-top: 4px;
  margin-right: 4px;
  outline: 1px dashed rgba(102, 102, 102, 0.12);
}
.picker-color-wrap .checkerboard[data-v-594701ec] {
  background-size: auto;
}
.picker-current-color[data-v-594701ec] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.picker-field[data-v-594701ec] {
  display: flex;
  margin-bottom: 8px;
}
.picker-field .transparent[data-v-594701ec] {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-left: 8px;
  position: relative;
  cursor: pointer;
}
.picker-field .transparent[data-v-594701ec]::after {
  content: "";
  width: 26px;
  height: 2px;
  position: absolute;
  top: 11px;
  left: -1px;
  transform: rotate(-45deg);
  background-color: #f00;
}
.picker-field .transparent .checkerboard[data-v-594701ec] {
  background-size: auto;
}
.picker-field .straw[data-v-594701ec] {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background-color: #f5f5f5;
  outline: 1px solid #f1f1f1;
  cursor: pointer;
}
.picker-field .input[data-v-594701ec] {
  flex: 1;
}
.picker-presets[data-v-594701ec] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.picker-presets-color[data-v-594701ec] {
  width: 7%;
  margin-bottom: calc(30% / 9);
  height: 0;
  padding-bottom: 7%;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.picker-presets-color[data-v-594701ec]:not(:nth-child(10n)) {
  margin-right: calc(30% / 9);
}
.picker-presets-color.alpha[data-v-594701ec] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADBJREFUOE9jfPbs2X8GPEBSUhKfNAPjqAHDIgz+//+PNx08f/4cfzoYNYCBceiHAQC5flV5JzgrxQAAAABJRU5ErkJggg==);
}
.picker-presets-color-content[data-v-594701ec] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.picker-gradient-presets[data-v-594701ec] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.picker-gradient-col[data-v-594701ec] {
  width: 7%;
  margin-bottom: calc(30% / 9);
  display: flex;
  flex-direction: column;
}
.picker-gradient-col[data-v-594701ec]:not(:nth-child(10n)) {
  margin-right: calc(30% / 9);
}
.picker-gradient-color[data-v-594701ec] {
  width: 100%;
  height: 16px;
  position: relative;
  cursor: pointer;
}
.recent-colors-title[data-v-594701ec] {
  font-size: 12px;
  margin-bottom: 4px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel/FontText.vue?vue&type=style&index=0&id=14949605&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrapper[data-v-14949605] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.font-select[data-v-14949605] {
  min-width: 104px;
}
.editor-input-number[data-v-14949605] {
  width: 64px;
  margin: 0 8px;
}
.text-color[data-v-14949605] {
  min-width: 24px;
  height: 24px;
  background: var(--text-color);
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel/FontText.vue?vue&type=style&index=1&id=14949605&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.font-select.unipus-ppt-select {
  font-size: var(--font-size);
}
.editor-input-number.unipus-ppt-input-number-sm {
  font-size: var(--font-size);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel/OrderedList.vue?vue&type=style&index=0&id=0be731fc&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.list-wrap[data-v-0be731fc] {
  width: 176px;
  color: #666;
  padding: 8px;
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.list[data-v-0be731fc] {
  background-color: #f5f7fa;
  padding: 4px 4px 4px 20px;
  cursor: pointer;
}
.list[data-v-0be731fc]:not(:nth-child(3n)) {
  margin-right: 8px;
}
.list[data-v-0be731fc]:nth-child(4), .list[data-v-0be731fc]:nth-child(5), .list[data-v-0be731fc]:nth-child(6) {
  margin-top: 8px;
}
.list[data-v-0be731fc]:hover {
  color: #3264fa;
}
.list:hover span[data-v-0be731fc] {
  background-color: #3264fa;
}
.list-item[data-v-0be731fc] {
  width: 24px;
  height: 12px;
  position: relative;
  top: -5px;
}
.list-item span[data-v-0be731fc] {
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 10px;
  background-color: #666;
}
.popover-btn[data-v-0be731fc] {
  padding: 0 3px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Prosemirror/FloatButtons.vue?vue&type=style&index=0&id=8041ceea&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.focus-editor[data-v-8041ceea] {
  border-radius: 4px;
}
.focus-editor-top[data-v-8041ceea] {
  display: flex;
}
.focus-editor-top > div[data-v-8041ceea] {
  margin-right: 8px;
  margin-bottom: 8px;
}
.focus-editor-top[data-v-8041ceea] .unipus-ppt-select-arrow {
  margin-top: -8px;
}
.focus-editor-bottom[data-v-8041ceea] {
  display: flex;
}
.focus-editor-bottom > div[data-v-8041ceea] {
  margin-right: 8px;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-select:not(.unipus-ppt-select-customize-input) .unipus-ppt-select-selector {
  background: #fff;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-btn {
  background: #fff;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-input-number-input-wrap {
  background: #fff;
  border-radius: 4px;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-input-number-handler-wrap {
  background: #fff;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper {
  background: #fff;
}
.focus-editor[data-v-8041ceea] .unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper .unipus-ppt-radio-button-checked {
  background: #3264fa;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TextElement/index.vue?vue&type=style&index=0&id=3356bb16&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-text[data-v-3356bb16] {
  position: absolute;
}
.editable-element-text.lock .element-content[data-v-3356bb16] {
  cursor: default;
}
.rotate-wrapper[data-v-3356bb16] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-3356bb16] {
  position: relative;
  padding: 10px;
  line-height: 1.5;
  word-break: break-word;
  cursor: move;
}
.element-content .text[data-v-3356bb16] {
  position: relative;
}
.element-content[data-v-3356bb16] a {
  cursor: text;
}
.drag-handler[data-v-3356bb16] {
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
}
.drag-handler.top[data-v-3356bb16] {
  top: 0;
}
.drag-handler.bottom[data-v-3356bb16] {
  bottom: 0;
}
.v-enter-active[data-v-3356bb16],
.v-leave-active[data-v-3356bb16] {
  transition: all 0.3s ease;
}
.v-enter-to[data-v-3356bb16] {
  opacity: 1;
  transform: translateY(0);
}
.v-enter-from[data-v-3356bb16],
.v-leave-to[data-v-3356bb16] {
  opacity: 0;
  transform: translateY(50px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/STextElement/index.vue?vue&type=style&index=0&id=e8760f84&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-stext[data-v-e8760f84] {
  position: absolute;
}
.editable-element-stext.lock .element-content[data-v-e8760f84] {
  cursor: default;
}
.rotate-wrapper[data-v-e8760f84] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-e8760f84] {
  position: relative;
  padding: 10px;
  line-height: 1.5;
  word-break: break-word;
  cursor: move;
}
.element-content .text[data-v-e8760f84] {
  position: relative;
  height: 100%;
  padding-left: 12px;
  overflow-y: auto;
}
.element-content[data-v-e8760f84] a {
  cursor: text;
}
.focus-editor[data-v-e8760f84] {
  border-radius: 4px;
}
.focus-editor-top[data-v-e8760f84] {
  display: flex;
}
.focus-editor-top > div[data-v-e8760f84] {
  margin-right: 8px;
  margin-bottom: 8px;
}
.focus-editor-top[data-v-e8760f84] .unipus-ppt-select-arrow {
  margin-top: -8px;
}
.focus-editor-bottom[data-v-e8760f84] {
  display: flex;
}
.focus-editor-bottom > div[data-v-e8760f84] {
  margin-right: 8px;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-select:not(.unipus-ppt-select-customize-input) .unipus-ppt-select-selector {
  background: #fff;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-input-number-sm {
  height: 24px;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-input-number-sm .unipus-ppt-input-number-input-wrap {
  height: 100%;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-btn {
  background: #fff;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-input-number-input-wrap {
  background: #fff;
  border-radius: 4px;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-input-number-handler-wrap {
  background: #fff;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper {
  background: #fff;
}
.focus-editor[data-v-e8760f84] .unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper .unipus-ppt-radio-button-checked {
  background: #3264fa;
}
.drag-handler[data-v-e8760f84] {
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
}
.drag-handler.top[data-v-e8760f84] {
  top: 0;
}
.drag-handler.bottom[data-v-e8760f84] {
  bottom: 0;
}
.v-enter-active[data-v-e8760f84],
.v-leave-active[data-v-e8760f84] {
  transition: all 0.3s ease;
}
.v-enter-to[data-v-e8760f84] {
  opacity: 1;
  transform: translateY(0);
}
.v-enter-from[data-v-e8760f84],
.v-leave-to[data-v-e8760f84] {
  opacity: 0;
  transform: translateY(50px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ShapeElement/index.vue?vue&type=style&index=0&id=7f60413d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-shape[data-v-7f60413d] {
  position: absolute;
  pointer-events: none;
}
.editable-element-shape.lock .element-content[data-v-7f60413d] {
  cursor: default;
}
.rotate-wrapper[data-v-7f60413d] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-7f60413d] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: move;
}
.element-content svg[data-v-7f60413d] {
  transform-origin: 0 0;
  overflow: visible;
}
.element-content .shape-path[data-v-7f60413d] {
  pointer-events: all;
}
.shape-text[data-v-7f60413d] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  line-height: 1.2;
  word-break: break-word;
  pointer-events: none;
}
.shape-text.editable[data-v-7f60413d] {
  pointer-events: all;
}
.shape-text.top[data-v-7f60413d] {
  justify-content: flex-start;
}
.shape-text.middle[data-v-7f60413d] {
  justify-content: center;
}
.shape-text.bottom[data-v-7f60413d] {
  justify-content: flex-end;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LineElement/index.vue?vue&type=style&index=0&id=6550e504&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-shape[data-v-6550e504] {
  position: absolute;
  pointer-events: none;
}
.editable-element-shape.lock .line-path[data-v-6550e504], .editable-element-shape.lock .line-point[data-v-6550e504] {
  cursor: default;
}
.element-content[data-v-6550e504] {
  width: 100%;
  height: 100%;
  position: relative;
}
.element-content svg[data-v-6550e504] {
  transform-origin: 0 0;
  overflow: visible;
}
.line-path[data-v-6550e504], .line-point[data-v-6550e504] {
  pointer-events: all;
  cursor: move;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ChartElement/Chart.vue?vue&type=style&index=0&id=1f8d633e&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chart[data-v-1f8d633e] {
  display: flex;
}
.chart-content[data-v-1f8d633e] {
  transform-origin: 0 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ChartElement/Chart.vue?vue&type=style&index=1&id=1f8d633e&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chart-content {
  --theme-color-1: #666;
  --theme-color-2: #666;
  --theme-color-3: #666;
  --theme-color-4: #666;
  --theme-color-5: #666;
  --theme-color-6: #666;
  --theme-color-7: #666;
  --theme-color-8: #666;
  --theme-color-9: #666;
  --theme-color-10: #666;
  --grid-color: rgba(0, 0, 0, 0.4);
}
.chart-content .ct-series-a .ct-line {
  stroke: var(--theme-color-1);
}
.chart-content .ct-series-a .ct-point {
  stroke: var(--theme-color-1);
}
.chart-content .ct-series-a .ct-area {
  fill: var(--theme-color-1);
}
.chart-content .ct-series-a .ct-bar {
  stroke: var(--theme-color-1);
}
.chart-content .ct-series-a .ct-slice-pie {
  fill: var(--theme-color-1);
}
.chart-content .ct-series-a .ct-slice-donut {
  stroke: var(--theme-color-1);
}
.chart-content .ct-series-b .ct-line {
  stroke: var(--theme-color-2);
}
.chart-content .ct-series-b .ct-point {
  stroke: var(--theme-color-2);
}
.chart-content .ct-series-b .ct-area {
  fill: var(--theme-color-2);
}
.chart-content .ct-series-b .ct-bar {
  stroke: var(--theme-color-2);
}
.chart-content .ct-series-b .ct-slice-pie {
  fill: var(--theme-color-2);
}
.chart-content .ct-series-b .ct-slice-donut {
  stroke: var(--theme-color-2);
}
.chart-content .ct-series-c .ct-line {
  stroke: var(--theme-color-3);
}
.chart-content .ct-series-c .ct-point {
  stroke: var(--theme-color-3);
}
.chart-content .ct-series-c .ct-area {
  fill: var(--theme-color-3);
}
.chart-content .ct-series-c .ct-bar {
  stroke: var(--theme-color-3);
}
.chart-content .ct-series-c .ct-slice-pie {
  fill: var(--theme-color-3);
}
.chart-content .ct-series-c .ct-slice-donut {
  stroke: var(--theme-color-3);
}
.chart-content .ct-series-d .ct-line {
  stroke: var(--theme-color-4);
}
.chart-content .ct-series-d .ct-point {
  stroke: var(--theme-color-4);
}
.chart-content .ct-series-d .ct-area {
  fill: var(--theme-color-4);
}
.chart-content .ct-series-d .ct-bar {
  stroke: var(--theme-color-4);
}
.chart-content .ct-series-d .ct-slice-pie {
  fill: var(--theme-color-4);
}
.chart-content .ct-series-d .ct-slice-donut {
  stroke: var(--theme-color-4);
}
.chart-content .ct-series-e .ct-line {
  stroke: var(--theme-color-5);
}
.chart-content .ct-series-e .ct-point {
  stroke: var(--theme-color-5);
}
.chart-content .ct-series-e .ct-area {
  fill: var(--theme-color-5);
}
.chart-content .ct-series-e .ct-bar {
  stroke: var(--theme-color-5);
}
.chart-content .ct-series-e .ct-slice-pie {
  fill: var(--theme-color-5);
}
.chart-content .ct-series-e .ct-slice-donut {
  stroke: var(--theme-color-5);
}
.chart-content .ct-series-f .ct-line {
  stroke: var(--theme-color-6);
}
.chart-content .ct-series-f .ct-point {
  stroke: var(--theme-color-6);
}
.chart-content .ct-series-f .ct-area {
  fill: var(--theme-color-6);
}
.chart-content .ct-series-f .ct-bar {
  stroke: var(--theme-color-6);
}
.chart-content .ct-series-f .ct-slice-pie {
  fill: var(--theme-color-6);
}
.chart-content .ct-series-f .ct-slice-donut {
  stroke: var(--theme-color-6);
}
.chart-content .ct-series-g .ct-line {
  stroke: var(--theme-color-7);
}
.chart-content .ct-series-g .ct-point {
  stroke: var(--theme-color-7);
}
.chart-content .ct-series-g .ct-area {
  fill: var(--theme-color-7);
}
.chart-content .ct-series-g .ct-bar {
  stroke: var(--theme-color-7);
}
.chart-content .ct-series-g .ct-slice-pie {
  fill: var(--theme-color-7);
}
.chart-content .ct-series-g .ct-slice-donut {
  stroke: var(--theme-color-7);
}
.chart-content .ct-series-h .ct-line {
  stroke: var(--theme-color-8);
}
.chart-content .ct-series-h .ct-point {
  stroke: var(--theme-color-8);
}
.chart-content .ct-series-h .ct-area {
  fill: var(--theme-color-8);
}
.chart-content .ct-series-h .ct-bar {
  stroke: var(--theme-color-8);
}
.chart-content .ct-series-h .ct-slice-pie {
  fill: var(--theme-color-8);
}
.chart-content .ct-series-h .ct-slice-donut {
  stroke: var(--theme-color-8);
}
.chart-content .ct-series-i .ct-line {
  stroke: var(--theme-color-9);
}
.chart-content .ct-series-i .ct-point {
  stroke: var(--theme-color-9);
}
.chart-content .ct-series-i .ct-area {
  fill: var(--theme-color-9);
}
.chart-content .ct-series-i .ct-bar {
  stroke: var(--theme-color-9);
}
.chart-content .ct-series-i .ct-slice-pie {
  fill: var(--theme-color-9);
}
.chart-content .ct-series-i .ct-slice-donut {
  stroke: var(--theme-color-9);
}
.chart-content .ct-grid {
  stroke: var(--grid-color);
}
.chart-content .ct-label {
  fill: var(--grid-color);
  color: var(--grid-color);
}
.legends {
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.legend {
  display: flex;
  align-items: center;
}
.legend + .legend {
  margin-left: 10px;
}
.legend .block {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ChartElement/index.vue?vue&type=style&index=0&id=f3c03862&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-chart[data-v-f3c03862] {
  position: absolute;
}
.editable-element-chart.lock .element-content[data-v-f3c03862] {
  cursor: default;
}
.rotate-wrapper[data-v-f3c03862] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-f3c03862] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: move;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TableElement/EditableTable.vue?vue&type=style&index=0&id=4b240bfc&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-table[data-v-4b240bfc] {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.editable-table .focus-editor[data-v-4b240bfc] {
  z-index: 2;
}
.editable-table .col-index[data-v-4b240bfc] {
  position: absolute;
  display: flex;
  align-items: center;
  top: -24px;
  left: 0;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
}
.editable-table .col-index > span[data-v-4b240bfc] {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #858c99;
  line-height: 16px;
  border-right: 1px solid #e1e6f0;
  cursor: pointer;
}
.editable-table .col-index > span .circle[data-v-4b240bfc] {
  position: absolute;
  display: flex;
  justify-content: center;
  top: -2px;
  right: -11px;
  width: 20px;
  height: 20px;
  background: #3264fa;
  border-radius: 50%;
  line-height: 17px;
  color: #fff;
  font-size: 16px;
  z-index: 1;
}
.editable-table .col-index > span.index-active[data-v-4b240bfc] {
  background: #3264fa;
  color: #fff;
}
.editable-table .col-index > span[data-v-4b240bfc]:last-child {
  border-right: unset;
}
.editable-table .col-index > span .index-active-editor[data-v-4b240bfc] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: -170px;
  right: 50%;
  width: 40px;
  height: 160px;
  margin-right: -20px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(87, 92, 102, 0.26);
  border-radius: 4px;
}
.editable-table .row-index[data-v-4b240bfc] {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: -30px;
  width: 18px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  cursor: pointer;
}
.editable-table .row-index > span[data-v-4b240bfc] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e1e6f0;
  font-size: 12px;
  color: #858c99;
}
.editable-table .row-index > span .circle[data-v-4b240bfc] {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: -10px;
  right: -2px;
  width: 20px;
  height: 20px;
  background: #3264fa;
  border-radius: 50%;
  line-height: 17px;
  color: #fff;
  font-size: 16px;
  z-index: 1;
}
.editable-table .row-index > span.index-active[data-v-4b240bfc] {
  background: #3264fa;
  color: #fff;
}
.editable-table .row-index > span[data-v-4b240bfc]:last-child {
  border-bottom: unset;
}
.editable-table .row-index > span .index-active-editor[data-v-4b240bfc] {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  top: 50%;
  right: 24px;
  width: 160px;
  height: 40px;
  padding: 0 8px;
  margin-top: -20px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(87, 92, 102, 0.26);
  border-radius: 4px;
}
table[data-v-4b240bfc] {
  width: 100%;
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  border-collapse: unset;
  border-spacing: 0;
  word-wrap: break-word;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
table th[data-v-4b240bfc],
table td[data-v-4b240bfc] {
  border-left-width: var(--16aeefb6);
  border-bottom-width: var(--16aeefb6);
}
table tbody tr:first-child td[data-v-4b240bfc] {
  border-top-width: var(--16aeefb6);
}
table tbody tr td[data-v-4b240bfc]:last-child {
  border-right-width: var(--16aeefb6);
}
table.theme[data-v-4b240bfc] {
  background-color: #fff;
}
table.theme.row-header tr:first-child .cell[data-v-4b240bfc] {
  background-color: var(--themeColor);
}
table.theme.row-footer tr:last-child .cell[data-v-4b240bfc] {
  background-color: var(--themeColor);
}
table.theme.col-header tr .cell[data-v-4b240bfc]:first-child {
  background-color: var(--themeColor);
}
table.theme.col-footer tr .cell[data-v-4b240bfc]:last-child {
  background-color: var(--themeColor);
}
table .cell[data-v-4b240bfc] {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  vertical-align: middle;
  font-size: 14px;
  cursor: default;
}
table .cell.selected[data-v-4b240bfc]::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(102, 102, 102, 0.4);
}
table .cell-text[data-v-4b240bfc] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: text;
}
table .cell-text.active[data-v-4b240bfc] {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
table .cell-text[data-v-4b240bfc] a {
  text-decoration: underline;
}
.drag-line-col[data-v-4b240bfc] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #3264fa;
  opacity: 0;
  z-index: 2;
  cursor: col-resize;
}
.drag-line-col.drag-line-col-active[data-v-4b240bfc] {
  width: 1px;
  margin-left: 0;
  background-color: #3264fa;
  opacity: 1;
}
.drag-line-col[data-v-4b240bfc]:hover {
  opacity: 1;
}
.drag-line-row[data-v-4b240bfc] {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: -1px;
  background-color: #3264fa;
  opacity: 0;
  z-index: 2;
  cursor: row-resize;
}
.drag-line-row.drag-line-row-active[data-v-4b240bfc] {
  height: 1px;
  margin-top: 0;
  background-color: #3264fa;
  opacity: 1;
}
.drag-line-row[data-v-4b240bfc]:hover {
  opacity: 1;
}
.v-enter-active[data-v-4b240bfc],
.v-leave-active[data-v-4b240bfc] {
  transition: all 0.3s ease;
}
.v-enter-to[data-v-4b240bfc] {
  opacity: 1;
  transform: translateY(0);
}
.v-enter-from[data-v-4b240bfc],
.v-leave-to[data-v-4b240bfc] {
  opacity: 0;
  transform: translateY(50px);
}
.col-enter-active[data-v-4b240bfc],
.col-leave-active[data-v-4b240bfc] {
  transition: all 0.3s ease;
}
.col-enter-to[data-v-4b240bfc] {
  opacity: 1;
  transform: translateY(0);
}
.col-enter-from[data-v-4b240bfc],
.col-leave-to[data-v-4b240bfc] {
  opacity: 0;
  transform: translateY(-30px);
}
.row-enter-active[data-v-4b240bfc],
.row-leave-active[data-v-4b240bfc] {
  transition: all 0.3s ease;
}
.row-enter-to[data-v-4b240bfc] {
  opacity: 1;
  transform: translateX(0);
}
.row-enter-from[data-v-4b240bfc],
.row-leave-to[data-v-4b240bfc] {
  opacity: 0;
  transform: translateX(-30px);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TableElement/EditableTable.vue?vue&type=style&index=1&id=4b240bfc&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.uppt-table-ele-tooltip .unipus-ppt-tooltip-arrow {
  display: none;
}
.uppt-table-ele-tooltip .unipus-ppt-tooltip-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 66px;
  height: 48px;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  font-size: 14px;
  color: #1a2233;
  line-height: 22px;
}
.col-active-editor-popover .unipus-ppt-popover-inner,
.row-active-editor-popover .unipus-ppt-popover-inner {
  box-shadow: unset;
  border: unset;
}
.col-active-editor-popover .unipus-ppt-popover-inner-content,
.row-active-editor-popover .unipus-ppt-popover-inner-content {
  padding: 8px !important;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(87, 92, 102, 0.26);
  border-radius: 4px;
}
.col-active-editor-popover .col-active-editor,
.col-active-editor-popover .row-active-editor,
.row-active-editor-popover .col-active-editor,
.row-active-editor-popover .row-active-editor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100px;
}
.row-active-editor-popover .unipus-ppt-popover-content {
  margin-right: 160px;
  margin-bottom: -100px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TableElement/index.vue?vue&type=style&index=0&id=6ca2dbcb&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-table[data-v-6ca2dbcb] {
  position: absolute;
}
.editable-element-table.lock .element-content[data-v-6ca2dbcb] {
  cursor: default;
}
.rotate-wrapper[data-v-6ca2dbcb] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-6ca2dbcb] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: move;
}
.table-mask[data-v-6ca2dbcb] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: -30px;
  left: -30px;
  z-index: 99;
  opacity: 0;
  transition: opacity 0.2s;
}
.table-mask .mask-tip[data-v-6ca2dbcb] {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 6px 12px;
  font-size: 12px;
  transform-origin: 0 0;
}
.table-mask[data-v-6ca2dbcb]:hover:not(.lock) {
  opacity: 0.9;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LatexElement/index.vue?vue&type=style&index=0&id=31390388&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-latex[data-v-31390388] {
  position: absolute;
}
.editable-element-latex.lock .element-content[data-v-31390388] {
  cursor: default;
}
.rotate-wrapper[data-v-31390388] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-31390388] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: move;
}
.element-content svg[data-v-31390388] {
  transform-origin: 0 0;
  overflow: visible;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/Player.vue?vue&type=style&index=0&id=07e0d443&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-enter-active,
.v-leave-active {
  transition: all 0.3s ease;
}
.v-enter-to {
  opacity: 1;
  transform: translateY(0);
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
  transform: translateY(100%);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/Player.vue?vue&type=style&index=1&id=07e0d443&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bottom-controller[data-v-07e0d443] {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  padding: 0 16px;
  width: 100%;
  height: 48px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bottom-controller .controller-wrapper[data-v-07e0d443] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 100%;
}
.bottom-controller .bar-wrap[data-v-07e0d443] {
  position: relative;
  flex-grow: 1;
  cursor: pointer;
}
.bottom-controller .bar-wrap:hover .bar .played .thumb[data-v-07e0d443] {
  transform: scale(1);
}
.bottom-controller .bar-wrap .bar-time[data-v-07e0d443] {
  position: absolute;
  left: 0;
  top: -30px;
  border-radius: 4px;
  padding: 5px 7px;
  background-color: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  word-wrap: normal;
  word-break: normal;
  z-index: 2;
  pointer-events: none;
}
.bottom-controller .bar-wrap .bar-time.hidden[data-v-07e0d443] {
  opacity: 0;
}
.bottom-controller .bar-wrap .bar[data-v-07e0d443] {
  position: relative;
  height: 6px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.bottom-controller .bar-wrap .bar .loaded[data-v-07e0d443] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #adcaff;
  will-change: width;
  border-radius: 4px;
}
.bottom-controller .bar-wrap .bar .played[data-v-07e0d443] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.bottom-controller .bar-wrap .bar .played .thumb[data-v-07e0d443] {
  position: absolute;
  top: -3px;
  right: 3px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.bottom-controller .volume[data-v-07e0d443] {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  cursor: pointer;
}
.bottom-controller .volume-icon[data-v-07e0d443] {
  pointer-events: none;
  z-index: 1;
}
.bottom-controller .volume .icon-content[data-v-07e0d443] {
  pointer-events: all;
}
.bottom-controller .volume.volume-active .volume-bar-wrap .volume-bar[data-v-07e0d443] {
  width: 45px;
}
.bottom-controller .volume.volume-active .volume-bar-wrap .volume-bar .volume-bar-inner .thumb[data-v-07e0d443] {
  transform: scale(1);
}
.bottom-controller .volume-bar-wrap[data-v-07e0d443] {
  position: absolute;
  left: -56px;
  bottom: 54px;
  padding: 13px 12px 13px 36px;
  transform: rotate(-90deg);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  vertical-align: middle;
  transition: all 0.3s;
}
.bottom-controller .volume-bar[data-v-07e0d443] {
  position: relative;
  width: 80px;
  height: 6px;
  background: #adcaff;
  border-radius: 4px;
  transition: all 0.3s;
}
.bottom-controller .volume-bar .volume-bar-inner[data-v-07e0d443] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.bottom-controller .volume-bar .volume-bar-inner .thumb[data-v-07e0d443] {
  position: absolute;
  top: 1px;
  right: 6px;
  margin-top: -4px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.bottom-controller .time[data-v-07e0d443],
.bottom-controller .dtime[data-v-07e0d443] {
  margin: 0 12px 0 16px;
  font-size: 14px;
  color: #1a2233;
  line-height: 22px;
  cursor: default;
}
.bottom-controller .icon[data-v-07e0d443] {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.bottom-controller .icon.play-icon[data-v-07e0d443] {
  font-size: 26px;
}
.bottom-controller .icon.loop-icon[data-v-07e0d443] {
  font-size: 12px;
}
.bottom-controller .icon.loop-icon .icon-content[data-v-07e0d443] {
  opacity: 0.5;
}
.bottom-controller .icon.speed-icon[data-v-07e0d443] {
  font-size: 12px;
  position: relative;
}
.bottom-controller .icon .speed-menu[data-v-07e0d443] {
  width: 70px;
  position: absolute;
  bottom: 30px;
  left: -23px;
  background-color: #22211b;
  padding: 5px 0;
  color: #ddd;
}
.bottom-controller .icon .speed-menu .speed-menu-item[data-v-07e0d443] {
  padding: 8px 0;
  text-align: center;
}
.bottom-controller .icon .speed-menu .speed-menu-item[data-v-07e0d443]:hover {
  background-color: #393833;
  color: #fff;
}
.bottom-controller .icon .speed-menu .speed-menu-item.active[data-v-07e0d443] {
  font-weight: 700;
  color: #fff;
}
.bottom-controller .full-screen[data-v-07e0d443] {
  margin-left: 16px;
  cursor: pointer;
}
.bottom-controller .expand[data-v-07e0d443] {
  position: relative;
  margin-left: 48px;
  cursor: pointer;
}
.bottom-controller .expand[data-v-07e0d443]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -23px;
  width: 1px;
  height: 100%;
  background-color: #858c99;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/VideoElement/VideoPlayer/index.vue?vue&type=style&index=0&id=943c9bf0&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-player[data-v-943c9bf0] {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  transform-origin: 0 0;
}
@media (min-width: 900px) {
.video-player.playing .controller-mask[data-v-943c9bf0] {
    opacity: 0;
}
.video-player.playing .controller[data-v-943c9bf0] {
    opacity: 0;
}
.video-player.playing:hover .controller-mask[data-v-943c9bf0] {
    opacity: 1;
}
.video-player.playing:hover .controller[data-v-943c9bf0] {
    opacity: 1;
}
}
.video-player.loading .bezel .diplayer-loading-icon[data-v-943c9bf0] {
  display: block;
}
.video-player.hide-controller[data-v-943c9bf0] {
  cursor: none;
}
.video-player.hide-controller .controller-mask[data-v-943c9bf0] {
  opacity: 0;
  transform: translateY(100%);
}
.video-player.hide-controller .controller[data-v-943c9bf0] {
  opacity: 0;
  transform: translateY(100%);
}
.video-wrap[data-v-943c9bf0] {
  position: relative;
  background: #000;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.video-wrap .video[data-v-943c9bf0] {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.controller-mask[data-v-943c9bf0] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;
  height: 98px;
  width: 100%;
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease;
}
.controller[data-v-943c9bf0] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 41px;
  padding: 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.3s ease;
}
.controller .bar-wrap[data-v-943c9bf0] {
  padding: 5px 0;
  cursor: pointer;
  position: absolute;
  bottom: 33px;
  width: calc(100% - 40px);
  height: 3px;
}
.controller .bar-wrap:hover .bar .played .thumb[data-v-943c9bf0] {
  transform: scale(1);
}
.controller .bar-wrap .bar-time[data-v-943c9bf0] {
  position: absolute;
  left: 0;
  top: -20px;
  border-radius: 4px;
  padding: 5px 7px;
  background-color: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  word-wrap: normal;
  word-break: normal;
  z-index: 2;
  pointer-events: none;
}
.controller .bar-wrap .bar-time.hidden[data-v-943c9bf0] {
  opacity: 0;
}
.controller .bar-wrap .bar[data-v-943c9bf0] {
  position: relative;
  height: 6px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.controller .bar-wrap .bar .loaded[data-v-943c9bf0] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #adcaff;
  transition: all 0.5s ease;
  will-change: width;
  border-radius: 4px;
}
.controller .bar-wrap .bar .played[data-v-943c9bf0] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.controller .bar-wrap .bar .played .thumb[data-v-943c9bf0] {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  transform: scale(0);
}
.controller .icons[data-v-943c9bf0] {
  height: 38px;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
}
.controller .icons.icons-right[data-v-943c9bf0] {
  right: 15px;
}
.controller .icons .time[data-v-943c9bf0] {
  line-height: 38px;
  color: #eee;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  font-size: 13px;
  cursor: default;
}
.controller .icons .icon[data-v-943c9bf0] {
  width: 40px;
  height: 100%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.controller .icons .icon.play-icon[data-v-943c9bf0] {
  font-size: 26px;
}
.controller .icons .icon .icon-content[data-v-943c9bf0] {
  transition: all 0.2s ease-in-out;
  opacity: 0.8;
  color: #fff;
}
.controller .icons .icon.loop-icon[data-v-943c9bf0] {
  font-size: 12px;
}
.controller .icons .icon.loop-icon .icon-content[data-v-943c9bf0] {
  opacity: 0.5;
}
.controller .icons .icon.speed-icon[data-v-943c9bf0] {
  font-size: 12px;
  position: relative;
}
.controller .icons .icon .speed-menu[data-v-943c9bf0] {
  width: 70px;
  position: absolute;
  bottom: 30px;
  left: -23px;
  background-color: #22211b;
  padding: 5px 0;
  color: #ddd;
}
.controller .icons .icon .speed-menu .speed-menu-item[data-v-943c9bf0] {
  padding: 8px 0;
  text-align: center;
}
.controller .icons .icon .speed-menu .speed-menu-item[data-v-943c9bf0]:hover {
  background-color: #393833;
  color: #fff;
}
.controller .icons .icon .speed-menu .speed-menu-item.active[data-v-943c9bf0] {
  font-weight: 700;
  color: #fff;
}
.controller .icons .icon.active .icon-content[data-v-943c9bf0] {
  opacity: 1;
}
.controller .icons .icon:hover .icon-content[data-v-943c9bf0] {
  opacity: 1;
}
.controller .icons .volume[data-v-943c9bf0] {
  height: 100%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.controller .icons .volume:hover .volume-bar-wrap .volume-bar[data-v-943c9bf0] {
  width: 45px;
}
.controller .icons .volume:hover .volume-bar-wrap .volume-bar .volume-bar-inner .thumb[data-v-943c9bf0] {
  transform: scale(1);
}
.controller .icons .volume.volume-active .volume-bar-wrap .volume-bar[data-v-943c9bf0] {
  width: 45px;
}
.controller .icons .volume.volume-active .volume-bar-wrap .volume-bar .volume-bar-inner .thumb[data-v-943c9bf0] {
  transform: scale(1);
}
.controller .icons .volume-bar-wrap[data-v-943c9bf0] {
  display: inline-block;
  margin: 0 15px 0 -5px;
  vertical-align: middle;
  height: 100%;
}
.controller .icons .volume-bar[data-v-943c9bf0] {
  position: relative;
  top: 17px;
  width: 45px;
  height: 3px;
  background: #adcaff;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.controller .icons .volume-bar .volume-bar-inner[data-v-943c9bf0] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: all 0.1s ease;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.controller .icons .volume-bar .volume-bar-inner .thumb[data-v-943c9bf0] {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.controller .icons .loop[data-v-943c9bf0] {
  display: inline-block;
  height: 100%;
}
.bezel[data-v-943c9bf0] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 22px;
  color: #fff;
  pointer-events: none;
}
.bezel .bezel-icon[data-v-943c9bf0] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -26px;
  height: 52px;
  width: 52px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  font-size: 40px;
}
.bezel .bezel-icon.bezel-transition[data-v-943c9bf0] {
  animation: bezel-hide-943c9bf0 0.5s linear;
}
@keyframes bezel-hide-943c9bf0 {
from {
    opacity: 1;
    transform: scale(1);
}
to {
    opacity: 0;
    transform: scale(2);
}
}
.bezel .loading-icon[data-v-943c9bf0] {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  height: 36px;
  width: 36px;
  pointer-events: none;
}
.bezel .loading-icon .loading-hide[data-v-943c9bf0] {
  display: none;
}
.bezel .loading-icon .loading-dot[data-v-943c9bf0] {
  animation: loading-dot-fade-943c9bf0 0.8s ease infinite;
  opacity: 0;
  transform-origin: 4px 4px;
}
.bezel .loading-icon .loading-dot.loading-dot-7[data-v-943c9bf0] {
  animation-delay: 0.7s;
}
.bezel .loading-icon .loading-dot.loading-dot-6[data-v-943c9bf0] {
  animation-delay: 0.6s;
}
.bezel .loading-icon .loading-dot.loading-dot-5[data-v-943c9bf0] {
  animation-delay: 0.5s;
}
.bezel .loading-icon .loading-dot.loading-dot-4[data-v-943c9bf0] {
  animation-delay: 0.4s;
}
.bezel .loading-icon .loading-dot.loading-dot-3[data-v-943c9bf0] {
  animation-delay: 0.3s;
}
.bezel .loading-icon .loading-dot.loading-dot-2[data-v-943c9bf0] {
  animation-delay: 0.2s;
}
.bezel .loading-icon .loading-dot.loading-dot-1[data-v-943c9bf0] {
  animation-delay: 0.1s;
}
@keyframes loading-dot-fade-943c9bf0 {
0% {
    opacity: 0.7;
    transform: scale(1.2, 1.2);
}
50% {
    opacity: 0.25;
    transform: scale(0.9, 0.9);
}
to {
    opacity: 0.25;
    transform: scale(0.85, 0.85);
}
}
.load-error[data-v-943c9bf0] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 15px;
  color: #fff;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/VideoElement/index.vue?vue&type=style&index=0&id=71b92dfc&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-video[data-v-71b92dfc] {
  position: absolute;
}
.editable-element-video.lock .handler-border[data-v-71b92dfc] {
  cursor: default;
}
.rotate-wrapper[data-v-71b92dfc] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-71b92dfc] {
  width: 100%;
  height: 100%;
  position: relative;
}
.handler-border[data-v-71b92dfc] {
  position: absolute;
  cursor: move;
}
.handler-border.t[data-v-71b92dfc] {
  width: 100%;
  height: 20px;
  top: 0;
  left: 0;
}
.handler-border.b[data-v-71b92dfc] {
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
}
.handler-border.l[data-v-71b92dfc] {
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
}
.handler-border.r[data-v-71b92dfc] {
  width: 10px;
  height: 100%;
  right: 0;
  top: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/AudioElement/AudioPlayer.vue?vue&type=style&index=0&id=d0b2a4c2&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.audio-player[data-v-d0b2a4c2] {
  display: flex;
  align-items: center;
  width: 440px;
  height: 72px;
  padding: 0 24px 0 12px;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.audio-player .audio-controller[data-v-d0b2a4c2] {
  position: relative;
  padding: 0;
  background: transparent;
  box-shadow: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}
.audio-player .audio-controller[data-v-d0b2a4c2] .play-icon .svg-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.audio-player .audio-controller[data-v-d0b2a4c2] .volume-icon {
  z-index: 2;
}
.audio-player .audio-controller[data-v-d0b2a4c2] .volume-icon .svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.audio-player .audio-controller[data-v-d0b2a4c2] .volume {
  height: 100%;
}
.audio-player .audio-controller[data-v-d0b2a4c2] .volume .volume-bar-wrap {
  padding: 13px 12px 13px 42px;
  margin-bottom: 2px;
  margin-left: 0;
  z-index: 1;
}
.audio-player .audio-controller[data-v-d0b2a4c2] .bar-wrap .bar {
  background: rgba(242, 242, 242, 0.7);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/AudioElement/index.vue?vue&type=style&index=0&id=96637710&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-audio[data-v-96637710] {
  position: absolute;
}
.editable-element-audio.lock .audio-icon[data-v-96637710] {
  cursor: default;
}
.editable-element-audio.lock .handler-border[data-v-96637710] {
  cursor: default;
}
.rotate-wrapper[data-v-96637710] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-96637710] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-icon[data-v-96637710] {
  cursor: move;
}
.handler-border[data-v-96637710] {
  position: absolute;
  cursor: move;
}
.handler-border.t[data-v-96637710] {
  width: 100%;
  height: 20px;
  top: 0;
  left: 0;
}
.handler-border.b[data-v-96637710] {
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
}
.handler-border.l[data-v-96637710] {
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
}
.handler-border.r[data-v-96637710] {
  width: 10px;
  height: 100%;
  right: 0;
  top: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/PluginElement/index.vue?vue&type=style&index=0&id=730deddc&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-plugin[data-v-730deddc] {
  position: absolute;
}
.editable-element-plugin.lock .element-content[data-v-730deddc] {
  cursor: default;
}
.editable-element-plugin .rotate-wrapper[data-v-730deddc] {
  width: 100%;
  height: 100%;
}
.editable-element-plugin .rotate-wrapper .element-content[data-v-730deddc] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: move;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LinkElement/index.vue?vue&type=style&index=0&id=4935430b&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-link[data-v-4935430b] {
  position: absolute;
}
.element-content[data-v-4935430b] {
  width: 100%;
  height: 100%;
  cursor: move;
}
.element-content .element-link[data-v-4935430b] {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.element-content .element-link a[data-v-4935430b] {
  flex-grow: 1;
  padding-right: 16px;
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #3264fa;
  line-height: 20px;
  text-decoration: underline;
}
.drag-handler[data-v-4935430b] {
  position: absolute;
}
.drag-handler.top[data-v-4935430b] {
  height: 10px;
  left: 0;
  right: 0;
  top: 0;
}
.drag-handler.bottom[data-v-4935430b] {
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
}
.drag-handler.left[data-v-4935430b] {
  width: 10px;
  top: 0;
  bottom: 0;
  left: 0;
}
.drag-handler.right[data-v-4935430b] {
  width: 10px;
  top: 0;
  bottom: 0;
  right: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/EnglishLine/index.vue?vue&type=style&index=0&id=e47be976&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-englishline[data-v-e47be976] {
  position: absolute;
}
.element-content[data-v-e47be976] {
  width: 100%;
  height: 100%;
  cursor: move;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/topic-media/TopicImage.vue?vue&type=style&index=0&id=cda1300c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-image[data-v-cda1300c] {
  position: relative;
}
.topic-image-actions[data-v-cda1300c] {
  position: absolute;
  top: 2%;
  right: 2%;
}
.topic-image-actions .action[data-v-cda1300c] {
  cursor: pointer;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/topic-media/TopicImage.vue?vue&type=style&index=1&id=cda1300c&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.popver-topic-image .link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.popver-topic-image .link:hover {
  opacity: 0.7;
  cursor: pointer;
}
.popver-topic-image .link.active {
  color: #1890ff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/topic-media/TopicVideo.vue?vue&type=style&index=0&id=f5a89c7e&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-video[data-v-f5a89c7e] {
  position: relative;
}
.topic-video .icon[data-v-f5a89c7e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 50px;
  color: #aaa;
}
.topic-video-actions[data-v-f5a89c7e] {
  position: absolute;
  top: 2%;
  right: 2%;
}
.topic-video-actions .action[data-v-f5a89c7e] {
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ContentEditor/index.vue?vue&type=style&index=0&id=6d3f68d9&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.content-editor[data-v-6d3f68d9] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/topic-media/TopicAudio.vue?vue&type=style&index=0&id=41edf886&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-audio[data-v-41edf886] {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  padding-left: 7px;
  height: 21px;
  background: #fff;
}
.topic-audio-icon[data-v-41edf886] {
  display: flex;
}
.topic-audio-title[data-v-41edf886] {
  flex: 1;
  overflow: hidden;
  margin: 0 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 0 10px 0 7px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  text-overflow: ellipsis;
  font-style: normal;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1a2233;
  white-space: nowrap;
}
.topic-audio-title.editing[data-v-41edf886] {
  outline: #e1e6f0;
  border-color: #e1e6f0;
}
.topic-audio-title.view[data-v-41edf886] {
  max-width: 402px;
}
.topic-audio-actions[data-v-41edf886] {
  display: flex;
  font-size: 12px;
  line-height: 12px;
}
.topic-audio .action[data-v-41edf886] {
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/TopicExpand.vue?vue&type=style&index=0&id=962b14d8&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-expand[data-v-962b14d8] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  cursor: pointer;
}
.topic-expand.top[data-v-962b14d8] {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.topic-expand.bottom[data-v-962b14d8] {
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.topic-expand.left[data-v-962b14d8] {
  right: 100%;
  top: 50%;
  transform: translate(50%, -50%);
}
.topic-expand.right[data-v-962b14d8] {
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/QuickInsert.vue?vue&type=style&index=0&id=5f651c6e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quick-insert[data-v-5f651c6e] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  z-index: 1;
  pointer-events: all;
}
.quick-insert[data-v-5f651c6e]:hover {
  cursor: pointer;
}
.quick-insert.top[data-v-5f651c6e], .quick-insert.bottom[data-v-5f651c6e] {
  left: 50%;
  transform: translate(-50%, 0);
}
.quick-insert.left[data-v-5f651c6e], .quick-insert.right[data-v-5f651c6e] {
  top: 50%;
  transform: translate(0, -50%);
}
.quick-insert.top[data-v-5f651c6e] {
  bottom: calc(100% + var(--2fadf15f));
}
.quick-insert.bottom[data-v-5f651c6e] {
  top: calc(100% + var(--2fadf15f));
}
.quick-insert.left[data-v-5f651c6e] {
  right: calc(100% + var(--2fadf15f));
}
.quick-insert.right[data-v-5f651c6e] {
  left: calc(100% + var(--2fadf15f));
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/TopicText.vue?vue&type=style&index=0&id=79d2e622&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-text[data-v-79d2e622] {
  display: flex;
  position: relative;
  white-space: nowrap;
}
.topic-text-content[data-v-79d2e622] {
  flex: 1;
  min-height: 1em;
  outline: none;
}
.topic-text.implicit-focus .topic-text-content[data-v-79d2e622]::-moz-selection {
  color: inherit;
  background-color: transparent;
}
.topic-text.implicit-focus .topic-text-content[data-v-79d2e622]::selection {
  color: inherit;
  background-color: transparent;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/TopicDropper.vue?vue&type=style&index=0&id=de764a74&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-dropper[data-v-de764a74] {
  box-sizing: border-box;
  position: absolute;
  border-radius: 4px;
  pointer-events: all;
}
.topic-dropper .dropBoxRef[data-v-de764a74] {
  width: 100%;
}
.topic-dropper.placement-center[data-v-de764a74] {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid transparent;
}
.topic-dropper.placement-left[data-v-de764a74], .topic-dropper.placement-right[data-v-de764a74] {
  top: 0;
  bottom: 0;
  width: 20px;
}
.topic-dropper.placement-top[data-v-de764a74], .topic-dropper.placement-bottom[data-v-de764a74] {
  left: 0;
  right: 0;
  height: 20px;
}
.topic-dropper.placement-left[data-v-de764a74] {
  right: 100%;
}
.topic-dropper.placement-right[data-v-de764a74] {
  left: 100%;
}
.topic-dropper.placement-top[data-v-de764a74] {
  bottom: 100%;
}
.topic-dropper.placement-bottom[data-v-de764a74] {
  top: 100%;
}
.topic-dropper.dropping[data-v-de764a74] {
  background-color: #fc7e00;
  opacity: 0.7;
}
.topic-dropper.placement-center.dropping[data-v-de764a74] {
  background-color: transparent;
  border-color: #fc7e00;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/topic/Topic.vue?vue&type=style&index=0&id=3f0310e7&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topic-container[data-v-3f0310e7] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.topic-container .topic-box[data-v-3f0310e7] {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  clear: right;
  outline: none;
}
.topic-container .topic-children[data-v-3f0310e7] {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
}
.topic-container.root .topic-box[data-v-3f0310e7] {
  position: unset;
}
.topic-container.root .topic-content[data-v-3f0310e7] {
  padding: 11px 17px;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
}
.topic-container.branch .topic-content[data-v-3f0310e7] {
  padding: 6px 14px;
  text-align: left;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.topic-container.part-left[data-v-3f0310e7] {
  text-align: right;
}
.topic-container .topic[data-v-3f0310e7] {
  height: 1em;
  line-height: 1em;
}
.topic-container.org[data-v-3f0310e7] {
  text-align: center;
  align-items: unset;
  vertical-align: top;
}
.topic-container.org .topic-box[data-v-3f0310e7] {
  left: 50%;
  transform: translate(-50%, 0);
}
.topic-container.org.root .topic-box[data-v-3f0310e7] {
  left: 0;
  transform: none;
}
.topic-content[data-v-3f0310e7] {
  display: inline-block;
  border-radius: 4px;
  padding: 5px 10px;
  min-width: 40px;
  line-height: 1em;
  text-align: left;
  font-size: 18px;
  font-style: 400;
  font-weight: 400;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #1a2233;
  background-color: rgb(255, 255, 255);
}
.topic-content.selected[data-v-3f0310e7] {
  border-width: 1px;
  border-style: solid !important;
  border-color: #3264fa !important;
}
.topic-content.dragging[data-v-3f0310e7] {
  opacity: 0.5;
}
.topic-box[data-v-3f0310e7] {
  box-sizing: border-box;
  position: relative;
}
.topic[data-v-3f0310e7] {
  word-wrap: break-word;
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
  font-weight: inherit;
  text-decoration: inherit;
}
.topic-selected[data-v-3f0310e7] {
  position: absolute;
  pointer-events: none;
  border: 0;
  border-radius: 4px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.topic-dropping[data-v-3f0310e7] {
  box-sizing: border-box;
  position: absolute;
  border: 0;
  border-radius: 4px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.btn-topic-add[data-v-3f0310e7] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 40px;
  font-size: 14px;
  background-color: red;
  z-index: 1;
  pointer-events: all;
}
.btn-topic-add[data-v-3f0310e7]:hover {
  cursor: pointer;
}
.btn-topic-add.top[data-v-3f0310e7], .btn-topic-add.bottom[data-v-3f0310e7] {
  left: 50%;
  width: 40px;
  height: 20px;
  transform: translate(-50%, 0);
}
.btn-topic-add.left[data-v-3f0310e7], .btn-topic-add.right[data-v-3f0310e7] {
  top: 50%;
  width: 20px;
  height: 40px;
  transform: translate(0, -50%);
}
.btn-topic-add.top[data-v-3f0310e7] {
  bottom: 100%;
}
.btn-topic-add.bottom[data-v-3f0310e7] {
  top: 100%;
}
.btn-topic-add.left[data-v-3f0310e7] {
  right: 100%;
}
.btn-topic-add.right[data-v-3f0310e7] {
  left: 100%;
}
.topic-media-list[data-v-3f0310e7] {
  margin-bottom: 6px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/MindLine.vue?vue&type=style&index=0&id=2e426c02&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.mind-line-svg[data-v-2e426c02] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/TopicLine.vue?vue&type=style&index=0&id=74599f1a&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.topic-line-svg[data-v-74599f1a] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/designer/Designer.vue?vue&type=style&index=0&id=396071a1&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mind-container {
  display: flex;
  align-items: center;
  padding: 20px;
  height: 100%;
  background: #fff;
}
.mind-designer-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.mind-designer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  cursor: default;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/mind/Editor.vue?vue&type=style&index=0&id=d5de7f6c&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mind-editor[data-v-d5de7f6c] {
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #000;
}
.mind-editor-layout[data-v-d5de7f6c] {
  height: 100%;
}
.mind-editor-toolbar[data-v-d5de7f6c] {
  background: #fff;
}
.mind-editor-menu[data-v-d5de7f6c] {
  padding: 0 16px;
}
.mind-editor-content[data-v-d5de7f6c] {
  background: #fff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/index.vue?vue&type=style&index=0&id=503838cf&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-mind[data-v-503838cf] {
  position: absolute;
}
.rotate-wrapper[data-v-503838cf] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-503838cf] {
  width: 100%;
  height: 100%;
  position: relative;
}
.handler-border[data-v-503838cf] {
  position: absolute;
  cursor: move;
}
.handler-border.t[data-v-503838cf] {
  width: 100%;
  height: 20px;
  top: 0;
  left: 0;
}
.handler-border.b[data-v-503838cf] {
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
}
.handler-border.l[data-v-503838cf] {
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
}
.handler-border.r[data-v-503838cf] {
  width: 10px;
  height: 100%;
  right: 0;
  top: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LevelReadElement/index.vue?vue&type=style&index=0&id=0346c52a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editable-element-level-read[data-v-0346c52a] {
  position: absolute;
}
.element-content[data-v-0346c52a] {
  width: 100%;
  height: 100%;
  cursor: move;
}
.drag-handler[data-v-0346c52a] {
  position: absolute;
}
.drag-handler.top[data-v-0346c52a] {
  height: 10px;
  left: 0;
  right: 0;
  top: 0;
}
.drag-handler.bottom[data-v-0346c52a] {
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
}
.drag-handler.left[data-v-0346c52a] {
  width: 10px;
  top: 0;
  bottom: 0;
  left: 0;
}
.drag-handler.right[data-v-0346c52a] {
  width: 10px;
  top: 0;
  bottom: 0;
  right: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/MouseSelection.vue?vue&type=style&index=0&id=0d6c0f73&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mouse-selection[data-v-0d6c0f73] {
  position: absolute;
  background-color: rgba(50, 100, 250, 0.1);
  border: 1px solid #3264fa;
  z-index: 200;
}
.mouse-selection.quadrant-1[data-v-0d6c0f73] {
  transform-origin: 0 0;
  transform: rotate(180deg);
}
.mouse-selection.quadrant-2[data-v-0d6c0f73] {
  transform-origin: 50% 0;
  transform: rotate(180deg);
}
.mouse-selection.quadrant-3[data-v-0d6c0f73] {
  transform-origin: 0 50%;
  transform: rotate(180deg);
}
.mouse-selection.quadrant-4[data-v-0d6c0f73] {
  transform-origin: 0 0;
  transform: rotate(0deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/GridLines.vue?vue&type=style&index=0&id=aebac580&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.grid-lines[data-v-aebac580] {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 999;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/ViewportBackground.vue?vue&type=style&index=0&id=3da6e682&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.viewport-background[data-v-3da6e682],
.viewport-background-mask[data-v-3da6e682] {
  width: 100%;
  height: 100%;
  background-position: center;
  position: absolute;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/AlignmentLine.vue?vue&type=style&index=0&id=37fa6068&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alignment-line[data-v-37fa6068] {
  position: absolute;
  z-index: 100;
}
.alignment-line .line[data-v-37fa6068] {
  width: 0;
  height: 0;
  border: 0 dashed #3264fa;
}
.alignment-line .line.vertical[data-v-37fa6068] {
  transform: translateY(-0.5px);
  border-left-width: 1px;
}
.alignment-line .line.horizontal[data-v-37fa6068] {
  transform: translateX(-0.5px);
  border-top-width: 1px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Ruler.vue?vue&type=style&index=0&id=0f6bb088&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ruler[data-v-0f6bb088] {
  font-size: 12px;
}
.h[data-v-0f6bb088] {
  position: absolute;
  background-color: #fff;
  border: 1px solid #e1e6f0;
  height: 20px;
  top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.h .ruler-marker-100[data-v-0f6bb088] {
  height: 100%;
  width: 10%;
  line-height: 20px;
  text-align: right;
  flex-shrink: 0;
  padding-right: 5px;
  position: relative;
}
.h .ruler-marker-100.hide span[data-v-0f6bb088] {
  display: none;
}
.h .ruler-marker-100.omit[data-v-0f6bb088]::before {
  display: none;
}
.h .ruler-marker-100[data-v-0f6bb088]:not(:last-child)::after {
  content: "";
  width: 0.1px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #999;
}
.h .ruler-marker-100[data-v-0f6bb088]::before {
  content: "";
  width: 0.1px;
  height: 8px;
  position: absolute;
  right: 50%;
  bottom: 0;
  background-color: #999;
}
.v[data-v-0f6bb088] {
  position: absolute;
  background-color: #fff;
  border: 1px solid #e1e6f0;
  width: 20px;
  left: 5px;
  overflow: hidden;
}
.v .ruler-marker-100[data-v-0f6bb088] {
  width: 100%;
  line-height: 20px;
  text-align: right;
  padding-bottom: 5px;
  position: relative;
  writing-mode: vertical-rl;
}
.v .ruler-marker-100.hide span[data-v-0f6bb088] {
  display: none;
}
.v .ruler-marker-100.omit[data-v-0f6bb088]::before {
  display: none;
}
.v .ruler-marker-100[data-v-0f6bb088]:not(:last-child)::after {
  content: "";
  height: 0.1px;
  width: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #999;
}
.v .ruler-marker-100[data-v-0f6bb088]::before {
  content: "";
  height: 0.1px;
  width: 8px;
  position: absolute;
  bottom: 50%;
  right: 0;
  background-color: #999;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/ElementCreateSelection.vue?vue&type=style&index=0&id=74bf8824&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.element-create-selection[data-v-74bf8824] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: crosshair;
}
.element-create-selection svg[data-v-74bf8824] {
  overflow: visible;
}
.selection[data-v-74bf8824] {
  position: absolute;
  opacity: 0.8;
}
.selection[data-v-74bf8824]:not(.line) {
  border: 1px solid #3264fa;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/ResizeHandler.vue?vue&type=style&index=0&id=881ee3f8&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.resize-handler[data-v-881ee3f8] {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  border: 1px solid #3264fa;
  background-color: #fff;
  border-radius: 1px;
  cursor: pointer;
}
.resize-handler.left-top.rotate-0[data-v-881ee3f8], .resize-handler.right-bottom.rotate-0[data-v-881ee3f8], .resize-handler.left.rotate-45[data-v-881ee3f8], .resize-handler.right.rotate-45[data-v-881ee3f8], .resize-handler.left-bottom.rotate-90[data-v-881ee3f8], .resize-handler.right-top.rotate-90[data-v-881ee3f8], .resize-handler.top.rotate-135[data-v-881ee3f8], .resize-handler.bottom.rotate-135[data-v-881ee3f8] {
  cursor: nwse-resize;
}
.resize-handler.top.rotate-0[data-v-881ee3f8], .resize-handler.bottom.rotate-0[data-v-881ee3f8], .resize-handler.left-top.rotate-45[data-v-881ee3f8], .resize-handler.right-bottom.rotate-45[data-v-881ee3f8], .resize-handler.left.rotate-90[data-v-881ee3f8], .resize-handler.right.rotate-90[data-v-881ee3f8], .resize-handler.left-bottom.rotate-135[data-v-881ee3f8], .resize-handler.right-top.rotate-135[data-v-881ee3f8] {
  cursor: ns-resize;
}
.resize-handler.left-bottom.rotate-0[data-v-881ee3f8], .resize-handler.right-top.rotate-0[data-v-881ee3f8], .resize-handler.top.rotate-45[data-v-881ee3f8], .resize-handler.bottom.rotate-45[data-v-881ee3f8], .resize-handler.left-top.rotate-90[data-v-881ee3f8], .resize-handler.right-bottom.rotate-90[data-v-881ee3f8], .resize-handler.left.rotate-135[data-v-881ee3f8], .resize-handler.right.rotate-135[data-v-881ee3f8] {
  cursor: nesw-resize;
}
.resize-handler.left.rotate-0[data-v-881ee3f8], .resize-handler.right.rotate-0[data-v-881ee3f8], .resize-handler.left-bottom.rotate-45[data-v-881ee3f8], .resize-handler.right-top.rotate-45[data-v-881ee3f8], .resize-handler.top.rotate-90[data-v-881ee3f8], .resize-handler.bottom.rotate-90[data-v-881ee3f8], .resize-handler.left-top.rotate-135[data-v-881ee3f8], .resize-handler.right-bottom.rotate-135[data-v-881ee3f8] {
  cursor: ew-resize;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/BorderLine.vue?vue&type=style&index=0&id=7170d1be&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.border-line[data-v-7170d1be] {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border: 0 dashed #3264fa;
}
.border-line.top[data-v-7170d1be] {
  border-top-width: 1px;
}
.border-line.bottom[data-v-7170d1be] {
  border-bottom-width: 1px;
}
.border-line.left[data-v-7170d1be] {
  border-left-width: 1px;
}
.border-line.right[data-v-7170d1be] {
  border-right-width: 1px;
}
.border-line.wide[data-v-7170d1be]::before {
  content: "";
  position: absolute;
  background: transparent;
  cursor: move;
}
.border-line.wide.top[data-v-7170d1be]::before {
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: 16px;
}
.border-line.wide.bottom[data-v-7170d1be]::before {
  bottom: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: 16px;
}
.border-line.wide.left[data-v-7170d1be]::before {
  top: -8px;
  left: -8px;
  width: 16px;
  height: calc(100% + 16px);
}
.border-line.wide.right[data-v-7170d1be]::before {
  top: -8px;
  right: -8px;
  width: 16px;
  height: calc(100% + 16px);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/MultiSelectOperate.vue?vue&type=style&index=0&id=defbd922&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.multi-select-operate[data-v-defbd922] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/RotateHandler.vue?vue&type=style&index=0&id=b99d8dae&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rotate-handler[data-v-b99d8dae] {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -25px;
  margin-left: -5px;
  border: 1px solid #3264fa;
  background-color: #fff;
  border-radius: 1px;
  cursor: grab;
}
.rotate-handler[data-v-b99d8dae]:active {
  cursor: grabbing;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/ImageElementOperate.vue?vue&type=style&index=0&id=46b250c2&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-element-operate.cliping[data-v-46b250c2] {
  visibility: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/ShapeElementOperate.vue?vue&type=style&index=0&id=fd38df18&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.operate-keypoint-handler[data-v-fd38df18] {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  border: 1px solid #3264fa;
  background-color: #ffe873;
  border-radius: 1px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/LineElementOperate.vue?vue&type=style&index=0&id=4659f395&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
svg[data-v-4659f395] {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  transform-origin: 0 0;
}
.anchor-line[data-v-4659f395] {
  stroke-width: 1px;
  stroke-dasharray: 5 5;
  opacity: 0.5;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/LinkHandler.vue?vue&type=style&index=0&id=2ce8a88b&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.link-handler[data-v-2ce8a88b] {
  max-width: 280px;
  height: 32px;
  position: absolute;
  left: 0;
  font-size: 12px;
  padding-right: 16px;
  background-color: #fff;
  display: flex;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  align-items: center;
  color: #3264fa;
}
.link[data-v-2ce8a88b] {
  margin-left: 8px;
  max-width: 220px;
  font-size: 14px;
  color: #3264fa;
  line-height: 20px;
  word-break: keep-all;
  white-space: nowrap;
  text-decoration: underline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btns[data-v-2ce8a88b] {
  display: flex;
  align-items: center;
}
.btns .btn[data-v-2ce8a88b] {
  word-break: keep-all;
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/Operate/index.vue?vue&type=style&index=0&id=11e5dd1c&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.operate[data-v-11e5dd1c] {
  position: absolute;
  z-index: 100;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.operate.multi-select[data-v-11e5dd1c] {
  opacity: 0.2;
}
.animation-index[data-v-11e5dd1c] {
  position: absolute;
  top: 0;
  left: -24px;
  font-size: 12px;
}
.animation-index .index-item[data-v-11e5dd1c] {
  width: 18px;
  height: 18px;
  background-color: #fff;
  color: #3264fa;
  border: 1px solid #3264fa;
  display: flex;
  justify-content: center;
  align-items: center;
}
.animation-index .index-item + .index-item[data-v-11e5dd1c] {
  margin-top: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/CanvasTool/Modal/LinkModal/index.vue?vue&type=style&index=0&id=64aacddd&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-value[data-v-64aacddd] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #1a2233;
  line-height: 22px;
}
.text-value span[data-v-64aacddd] {
  flex-shrink: 0;
}
.bottom[data-v-64aacddd] {
  width: 100%;
  height: 415px;
  padding: 24px 16px;
  margin-bottom: 12px;
  background: #f5f7fa;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #1a2233;
  line-height: 22px;
}
.bottom .tab[data-v-64aacddd] {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.bottom .text[data-v-64aacddd] {
  margin-bottom: 12px;
}
.bottom .url[data-v-64aacddd] {
  display: flex;
  align-items: center;
}
.bottom .url span[data-v-64aacddd] {
  margin-right: 6px;
  flex-shrink: 0;
}
.bottom .url input[data-v-64aacddd] {
  flex-shrink: 1;
}
.bottom .document-options[data-v-64aacddd] {
  margin-top: 12px;
  width: 100%;
  height: 285px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  font-size: 14px;
  font-weight: 400;
  color: #1a2233;
  line-height: 22px;
  overflow: auto;
}
.bottom .document-options-item[data-v-64aacddd] {
  margin-bottom: 8px;
  cursor: pointer;
}
.bottom .document-options .active[data-v-64aacddd] {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3264fa;
}
.bottom .document-options .slide-title[data-v-64aacddd] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bottom .document-options .slide-title .anticon[data-v-64aacddd] {
  margin-right: 4px;
}
.bottom .document-options .slide-title-item[data-v-64aacddd] {
  margin-left: 32px;
  font-size: 13px;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Canvas/index.vue?vue&type=style&index=0&id=d13f8a16&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.canvas[data-v-d13f8a16] {
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  position: relative;
}
.drag-mask[data-v-d13f8a16] {
  cursor: grab;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.viewport-wrapper[data-v-d13f8a16] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 10px 0 rgba(59, 80, 121, 0.15);
}
.viewport-wrapper.turning-mode-fade[data-v-d13f8a16] {
  animation: fade-d13f8a16 0.75s;
}
.viewport-wrapper.turning-mode-slideX[data-v-d13f8a16] {
  animation: slideX-d13f8a16 0.75s;
}
.viewport-wrapper.turning-mode-slideY[data-v-d13f8a16] {
  animation: slideY-d13f8a16 0.75s;
}
.viewport-wrapper .canvas-inner[data-v-d13f8a16] {
  width: 100%;
  height: 100%;
}
.viewport[data-v-d13f8a16] {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
}
@keyframes fade-d13f8a16 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes slideX-d13f8a16 {
0% {
    transform: translate(100%, -50%);
}
100% {
    transform: translate(-50%, -50%);
}
}
@keyframes slideY-d13f8a16 {
0% {
    transform: translate(-50%, 100%);
}
100% {
    transform: translate(-50%, -50%);
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ImageElement/BaseImageElement.vue?vue&type=style&index=0&id=2505f47a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-image[data-v-2505f47a] {
  position: absolute;
}
.rotate-wrapper[data-v-2505f47a] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-2505f47a] {
  width: 100%;
  height: 100%;
  position: relative;
}
.element-content .image-content[data-v-2505f47a] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.element-content img[data-v-2505f47a] {
  position: absolute;
}
.color-mask[data-v-2505f47a] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TextElement/BaseTextElement.vue?vue&type=style&index=0&id=1bbc5018&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-text[data-v-1bbc5018] {
  position: absolute;
}
.rotate-wrapper[data-v-1bbc5018] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-1bbc5018] {
  position: relative;
  padding: 10px;
  line-height: 1.5;
  word-break: break-word;
}
.element-content .text[data-v-1bbc5018] {
  position: relative;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/STextElement/BaseSTextElement.vue?vue&type=style&index=0&id=fa5667d4&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-stext[data-v-fa5667d4] {
  position: absolute;
}
.rotate-wrapper[data-v-fa5667d4] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-fa5667d4] {
  position: relative;
  padding: 10px;
  line-height: 1.5;
  word-break: break-word;
}
.element-content .text[data-v-fa5667d4] {
  position: relative;
  height: 100%;
  padding-left: 12px;
  overflow-y: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ShapeElement/BaseShapeElement.vue?vue&type=style&index=0&id=488097c2&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-shape[data-v-488097c2] {
  position: absolute;
}
.rotate-wrapper[data-v-488097c2] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-488097c2] {
  width: 100%;
  height: 100%;
  position: relative;
}
.element-content svg[data-v-488097c2] {
  transform-origin: 0 0;
  overflow: visible;
}
.shape-text[data-v-488097c2] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  line-height: 1.2;
  word-break: break-word;
}
.shape-text.top[data-v-488097c2] {
  justify-content: flex-start;
}
.shape-text.middle[data-v-488097c2] {
  justify-content: center;
}
.shape-text.bottom[data-v-488097c2] {
  justify-content: flex-end;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LineElement/BaseLineElement.vue?vue&type=style&index=0&id=e08d3e6c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-line[data-v-e08d3e6c] {
  position: absolute;
}
.element-content[data-v-e08d3e6c] {
  width: 100%;
  height: 100%;
  position: relative;
}
.element-content svg[data-v-e08d3e6c] {
  transform-origin: 0 0;
  overflow: visible;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/ChartElement/BaseChartElement.vue?vue&type=style&index=0&id=7d2e5c4e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-chart[data-v-7d2e5c4e] {
  position: absolute;
}
.rotate-wrapper[data-v-7d2e5c4e] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-7d2e5c4e] {
  width: 100%;
  height: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TableElement/StaticTable.vue?vue&type=style&index=0&id=b2ca7680&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.static-table[data-v-b2ca7680] {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
table[data-v-b2ca7680] {
  width: 100%;
  position: relative;
  table-layout: fixed;
  border-collapse: unset;
  border-spacing: 0;
  word-wrap: break-word;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
table th[data-v-b2ca7680],
table td[data-v-b2ca7680] {
  border-left-width: var(--640554bf);
  border-bottom-width: var(--640554bf);
}
table tbody tr:first-child td[data-v-b2ca7680] {
  border-top-width: var(--640554bf);
}
table tbody tr td[data-v-b2ca7680]:last-child {
  border-right-width: var(--640554bf);
}
table.theme[data-v-b2ca7680] {
  background-color: #fff;
}
table.theme.row-header tr:first-child .cell[data-v-b2ca7680] {
  background-color: var(--themeColor);
}
table.theme.row-footer tr:last-child .cell[data-v-b2ca7680] {
  background-color: var(--themeColor);
}
table.theme.col-header tr .cell[data-v-b2ca7680]:first-child {
  background-color: var(--themeColor);
}
table.theme.col-footer tr .cell[data-v-b2ca7680]:last-child {
  background-color: var(--themeColor);
}
table .cell[data-v-b2ca7680] {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  vertical-align: middle;
}
table .cell-text[data-v-b2ca7680] a {
  text-decoration: underline;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/TableElement/BaseTableElement.vue?vue&type=style&index=0&id=49b88e20&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-table[data-v-49b88e20] {
  position: absolute;
}
.rotate-wrapper[data-v-49b88e20] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-49b88e20] {
  width: 100%;
  height: 100%;
  position: relative;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LatexElement/BaseLatexElement.vue?vue&type=style&index=0&id=718be012&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-latex[data-v-718be012] {
  position: absolute;
}
.rotate-wrapper[data-v-718be012] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-718be012] {
  width: 100%;
  height: 100%;
  position: relative;
}
.element-content svg[data-v-718be012] {
  transform-origin: 0 0;
  overflow: visible;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/VideoElement/BaseVideoElement.vue?vue&type=style&index=0&id=46029ad4&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-video[data-v-46029ad4] {
  position: absolute;
}
.rotate-wrapper[data-v-46029ad4] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-46029ad4] {
  width: 100%;
  height: 100%;
}
.element-content img[data-v-46029ad4] {
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/AudioElement/BaseAudioElement.vue?vue&type=style&index=0&id=6c0ef9fe&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-audio[data-v-6c0ef9fe] {
  position: absolute;
}
.rotate-wrapper[data-v-6c0ef9fe] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-6c0ef9fe] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-icon[data-v-6c0ef9fe] {
  cursor: move;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/PluginElement/BasePluginElement.vue?vue&type=style&index=0&id=f18dcb74&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-plugin[data-v-f18dcb74] {
  position: absolute;
}
.base-element-plugin.lock .element-content[data-v-f18dcb74] {
  cursor: default;
}
.base-element-plugin .rotate-wrapper[data-v-f18dcb74] {
  width: 100%;
  height: 100%;
}
.base-element-plugin .rotate-wrapper .element-content[data-v-f18dcb74] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: move;
}
.base-element-plugin .rotate-wrapper .element-content .poster[data-v-f18dcb74] {
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LinkElement/BaseLinkElement.vue?vue&type=style&index=0&id=76da9363&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-element-link[data-v-76da9363] {
  position: absolute;
}
.element-content[data-v-76da9363] {
  width: 100%;
  height: 100%;
}
.element-content .element-link[data-v-76da9363] {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.element-content .element-link a[data-v-76da9363] {
  flex-grow: 1;
  padding-right: 16px;
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #3264fa;
  line-height: 20px;
  text-decoration: underline;
}
.drag-handler[data-v-76da9363] {
  position: absolute;
}
.drag-handler.top[data-v-76da9363] {
  height: 10px;
  left: 0;
  right: 0;
  top: 0;
}
.drag-handler.bottom[data-v-76da9363] {
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
}
.drag-handler.left[data-v-76da9363] {
  width: 10px;
  top: 0;
  bottom: 0;
  left: 0;
}
.drag-handler.right[data-v-76da9363] {
  width: 10px;
  top: 0;
  bottom: 0;
  right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/EnglishLine/BaseEnglishLineElement.vue?vue&type=style&index=0&id=9cdae8b8&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-englishline[data-v-9cdae8b8] {
  position: absolute;
}
.element-content[data-v-9cdae8b8] {
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/MindElement/BaseMindElement.vue?vue&type=style&index=0&id=1be4da96&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-mind[data-v-1be4da96] {
  position: absolute;
}
.rotate-wrapper[data-v-1be4da96] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-1be4da96] {
  width: 100%;
  height: 100%;
  position: relative;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/ThumbnailSlide/ThumbnailElement.vue?vue&type=style&index=0&id=d5655dd8&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element[data-v-d5655dd8] {
  pointer-events: none;
}
.base-element .element-component[data-v-d5655dd8] {
  display: block;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/ThumbnailSlide/index.vue?vue&type=style&index=0&id=65a67ffa&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.thumbnail-slide[data-v-65a67ffa] {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.thumbnail-slide .delete-time[data-v-65a67ffa] {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background: #1a2233;
  opacity: 0.49;
  font-size: 12px;
  color: #e1e6f0;
  line-height: 20px;
}
.elements[data-v-65a67ffa] {
  transform-origin: 0 0;
}
.background[data-v-65a67ffa],
.background-mask[data-v-65a67ffa] {
  width: 100%;
  height: 100%;
  background-position: center;
  position: absolute;
}
.placeholder[data-v-65a67ffa] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Thumbnails/RecycleBin.vue?vue&type=style&index=0&id=39d4a28c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrapper[data-v-39d4a28c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.wrapper .list-wrapper[data-v-39d4a28c] {
  flex-grow: 1;
}
.wrapper .warn-text[data-v-39d4a28c] {
  padding: 0 12px;
}
.wrapper .warn-text span[data-v-39d4a28c] {
  margin-left: 4px;
  font-size: 12px;
  color: #858c99;
  line-height: 20px;
}
.title[data-v-39d4a28c] {
  display: flex;
  align-items: center;
  width: 80%;
  margin-bottom: 16px;
}
.title svg[data-v-39d4a28c] {
  cursor: pointer;
}
.title span[data-v-39d4a28c] {
  margin-left: 24px;
  font-size: 12px;
  color: #575c66;
  line-height: 20px;
}
.check-all[data-v-39d4a28c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 81%;
  margin-bottom: 12px;
}
.check-all[data-v-39d4a28c] .unipus-ppt-checkbox {
  transform: translateY(1px);
}
.check-all[data-v-39d4a28c] .unipus-ppt-checkbox-wrapper {
  margin-right: 4px;
}
.check-all[data-v-39d4a28c] .unipus-ppt-checkbox-wrapper span:last-child {
  font-size: 12px;
  color: #575c66;
  line-height: 20px;
}
.check-all .reduction[data-v-39d4a28c] {
  font-size: 12px;
  color: #3264fa;
  cursor: pointer;
}
.thumbnail-item[data-v-39d4a28c] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.thumbnail-item .unipus-ppt-checkbox-wrapper[data-v-39d4a28c] {
  margin-right: 4px;
}
.thumbnail-item .thumbnail[data-v-39d4a28c] {
  border-radius: 4px;
  border: 1px solid #c2c5cc;
}
.operation[data-v-39d4a28c] {
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 8px 0 16px 20px;
  font-size: 12px;
  color: #575c66;
  line-height: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Thumbnails/AddTitle.vue?vue&type=style&index=0&id=026d0ee6&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-title-wrapper input {
  max-width: 98px;
}
.add-title-wrapper .title {
  display: inline-block;
  max-width: 98px;
  font-size: 14px;
  color: #1a2233;
  line-height: 22px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Thumbnails/index.vue?vue&type=style&index=0&id=2f92464a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.thumbnails[data-v-2f92464a] {
  padding: 0 0 32px 0;
  border-right: solid 1px #e1e6f0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.add-slide-bg[data-v-2f92464a] {
  position: sticky;
  top: 0;
  padding: 16px 16px 0 16px;
  background: #f7f8fa;
  z-index: 1;
}
.add-slide[data-v-2f92464a] {
  width: 96px;
  height: 32px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #c2c5cc;
  font-size: 12px;
  color: #575c66;
  line-height: 20px;
  cursor: pointer;
}
.thumbnail-list[data-v-2f92464a] {
  padding: 5px 0;
  flex: 1;
}
.thumbnail-item[data-v-2f92464a] {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}
.thumbnail-item .thumbnail[data-v-2f92464a] {
  box-shadow: 0 4px 10px 0 rgba(59, 80, 121, 0.15);
  border-radius: 4px;
  outline: 1px solid rgba(50, 100, 250, 0.15);
  cursor: pointer;
}
.thumbnail-item .thumbnail[data-v-2f92464a]:hover {
  outline-color: #3264fa;
}
.thumbnail-item.active .label[data-v-2f92464a] {
  color: #3264fa;
}
.thumbnail-item.active .thumbnail[data-v-2f92464a] {
  outline-color: #3264fa;
}
.thumbnail-item.selected .thumbnail[data-v-2f92464a] {
  outline-color: #3264fa;
}
.label[data-v-2f92464a] {
  margin-left: -6px;
  font-size: 12px;
  color: #1a2233;
  line-height: 20px;
  transform: translateX(-4px);
  cursor: grab;
}
.label.offset-left[data-v-2f92464a] {
  position: relative;
  left: -4px;
}
.label[data-v-2f92464a]:active {
  cursor: grabbing;
}
.page-number[data-v-2f92464a] {
  height: 40px;
  font-size: 12px;
  border-top: 1px solid #e1e6f0;
  line-height: 40px;
  text-align: center;
  color: #666;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ElementOpacity.vue?vue&type=style&index=0&id=54aad0f0&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-54aad0f0] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.slider[data-v-54aad0f0] {
  flex: 3;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ColorButton.vue?vue&type=style&index=0&id=3b4a02d8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.color-btn[data-v-3b4a02d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.color-block[data-v-3b4a02d8] {
  height: 20px;
  margin-left: 8px;
  flex: 1;
  outline: 1px dashed rgba(102, 102, 102, 0.12);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAEBJREFUOE9jfPbs2X8GIoCkpCQRqhgYGEcNxBlOo2GIM2iGQLL5//8/UTnl+fPnxOWUUQNxhtNoGOLOKYM+2QAAh2Nq10DwkukAAAAASUVORK5CYII=);
}
.content[data-v-3b4a02d8] {
  width: 100%;
  height: 100%;
}
.color-btn-icon[data-v-3b4a02d8] {
  width: 30px;
  font-size: 12px;
  margin-top: 2px;
  color: #bfbfbf;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ElementOutline.vue?vue&type=style&index=0&id=1edbae89&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-1edbae89] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.switch-wrapper[data-v-1edbae89] {
  text-align: right;
}
.w100[data-v-1edbae89] {
  width: 100px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ElementShadow.vue?vue&type=style&index=0&id=19c233fc&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-19c233fc] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-wrapper[data-v-19c233fc] {
  text-align: right;
}
.slider[data-v-19c233fc] {
  flex: 3;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel/RapidStyle.vue?vue&type=style&index=0&id=f6ba8c46&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.color-wrapper[data-v-f6ba8c46] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  transition: all 0.3s;
}
.color-wrapper .color-item[data-v-f6ba8c46] {
  width: 46px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  cursor: pointer;
}
.color-wrapper .color-item.no-color[data-v-f6ba8c46] {
  background: linear-gradient(to bottom right, #f7f8fa 47%, #c2c5cc, #f7f8fa 53%) !important;
}
.color-wrapper .color-item.color-item-active[data-v-f6ba8c46] {
  border-color: #3264fa;
}
.arrow-btn[data-v-f6ba8c46] {
  width: 208px;
  height: 24px;
  margin-top: 16px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue?vue&type=style&index=0&id=248a8336&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-style-panel[data-v-248a8336] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
}
.rapid-style[data-v-248a8336] {
  margin-top: 8px;
  margin-bottom: -12px;
}
.text-type[data-v-248a8336] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.font-text[data-v-248a8336] {
  margin-bottom: 16px;
  margin-top: 32px;
  font-weight: 500;
  color: #1a2233;
  line-height: 17px;
}
.layout-text[data-v-248a8336] {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 8px;
}
.layout-text[data-v-248a8336]:nth-of-type(1) {
  margin-top: 0;
}
.row[data-v-248a8336] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.text-row[data-v-248a8336] {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.text-row span[data-v-248a8336] {
  margin-right: 8px;
}
.preset-style[data-v-248a8336] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.preset-style-item[data-v-248a8336] {
  width: 50%;
  height: 50px;
  border: solid 1px #d6d6d6;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
}
.preset-style-item[data-v-248a8336]:first-child {
  border-top-left-radius: 4px;
}
.preset-style-item[data-v-248a8336]:last-child {
  border-bottom-right-radius: 4px;
}
.preset-style-item[data-v-248a8336]:nth-child(2) {
  border-top-right-radius: 4px;
}
.preset-style-item[data-v-248a8336]:nth-last-child(2) {
  border-bottom-left-radius: 4px;
}
.preset-style-item[data-v-248a8336]:hover {
  border-color: #3264fa;
  color: #3264fa;
  z-index: 1;
}
.preset-style-item[data-v-248a8336]:nth-child(2n) {
  margin-left: -1px;
}
.preset-style-item[data-v-248a8336]:nth-child(n+3) {
  margin-top: -1px;
}
.font-select[data-v-248a8336] {
  max-width: 50%;
}
.font-size-btn[data-v-248a8336] {
  padding: 0;
}
.link-popover[data-v-248a8336] {
  width: 240px;
}
.link-popover .btns[data-v-248a8336] {
  margin-top: 10px;
  text-align: right;
}
.link-popover .btns .unipus-ppt-btn-primary[data-v-248a8336] {
  background: #3264fa;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CheckboxButton.vue?vue&type=style&index=0&id=32ed5db2&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.checkbox-button[data-v-32ed5db2] {
  outline: 0;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  padding: 0 15px;
  height: 24px;
  text-align: center;
  cursor: pointer;
}
.checkbox-button[data-v-32ed5db2]:hover {
  color: #3264fa;
}
.checkbox-button.checked[data-v-32ed5db2] {
  color: #fff;
  background-color: #3264fa;
  border-color: #3264fa;
}
.checkbox-button.checked[data-v-32ed5db2]:hover {
  background: rgba(50, 100, 250, 0.9);
  border-color: rgba(50, 100, 250, 0.9);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CheckboxButtonGroup.vue?vue&type=style&index=0&id=6ddb8095&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.checkbox-button-group[data-v-6ddb8095] {
  display: flex;
  align-items: center;
}
.checkbox-button-group[data-v-6ddb8095] .checkbox-button {
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
  display: inline-block;
}
.checkbox-button-group[data-v-6ddb8095] .checkbox-button + .checkbox-button {
  border-left-width: 1px;
}
.checkbox-button-group[data-v-6ddb8095] .checkbox-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
}
.checkbox-button-group[data-v-6ddb8095] .checkbox-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ElementFlip.vue?vue&type=style&index=0&id=73389b16&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-73389b16] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ElementFilter.vue?vue&type=style&index=0&id=a99ef6ee&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-a99ef6ee] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-wrapper[data-v-a99ef6ee] {
  text-align: right;
}
.filter[data-v-a99ef6ee] {
  font-size: 12px;
}
.filter-item[data-v-a99ef6ee] {
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-item .name[data-v-a99ef6ee] {
  width: 60px;
}
.filter-item .filter-slider[data-v-a99ef6ee] {
  flex: 1;
  margin: 0 6px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/ElementColorMask.vue?vue&type=style&index=0&id=7e9086fc&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-7e9086fc] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-wrapper[data-v-7e9086fc] {
  text-align: right;
}
.opacity-slider[data-v-7e9086fc] {
  flex: 3;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue?vue&type=style&index=0&id=77d1ecea&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-77d1ecea] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-wrapper[data-v-77d1ecea] {
  text-align: right;
}
.origin-image[data-v-77d1ecea] {
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f7fa;
  margin-bottom: 10px;
}
.full-width-btn[data-v-77d1ecea] {
  width: 100%;
  margin-bottom: 10px;
}
.btn-icon[data-v-77d1ecea] {
  margin-right: 3px;
}
.clip[data-v-77d1ecea] {
  width: 260px;
  font-size: 12px;
}
.clip .title[data-v-77d1ecea] {
  margin-bottom: 5px;
}
.shape-clip[data-v-77d1ecea] {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.shape-clip-item[data-v-77d1ecea] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 16%;
  margin-bottom: calc(20% / 4);
}
.shape-clip-item[data-v-77d1ecea]:not(:nth-child(5n)) {
  margin-right: calc(20% / 4);
}
.shape-clip-item:hover .shape[data-v-77d1ecea] {
  background-color: #ccc;
}
.shape-clip-item .shape[data-v-77d1ecea] {
  width: 40px;
  height: 40px;
  background-color: #e1e1e1;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue?vue&type=style&index=0&id=2e5fab0f&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shape-style-panel[data-v-2e5fab0f] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.row[data-v-2e5fab0f] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  z-index: 2;
}
.font-select[data-v-2e5fab0f] {
  max-width: 50%;
}
.font-text[data-v-2e5fab0f] {
  margin-bottom: 16px;
  margin-top: 32px;
  font-weight: 500;
  color: #1a2233;
  line-height: 17px;
}
.text-row .align-text[data-v-2e5fab0f] {
  margin-bottom: 16px;
}
.text-row .alignments[data-v-2e5fab0f] {
  display: flex;
  justify-content: space-between;
}
.text-row .alignments[data-v-2e5fab0f] > div .text-icon:last-child {
  margin-right: 0;
}
.font-size-btn[data-v-2e5fab0f] {
  padding: 0;
}
.slider[data-v-2e5fab0f] {
  flex: 3;
}
.title[data-v-2e5fab0f] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.shape-pool[data-v-2e5fab0f] {
  height: 190px;
  overflow: auto;
  padding: 5px;
  padding-right: 10px;
  border: 1px solid #e1e6f0;
  margin-bottom: 20px;
}
.shape-pool[data-v-2e5fab0f]::-webkit-scrollbar {
  display: none;
}
.shape-list[data-v-2e5fab0f] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.shape-item[data-v-2e5fab0f] {
  width: 14%;
  margin-bottom: calc(16% / 5);
  height: 0;
  padding-bottom: 14%;
  flex-shrink: 0;
}
.shape-item[data-v-2e5fab0f]:not(:nth-child(6n)) {
  margin-right: calc(16% / 5);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue?vue&type=style&index=0&id=581cf0f2&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-581cf0f2] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.line-btn[data-v-581cf0f2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
}
.line-btn .line-wrapper[data-v-581cf0f2] {
  margin-left: 8px;
}
.line-wrapper[data-v-581cf0f2] {
  overflow: visible;
}
.line-btn-icon[data-v-581cf0f2] {
  width: 30px;
  font-size: 12px;
  margin-top: 2px;
  color: #bfbfbf;
}
.preset-point-style[data-v-581cf0f2] {
  padding: 0 10px;
}
.preset-point-style + .preset-point-style[data-v-581cf0f2] {
  margin-top: 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue?vue&type=style&index=0&id=94321b0c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chart-data-editor[data-v-94321b0c] {
  width: 600px;
  position: relative;
}
.editor-content[data-v-94321b0c] {
  width: 100%;
  height: 360px;
  position: relative;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  overflow: overlay;
}
.range-box[data-v-94321b0c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.temp-range[data-v-94321b0c] {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(136, 136, 136, 0.3);
}
.range-line[data-v-94321b0c] {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border: 0 solid #3264fa;
}
.range-line.t[data-v-94321b0c] {
  border-top-width: 1px;
}
.range-line.b[data-v-94321b0c] {
  border-bottom-width: 1px;
}
.range-line.l[data-v-94321b0c] {
  border-left-width: 1px;
}
.range-line.r[data-v-94321b0c] {
  border-right-width: 1px;
}
.resizable[data-v-94321b0c] {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 0;
  margin: -9px 0 0 -9px;
  cursor: nwse-resize;
}
.resizable[data-v-94321b0c]::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 12px;
  right: 0;
  top: 0;
  background-color: #3264fa;
}
.resizable[data-v-94321b0c]::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 4px;
  right: 0;
  bottom: 0;
  background-color: #3264fa;
}
table[data-v-94321b0c] {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  table-layout: fixed;
}
table td[data-v-94321b0c] {
  text-align: center;
  border: 1px solid #ccc;
  vertical-align: middle;
  width: 100px;
  height: 32px;
}
table td.head[data-v-94321b0c] {
  background-color: rgba(50, 100, 250, 0.1);
}
table .item[data-v-94321b0c] {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 13px;
  text-align: center;
  background-color: transparent;
}
table .item.selected[data-v-94321b0c] {
  background-color: rgba(50, 100, 250, 0.02);
}
.btns[data-v-94321b0c] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue?vue&type=style&index=0&id=0650f7ca&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chart-style-panel[data-v-0650f7ca] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.row[data-v-0650f7ca] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.full-width-btn[data-v-0650f7ca] {
  width: 100%;
}
.btn-icon[data-v-0650f7ca] {
  margin-right: 3px;
}
.color-btn-wrap[data-v-0650f7ca] {
  position: relative;
}
.delete-color-btn[data-v-0650f7ca] {
  position: absolute;
  width: 30px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
}
.preset-themes[data-v-0650f7ca] {
  width: 250px;
  display: flex;
  margin-bottom: -10px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.preset-theme[data-v-0650f7ca] {
  display: flex;
  cursor: pointer;
  width: 48%;
  margin-bottom: calc(4% / 1);
}
.preset-theme[data-v-0650f7ca]:not(:nth-child(2n)) {
  margin-right: calc(4% / 1);
}
.preset-theme-color[data-v-0650f7ca] {
  width: 20px;
  height: 20px;
}
.preset-theme-color.select[data-v-0650f7ca] {
  transform: scale(1.2);
  transition: transform 0.1s;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue?vue&type=style&index=0&id=39360807&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-39360807] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.row .title[data-v-39360807] {
  font-weight: 500;
}
.row .row-title[data-v-39360807] {
  width: 20px;
}
.row .first-button[data-v-39360807] {
  margin-right: 8px;
}
.row .mr52[data-v-39360807] {
  margin-right: 52px;
}
.row .mr16[data-v-39360807] {
  margin-right: 16px;
}
.row .content[data-v-39360807] {
  width: 64px;
}
.row .icon[data-v-39360807] {
  font-size: 16px;
}
.row .w100[data-v-39360807] {
  width: 100px;
}
.mb24[data-v-39360807] {
  margin-bottom: 24px;
}
.theme-switch[data-v-39360807] {
  margin-bottom: 18px;
}
.switch-wrapper[data-v-39360807] {
  text-align: right;
}
.set-count[data-v-39360807] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.set-count .btn[data-v-39360807] {
  padding: 4px 8px;
}
.set-count .count-text[data-v-39360807] {
  flex: 1;
  text-align: center;
  margin: 0 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue?vue&type=style&index=0&id=79d8ab96&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-79d8ab96] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/PlaySet.vue?vue&type=style&index=0&id=7381117b&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.play-set[data-v-7381117b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0;
}
.play-set[data-v-7381117b] .unipus-ppt-select {
  min-width: 55%;
  max-width: 80%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue?vue&type=style&index=0&id=98cdfa32&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-98cdfa32] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.title[data-v-98cdfa32] {
  margin-bottom: 10px;
}
.background-image-wrapper[data-v-98cdfa32] {
  margin-bottom: 10px;
}
.background-image[data-v-98cdfa32] {
  height: 0;
  padding-bottom: 56.25%;
  border: 1px dashed #e1e6f0;
  border-radius: 4px;
  position: relative;
  transition: all 0.2s;
}
.background-image[data-v-98cdfa32]:hover {
  border-color: #3264fa;
  color: #3264fa;
}
.background-image .content[data-v-98cdfa32] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue?vue&type=style&index=0&id=587e1378&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-587e1378] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-row[data-v-587e1378] {
  height: 32px;
}
.switch-wrapper[data-v-587e1378] {
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/common/TextColorButton.vue?vue&type=style&index=0&id=c90c8a28&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-color-btn[data-v-c90c8a28] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.text-color-block[data-v-c90c8a28] {
  width: 17px;
  height: 4px;
  margin-top: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACdJREFUGFdjfPbs2X8GBgYGSUlJEMXAiCHw//9/sIrnz59DVKALAADNxxVfaiODNQAAAABJRU5ErkJggg==);
}
.text-color-block .text-color-block-content[data-v-c90c8a28] {
  width: 100%;
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue?vue&type=style&index=0&id=248114c2&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-248114c2] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.font-size-btn[data-v-248114c2] {
  padding: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/PluginStylePanel.vue?vue&type=style&index=0&id=1a8b7625&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-1a8b7625] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-row[data-v-1a8b7625] {
  height: 32px;
}
.switch-wrapper[data-v-1a8b7625] {
  text-align: right;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/RichEditor/index.vue?vue&type=style&index=0&id=6e6edf86&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrapper[data-v-6e6edf86] {
  position: relative;
  z-index: 101;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/RichEditor/index.vue?vue&type=style&index=1&id=6e6edf86&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wangeditor-wrapper {
  position: relative;
  height: 87px;
  margin: 0;
  border: 1px solid #e1e6f0;
  border-radius: 8px;
  background-color: #f5f7fa;
  line-height: 1.5;
}
.wangeditor-wrapper .w-e-text-container {
  overflow: hidden;
  border-radius: 8px;
}
.wangeditor-wrapper .w-e-text-container .w-e-scroll {
  background-color: #f5f7fa;
}
.wangeditor-wrapper .w-e-text-container [data-slate-editor] {
  margin-bottom: -16px;
  border-radius: 8px;
  min-height: 0;
  max-height: 0;
}
.wangeditor-wrapper .w-e-text-container .w-e-text-placeholder,
.wangeditor-wrapper .w-e-text-container .w-e-max-length-info {
  font-style: normal;
  font-size: 12px;
  color: #858c99;
  line-height: 17px;
}
.wangeditor-wrapper .w-e-text-container .w-e-hover-bar {
  display: none;
}
.wangeditor-wrapper .w-e-text-container .w-e-scroll {
  border-radius: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/RichEditor/index.vue?vue&type=style&index=2&id=6e6edf86&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.ppt-wangeditor-popover.unipus-ppt-popover {
  padding: 0 !important;
}
.ppt-wangeditor-popover .unipus-ppt-popover-inner {
  box-shadow: unset;
  border: unset;
}
.ppt-wangeditor-popover .unipus-ppt-popover-inner-content {
  padding: 0px !important;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(87, 92, 102, 0.26);
  border-radius: 4px;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper {
  position: absolute;
  top: -46px;
  left: -100px;
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(87, 92, 102, 0.26);
  border-radius: 4px;
  transition: all 0.3s;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper .w-e-toolbar {
  padding: 8px;
  flex-wrap: nowrap;
  border-radius: 4px;
  background-color: #ffffff;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper .w-e-toolbar .w-e-bar-item {
  height: 24px;
  padding: 0;
  margin-left: 8px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper .w-e-toolbar .w-e-bar-item:first-child {
  margin-left: 0;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper .w-e-toolbar .w-e-bar-item button {
  width: 100%;
  height: 100%;
  padding: 0 4px;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper .w-e-toolbar .w-e-bar-item svg {
  height: 16px;
  width: 16px;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper > div {
  border: unset !important;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper .w-e-drop-panel {
  left: unset !important;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper [data-tooltip=标题] + .w-e-select-list {
  top: -305px;
}
.ppt-wangeditor-popover .wangeditor-toolbar-wrapper [data-tooltip=字号] + .w-e-select-list {
  top: -393px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/EnglishLinePanel.vue?vue&type=style&index=0&id=7c0f5470&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.englishline-style-panel[data-v-7c0f5470] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.englishline-style-panel .text[data-v-7c0f5470] {
  font-size: 12px;
  color: #1a2233;
}
.englishline-style-panel .richEditor[data-v-7c0f5470] {
  flex-grow: 1;
}
.englishline-style-panel .richEditor[data-v-7c0f5470] .wangeditor-wrapper {
  height: 100%;
}
.englishline-style-panel .row[data-v-7c0f5470] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.line-color[data-v-7c0f5470] {
  min-width: 24px;
  height: 24px;
  background: var(--text-color);
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/PanelSection.vue?vue&type=style&index=0&id=701940c0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section[data-v-701940c0] {
  margin-top: 32px;
}
.section-title[data-v-701940c0] {
  line-height: 17px;
  font-size: 12px;
  font-weight: 500;
  color: #1a2233;
}
.section-content[data-v-701940c0] {
  padding-top: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/PanelButton.vue?vue&type=style&index=0&id=8e70431c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.panel-button[data-v-8e70431c] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  height: 24px;
  background-color: #fff;
}
.panel-button .button-icon[data-v-8e70431c] {
  margin-right: 4px;
}
.panel-button[data-v-8e70431c]:hover:not(:disabled) {
  cursor: pointer;
  background: rgba(225, 230, 240, 0.5);
}
.panel-button.active[data-v-8e70431c] {
  border: 1px solid #e1e6f0;
  background: rgba(225, 230, 240, 0.5);
}
.panel-button.disabled[data-v-8e70431c] {
  opacity: 0.6;
  cursor: not-allowed;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/ThemeSelect.vue?vue&type=style&index=0&id=1a5fab92&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.theme-expand .theme-list[data-v-1a5fab92] {
  overflow: hidden;
  padding: 12px 0 16px;
  height: 70px;
  transition: all ease-in-out 0.3s;
}
.theme-expand .theme-item[data-v-1a5fab92] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  width: 64px;
  height: 42px;
  background: #fff;
  cursor: pointer;
}
.theme-expand .theme-item[data-v-1a5fab92]:hover {
  border: 1px solid rgba(56, 96, 241, 0.3);
}
.theme-expand .theme-item.selected[data-v-1a5fab92] {
  border: 1px solid #3264fa;
  box-shadow: 0 4px 10px 0 rgba(59, 80, 121, 0.15);
}
.theme-expand .theme-expand-toggle[data-v-1a5fab92] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  height: 24px;
  background: #fff;
}
.theme-expand .theme-expand-toggle[data-v-1a5fab92]:hover {
  cursor: pointer;
}
.theme-expand .expand-arrow[data-v-1a5fab92] {
  transform: rotate(180deg);
}
.theme-expand.expand .theme-list[data-v-1a5fab92] {
  height: auto;
}
.theme-expand.expand .expand-arrow[data-v-1a5fab92] {
  transform: rotate(0);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/AddSection.vue?vue&type=style&index=0&id=1d5aa5ed&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select-value[data-v-1d5aa5ed] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #7395fb;
  border-radius: 4px;
  width: 36px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1a2233;
  background: rgba(115, 149, 251, 0.25);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/AddSection.vue?vue&type=style&index=1&id=1d5aa5ed&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select-node-style-option {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  width: 82px;
  height: 42px;
}
.select-node-style-option:hover {
  cursor: pointer;
}
.select-node-style-option:hover, .select-node-style-option.selected {
  border: 1px solid rgba(56, 96, 241, 0.3);
}
.select-node-style .styled-node {
  border: 1px solid #7395fb;
  border-radius: 4px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1a2233;
  background: rgba(115, 149, 251, 0.25);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/PanelSelect.vue?vue&type=style&index=0&id=51e1be39&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.panel-select[data-v-51e1be39] {
  position: relative;
  padding-left: 8px;
  justify-content: flex-start;
}
.panel-select .arrow[data-v-51e1be39] {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #575c66;
  width: 0;
  height: 0;
  transition: all ease-in-out 0.3s;
}
.panel-select .arrow.up[data-v-51e1be39] {
  transform: rotate(-180deg);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/PanelSelect.vue?vue&type=style&index=1&id=51e1be39&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.popover-style-panel-mind-select {
  width: 188px;
  border-radius: 4px;
}
.popover-style-panel-mind-select .unipus-ppt-popover-inner {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.popover-style-panel-mind-select .unipus-ppt-popover-inner-content {
  padding: 8px !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/ConnectorSelect.vue?vue&type=style&index=0&id=cf2637b2&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select-value[data-v-cf2637b2] {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.select-value.is-none[data-v-cf2637b2] {
  width: 30px;
  height: 14px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/ConnectorSelect.vue?vue&type=style&index=1&id=cf2637b2&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.connector-option {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  width: 82px;
  height: 55px;
  cursor: pointer;
}
.connector-option:hover {
  border: 1px solid rgba(56, 96, 241, 0.3);
}
.connector-option.selected {
  border: 1px solid #3264FA;
}
.no-connector {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 17px;
  border-radius: 4px;
  height: 24px;
  border: 1px solid #E1E6F0;
  cursor: pointer;
}
.no-connector-text {
  margin-left: 7px;
  font-size: 12px;
  font-weight: 400;
  color: #1a2233;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/NodeStyleSelect.vue?vue&type=style&index=0&id=07b2bbcc&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select-value[data-v-07b2bbcc] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #7395fb;
  border-radius: 4px;
  width: 36px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1a2233;
  background: rgba(115, 149, 251, 0.25);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/NodeStyleSelect.vue?vue&type=style&index=1&id=07b2bbcc&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select-node-style-option {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  width: 82px;
  height: 42px;
  cursor: pointer;
}
.select-node-style-option:hover {
  border: 1px solid rgba(56, 96, 241, 0.3);
}
.select-node-style-option.selected {
  border: 1px solid #3264FA;
}
.select-node-style .styled-node {
  border: 1px solid #7395fb;
  border-radius: 4px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1a2233;
  background: rgba(115, 149, 251, 0.25);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/PanelList/Item.vue?vue&type=style&index=0&id=012a7e8e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.panel-list-item[data-v-012a7e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
.panel-list-item-label[data-v-012a7e8e] {
  flex: none;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1a2233;
}
.panel-list-item-content[data-v-012a7e8e] {
  flex: none;
}
.panel-list-item[data-v-012a7e8e]:first-child {
  margin-top: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/ExpandModeSelect.vue?vue&type=style&index=0&id=8cc98292&lang=scss&scoped=true&deep=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mind-style-panel .panel-title[data-v-8cc98292] {
  border-bottom: 1px solid #e1e6f0;
  padding-bottom: 8px;
  line-height: 21px;
  font-size: 14px;
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #1a2233;
}
.mind-style-panel .panel-section[data-v-8cc98292]:first-of-type {
  margin-top: 0;
}
.mind-style-panel .panel-section[data-v-8cc98292]:first-of-type ::deep(.section-content) {
  padding-top: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/MindPanel/index.vue?vue&type=style&index=0&id=725f393f&lang=scss&scoped=true&deep=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mind-panel .panel-section[data-v-725f393f]:first-of-type {
  margin-top: 0;
}
.mind-panel .panel-section[data-v-725f393f]:first-of-type .section-content {
  padding-top: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/common/ElementOpacity.vue?vue&type=style&index=0&id=49c95f29&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-49c95f29] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.slider[data-v-49c95f29] {
  flex: 3;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/common/ColorButton.vue?vue&type=style&index=0&id=6e32b316&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.color-btn[data-v-6e32b316] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.color-block[data-v-6e32b316] {
  height: 20px;
  margin-left: 8px;
  flex: 1;
  outline: 1px dashed rgba(102, 102, 102, 0.12);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAEBJREFUOE9jfPbs2X8GIoCkpCQRqhgYGEcNxBlOo2GIM2iGQLL5//8/UTnl+fPnxOWUUQNxhtNoGOLOKYM+2QAAh2Nq10DwkukAAAAASUVORK5CYII=);
}
.content[data-v-6e32b316] {
  width: 100%;
  height: 100%;
}
.color-btn-icon[data-v-6e32b316] {
  width: 30px;
  font-size: 12px;
  margin-top: 2px;
  color: #bfbfbf;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/common/ElementOutline.vue?vue&type=style&index=0&id=0b3bbaa0&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-0b3bbaa0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.switch-wrapper[data-v-0b3bbaa0] {
  text-align: right;
}
.w100[data-v-0b3bbaa0] {
  width: 100px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/common/ElementShadow.vue?vue&type=style&index=0&id=711d51dd&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-711d51dd] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.switch-wrapper[data-v-711d51dd] {
  text-align: right;
}
.slider[data-v-711d51dd] {
  flex: 3;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/FontFamily.vue?vue&type=style&index=0&id=3e80c72e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.font-select[data-v-3e80c72e] {
  width: 100%;
  min-width: 104px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/FontFamily.vue?vue&type=style&index=1&id=3e80c72e&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.font-select.unipus-ppt-select {
  font-size: var(--font-size);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/FontSize.vue?vue&type=style&index=0&id=3832deca&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.input-number[data-v-3832deca] {
  width: 64px;
  margin: 0 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/FontSize.vue?vue&type=style&index=1&id=3832deca&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.input-number.unipus-ppt-input-number-sm {
  font-size: var(--font-size);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/FontHightlight.vue?vue&type=style&index=0&id=06f48796&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-color[data-v-06f48796] {
  width: 24px;
  height: 24px;
  background: var(--text-color);
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/BulletList.vue?vue&type=style&index=0&id=3e7e21d3&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.list-wrap[data-v-3e7e21d3] {
  width: 176px;
  color: #666;
  padding: 8px;
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.list[data-v-3e7e21d3] {
  background-color: #f5f7fa;
  padding: 4px 4px 4px 20px;
  cursor: pointer;
}
.list[data-v-3e7e21d3]:not(:nth-child(3n)) {
  margin-right: 8px;
}
.list[data-v-3e7e21d3]:nth-child(4), .list[data-v-3e7e21d3]:nth-child(5), .list[data-v-3e7e21d3]:nth-child(6) {
  margin-top: 8px;
}
.list.selected[data-v-3e7e21d3], .list[data-v-3e7e21d3]:hover {
  color: #3264fa;
}
.list.selected span[data-v-3e7e21d3], .list:hover span[data-v-3e7e21d3] {
  background-color: #3264fa;
}
.list-item[data-v-3e7e21d3] {
  width: 24px;
  height: 12px;
  position: relative;
  top: -5px;
}
.list-item span[data-v-3e7e21d3] {
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 10px;
  background-color: #666;
}
.popover-btn[data-v-3e7e21d3] {
  padding: 0 3px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/OrderedList.vue?vue&type=style&index=0&id=2422b23b&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.list-wrap[data-v-2422b23b] {
  width: 176px;
  color: #666;
  padding: 8px;
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.list[data-v-2422b23b] {
  background-color: #f5f7fa;
  padding: 4px 4px 4px 20px;
  cursor: pointer;
}
.list[data-v-2422b23b]:not(:nth-child(3n)) {
  margin-right: 8px;
}
.list[data-v-2422b23b]:nth-child(4), .list[data-v-2422b23b]:nth-child(5), .list[data-v-2422b23b]:nth-child(6) {
  margin-top: 8px;
}
.list[data-v-2422b23b]:hover {
  color: #3264fa;
}
.list:hover span[data-v-2422b23b] {
  background-color: #3264fa;
}
.list-item[data-v-2422b23b] {
  width: 24px;
  height: 12px;
  position: relative;
  top: -5px;
}
.list-item span[data-v-2422b23b] {
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 10px;
  background-color: #666;
}
.popover-btn[data-v-2422b23b] {
  padding: 0 3px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/BasicTextStylePanel/index.vue?vue&type=style&index=0&id=efefea00&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-style-panel[data-v-efefea00] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
}
.rapid-style[data-v-efefea00] {
  margin-top: 8px;
  margin-bottom: -12px;
}
.text-type[data-v-efefea00] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.font-text[data-v-efefea00] {
  margin-bottom: 16px;
  font-weight: 500;
  color: #1a2233;
  line-height: 17px;
}
.layout-text[data-v-efefea00] {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 8px;
}
.layout-text[data-v-efefea00]:nth-of-type(1) {
  margin-top: 0;
}
.row[data-v-efefea00] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.text-row[data-v-efefea00] {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.text-row span[data-v-efefea00] {
  margin-right: 8px;
}
.preset-style[data-v-efefea00] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.preset-style-item[data-v-efefea00] {
  width: 50%;
  height: 50px;
  border: solid 1px #d6d6d6;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
}
.preset-style-item[data-v-efefea00]:first-child {
  border-top-left-radius: 4px;
}
.preset-style-item[data-v-efefea00]:last-child {
  border-bottom-right-radius: 4px;
}
.preset-style-item[data-v-efefea00]:nth-child(2) {
  border-top-right-radius: 4px;
}
.preset-style-item[data-v-efefea00]:nth-last-child(2) {
  border-bottom-left-radius: 4px;
}
.preset-style-item[data-v-efefea00]:hover {
  border-color: #3264fa;
  color: #3264fa;
  z-index: 1;
}
.preset-style-item[data-v-efefea00]:nth-child(2n) {
  margin-left: -1px;
}
.preset-style-item[data-v-efefea00]:nth-child(n+3) {
  margin-top: -1px;
}
.font-select[data-v-efefea00] {
  max-width: 50%;
}
.font-size-btn[data-v-efefea00] {
  padding: 0;
}
.link-popover[data-v-efefea00] {
  width: 240px;
}
.link-popover .btns[data-v-efefea00] {
  margin-top: 10px;
  text-align: right;
}
.link-popover .btns .unipus-ppt-btn-primary[data-v-efefea00] {
  background: #3264fa;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/MindStylePanel/index.vue?vue&type=style&index=0&id=5786b015&lang=scss&scoped=true&deep=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mind-style-panel .mind-tabs[data-v-5786b015] {
  height: 100%;
}
.mind-style-panel .mind-tabs[data-v-5786b015] .unipus-ppt-tabs-nav::before {
  border-bottom: 1px solid #e1e6f0;
}
.mind-style-panel .mind-tabs[data-v-5786b015] .unipus-ppt-tabs-tab {
  width: 56px;
  line-height: 21px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1a2233;
  line-height: 17px;
}
.mind-style-panel .mind-tabs[data-v-5786b015] .unipus-ppt-tabs-tab + .unipus-ppt-tabs-tab {
  margin: 0 0 0 24px;
}
.mind-style-panel .mind-tabs[data-v-5786b015] .unipus-ppt-tabs-tab-active {
  font-size: 14px;
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #1a2233;
}
.mind-style-panel .mind-tabs[data-v-5786b015] .unipus-ppt-tabs-tab-active .unipus-ppt-tabs-tab-btn {
  color: #1a2233;
}
.mind-style-panel .mind-tabs[data-v-5786b015] .unipus-ppt-tabs-ink-bar {
  display: none;
}
.mind-style-panel .panel-title[data-v-5786b015] {
  border-bottom: 1px solid #e1e6f0;
  padding-bottom: 8px;
  line-height: 21px;
  font-size: 14px;
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #1a2233;
}
.mind-style-panel .panel-section[data-v-5786b015]:first-of-type {
  margin-top: 0;
}
.mind-style-panel .panel-section[data-v-5786b015]:first-of-type ::deep(.section-content) {
  padding-top: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementStylePanel/index.vue?vue&type=style&index=0&id=778dd07a&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.element-style-panel[data-v-778dd07a] {
  height: 100%;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementPositionPanel.vue?vue&type=style&index=0&id=749973fc&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-749973fc] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.title[data-v-749973fc] {
  margin-top: 12px;
}
.order[data-v-749973fc] {
  margin: 12px 0;
}
.order-row-wrapper[data-v-749973fc] {
  display: flex;
  justify-content: space-between;
}
.order-row-wrapper .order-row[data-v-749973fc] {
  width: 92px;
}
.order-text-wrapper[data-v-749973fc] {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.order-text-wrapper .order-text[data-v-749973fc] {
  display: flex;
  justify-content: space-between;
  width: 92px;
  padding: 0 11px;
  font-size: 12px;
  color: #575c66;
  line-height: 17px;
}
.label[data-v-749973fc] {
  text-align: center;
}
.btn-icon[data-v-749973fc] {
  margin-right: 3px;
}
.icon-btn[data-v-749973fc] {
  cursor: pointer;
}
.text-btn[data-v-749973fc] {
  height: 30px;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.text-btn[data-v-749973fc]:last-child {
  transform: translateX(6px);
}
.text-btn[data-v-749973fc]:hover {
  background-color: #efefef;
  border-radius: 4px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/ElementAnimationPanel.vue?vue&type=style&index=0&id=1faa3732&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.element-animation-panel[data-v-1faa3732] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tabs[data-v-1faa3732] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e1e6f0;
  margin: 0 -12px;
  margin-bottom: 16px;
}
.tab[data-v-1faa3732] {
  width: 33.33%;
  padding-bottom: 8px;
  border-bottom: 2px solid transparent;
  text-align: center;
  font-size: 12px;
  color: #575c66;
  line-height: 17px;
  cursor: pointer;
}
.tab.active[data-v-1faa3732] {
  position: relative;
  font-weight: 500;
  color: #3264fa;
}
.tab.active[data-v-1faa3732]::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 52px;
  width: 32px;
  height: 2px;
  background: #3264fa;
}
.element-animation[data-v-1faa3732] {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.element-animation-btn.unipus-ppt-btn[data-v-1faa3732] {
  padding: 0 16px;
}
.config-item[data-v-1faa3732] {
  display: flex;
  align-items: center;
}
.config-item[data-v-1faa3732] .unipus-ppt-input-number-affix-wrapper {
  background-color: transparent;
}
.config-item[data-v-1faa3732] .unipus-ppt-input-number-prefix {
  width: auto;
  margin-left: 12px;
  border: unset;
}
.config-item + .config-item[data-v-1faa3732] {
  margin-top: 5px;
}
.config-item[data-v-1faa3732]:last-child {
  margin-top: 12px;
}
.tip[data-v-1faa3732] {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: italic;
}
.pool-type[data-v-1faa3732] {
  margin-bottom: 12px;
}
.animation-pool[data-v-1faa3732] {
  width: 400px;
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
  margin-right: -12px;
  position: relative;
}
.animation-pool .mask[data-v-1faa3732] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.animation-pool .type-title[data-v-1faa3732] {
  position: relative;
}
.animation-pool .type-title[data-v-1faa3732]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -6px;
  width: 2px;
  height: 12px;
  background: #3264fa;
  border-radius: 1px;
}
.type-title[data-v-1faa3732] {
  width: 100%;
  margin-left: 6px;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #1a2233;
  line-height: 17px;
}
.pool-item-wrapper[data-v-1faa3732] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.pool-item[data-v-1faa3732] {
  width: 24%;
  margin-bottom: calc(4% / 3);
  margin-bottom: 8px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.pool-item[data-v-1faa3732]:not(:nth-child(4n)) {
  margin-right: calc(4% / 3);
}
.animation-box[data-v-1faa3732] {
  background-color: #f5f7fa;
  border-radius: 4px;
  color: #1a2233;
}
.animation-box.active[data-v-1faa3732] {
  font-weight: 500;
  color: #3264fa;
  background: #f0f6ff;
}
.animation-sequence[data-v-1faa3732] {
  flex: 1;
  padding-right: 12px;
  margin-right: -12px;
  overflow: auto;
  overflow: overlay;
}
.sequence-item[data-v-1faa3732] {
  border: 1px solid #e1e6f0;
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 12px;
  transition: all 0.5s;
}
.sequence-item.active[data-v-1faa3732] {
  border-color: #3264fa;
  height: auto;
}
.sequence-item .sequence-content[data-v-1faa3732] {
  display: flex;
  align-items: center;
  cursor: grab;
}
.sequence-item .sequence-content[data-v-1faa3732]:active {
  cursor: grabbing;
}
.sequence-item .sequence-content .index[data-v-1faa3732] {
  flex: 1;
}
.sequence-item .sequence-content .text[data-v-1faa3732] {
  flex: 6;
  font-size: 12px;
  font-weight: 500;
  color: #1a2233;
  line-height: 20px;
}
.sequence-item .sequence-content .handler[data-v-1faa3732] {
  display: flex;
  flex: 2;
  font-size: 15px;
  text-align: right;
}
.sequence-item .sequence-content .handler-btn[data-v-1faa3732] {
  margin-left: 4px;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/PictureLibrary.vue?vue&type=style&index=0&id=73632d07&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.imgs-wrapper[data-v-73632d07] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  box-sizing: border-box;
  height: 600px;
  overflow: auto;
}
.imgs-wrapper img[data-v-73632d07] {
  box-sizing: border-box;
  width: 300px;
  height: 170px;
  margin: 12px 0;
  cursor: pointer;
}
.imgs-wrapper img.active-img[data-v-73632d07], .imgs-wrapper img[data-v-73632d07]:hover {
  border: 1px solid #3264fa;
  border-radius: 4px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/SlideDesignPanel.vue?vue&type=style&index=0&id=4fbe55db&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.slide-design-panel[data-v-4fbe55db] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  color: #1a2233;
  line-height: 17px;
}
.row[data-v-4fbe55db] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.row[data-v-4fbe55db] .unipus-ppt-btn {
  font-size: 12px;
  background-color: #f7f8fa;
}
.title[data-v-4fbe55db] {
  margin-bottom: 10px;
}
.background-image-wrapper[data-v-4fbe55db] {
  margin-bottom: 10px;
}
.background-image[data-v-4fbe55db] {
  height: 0;
  padding-bottom: 56.25%;
  border: 1px dashed #e1e6f0;
  border-radius: 4px;
  position: relative;
  transition: all 0.2s;
}
.background-image[data-v-4fbe55db]:hover {
  border-color: #3264fa;
  color: #3264fa;
}
.background-image .content[data-v-4fbe55db] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.theme-list[data-v-4fbe55db] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.theme-item[data-v-4fbe55db] {
  width: 48%;
  margin-bottom: calc(4% / 1);
  position: relative;
  padding-bottom: 30%;
  border-radius: 4px;
  cursor: pointer;
}
.theme-item[data-v-4fbe55db]:not(:nth-child(2n)) {
  margin-right: calc(4% / 1);
}
.theme-item .theme-item-content[data-v-4fbe55db] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  border: 1px solid #e1e6f0;
  border-radius: 4px;
}
.theme-item .text[data-v-4fbe55db] {
  font-size: 16px;
}
.theme-item .colors[data-v-4fbe55db] {
  display: flex;
}
.theme-item .color-block[data-v-4fbe55db] {
  margin-top: 8px;
  width: 12px;
  height: 12px;
  margin-right: 2px;
}
.theme-item:hover .btns[data-v-4fbe55db] {
  display: flex;
}
.theme-item .btns[data-v-4fbe55db] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.25);
}
.theme-item .btn[data-v-4fbe55db] {
  width: 72px;
  padding: 5px 0;
  text-align: center;
  background-color: #3264fa;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
}
.theme-item .btn[data-v-4fbe55db]:hover {
  background-color: #3264fa;
}
.theme-item .btn + .btn[data-v-4fbe55db] {
  margin-top: 5px;
}
.slider[data-v-4fbe55db] {
  flex: 3;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/SlideAnimationPanel.vue?vue&type=style&index=0&id=598c52e9&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.animation-title[data-v-598c52e9] {
  width: 48px;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #1a2233;
  line-height: 17px;
  margin: 8px 0;
}
.hr[data-v-598c52e9] {
  width: 208px;
  height: 1px;
  background: #e1e6f0;
  margin-bottom: 16px;
}
.animation-pool[data-v-598c52e9] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.animation-item[data-v-598c52e9] {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.animation-item.active .icon[data-v-598c52e9] {
  z-index: 1;
}
.row[data-v-598c52e9] .unipus-ppt-btn {
  font-size: 12px;
  background-color: #f7f8fa;
}
.animation-text[data-v-598c52e9] {
  font-size: 12px;
  color: #333;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/MultiPositionPanel.vue?vue&type=style&index=0&id=c88d31ba&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row[data-v-c88d31ba] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/SymbolPanel.vue?vue&type=style&index=0&id=ba0c96fc&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.symbol-panel[data-v-ba0c96fc] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.symbol-panel .tabs[data-v-ba0c96fc] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #e1e6f0;
  margin-bottom: 8px;
}
.symbol-panel .tab[data-v-ba0c96fc] {
  padding: 6px 10px 8px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.symbol-panel .tab.active[data-v-ba0c96fc] {
  border-bottom: 2px solid #3264fa;
}
.symbol-panel .pool[data-v-ba0c96fc] {
  padding: 5px 12px;
  margin: 0 -12px;
  flex: 1;
  font-size: 18px;
  overflow: auto;
  overflow: overlay;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.symbol-panel .symbol-item[data-v-ba0c96fc] {
  width: 18%;
  margin-bottom: calc(10% / 4);
  height: 0;
  padding-bottom: 18%;
  position: relative;
  cursor: pointer;
  border: 1px solid #e1e6f0;
}
.symbol-panel .symbol-item[data-v-ba0c96fc]:not(:nth-child(5n)) {
  margin-right: calc(10% / 4);
}
.symbol-panel .symbol-item[data-v-ba0c96fc]:hover {
  color: #3264fa;
}
.symbol-panel .symbol-item .symbol[data-v-ba0c96fc] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Toolbar/index.vue?vue&type=style&index=0&id=cc31835c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.toolbar[data-v-cc31835c] {
  display: flex;
  background: #f7f8fa;
}
.tabs[data-v-cc31835c] {
  width: 48px;
  font-size: 12px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-right: 1px solid #e1e6f0;
}
.tab[data-v-cc31835c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
  font-size: 12px;
  color: #575c66;
  line-height: 20px;
  cursor: pointer;
}
.tab span[data-v-cc31835c] {
  margin-top: 2px;
}
.tab.active[data-v-cc31835c] {
  font-weight: 500;
  color: #3274fa;
}
.content[data-v-cc31835c] {
  flex-grow: 1;
  padding: 16px;
  font-size: 13px;
  overflow-y: scroll;
}
.content[data-v-cc31835c]::-webkit-scrollbar {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Remark/RichEditor/index.vue?vue&type=style&index=0&id=31854875&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.wrapper[data-v-31854875] {
  position: relative;
  z-index: 101;
}
.wrapper .toolbar-wrapper[data-v-31854875] {
  position: absolute;
  top: -46px;
  left: 35px;
  background: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(87, 92, 102, 0.26);
  border-radius: 4px;
  transition: all 0.3s;
}
.wrapper .toolbar-wrapper[data-v-31854875] .w-e-toolbar {
  padding: 8px;
  border-radius: 4px;
  background-color: #ffffff;
}
.wrapper .toolbar-wrapper[data-v-31854875] .w-e-toolbar .w-e-bar-item {
  height: 24px;
  padding: 0;
  margin-left: 8px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
}
.wrapper .toolbar-wrapper[data-v-31854875] .w-e-toolbar .w-e-bar-item:first-child {
  margin-left: 0;
}
.wrapper .toolbar-wrapper[data-v-31854875] .w-e-toolbar .w-e-bar-item button {
  width: 100%;
  height: 100%;
  padding: 0 4px;
}
.wrapper .toolbar-wrapper[data-v-31854875] .w-e-toolbar .w-e-bar-item svg {
  height: 16px;
  width: 16px;
}
.wrapper .toolbar-wrapper[data-v-31854875] .w-e-drop-panel {
  top: -296px;
}
.wrapper .toolbar-wrapper[data-v-31854875] > div {
  border: unset !important;
}
.wrapper .toolbar-wrapper[data-v-31854875] [data-tooltip="标题"] + .w-e-select-list {
  top: -305px;
}
.wrapper .toolbar-wrapper[data-v-31854875] [data-tooltip="字号"] + .w-e-select-list {
  top: -393px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Remark/RichEditor/index.vue?vue&type=style&index=1&id=31854875&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editor-wrapper {
  position: relative;
  height: 50px;
  margin: 0 32px;
  border: 1px solid #e1e6f0;
  border-radius: 8px;
  background-color: #f5f7fa;
  line-height: 1.5;
}
.editor-wrapper .w-e-text-container {
  overflow: hidden;
  border-radius: 8px;
}
.editor-wrapper .w-e-text-container [data-slate-editor] {
  margin-bottom: -16px;
  background-color: #f5f7fa;
  border-radius: 8px;
}
.editor-wrapper .w-e-text-container .w-e-text-placeholder,
.editor-wrapper .w-e-text-container .w-e-max-length-info {
  font-style: normal;
  font-size: 12px;
  color: #858c99;
  line-height: 17px;
}
.editor-wrapper .w-e-text-container .w-e-hover-bar {
  display: none;
}
.editor-wrapper .w-e-text-container .w-e-scroll {
  border-radius: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/Remark/index.vue?vue&type=style&index=0&id=2a85c4a0&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.remark[data-v-2a85c4a0] {
  position: relative;
  margin: 0 32px;
  border: 1px solid #e1e6f0;
  border-radius: 8px;
  background-color: #f5f7fa;
  line-height: 1.5;
}
.remark textarea[data-v-2a85c4a0] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  resize: none;
  border: 0;
  outline: 0;
  padding: 8px;
  font-size: 12px;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.remark textarea[data-v-2a85c4a0]::-moz-placeholder {
  font-size: 12px;
  color: #858c99;
  line-height: 17px;
}
.remark textarea[data-v-2a85c4a0]::placeholder {
  font-size: 12px;
  color: #858c99;
  line-height: 17px;
}
.resize-handler[data-v-2a85c4a0] {
  height: 7px;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  cursor: n-resize;
  z-index: 2;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/FullscreenSpin.vue?vue&type=style&index=0&id=5a56d59c&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fullscreen-spin[data-v-5a56d59c] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(241, 241, 241, 0.7);
}
.spin[data-v-5a56d59c] {
  width: 200px;
  height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.spinner[data-v-5a56d59c] {
  width: 36px;
  height: 36px;
  border: 3px solid #d14424;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spinner-5a56d59c 0.8s linear infinite;
}
.text[data-v-5a56d59c] {
  margin-top: 20px;
  color: #d14424;
}
@keyframes spinner-5a56d59c {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportImage.vue?vue&type=style&index=0&id=92a8f63e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-img-dialog[data-v-92a8f63e] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.thumbnails-view[data-v-92a8f63e] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.thumbnails-view[data-v-92a8f63e]::after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.configs[data-v-92a8f63e] {
  width: 350px;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.configs .row[data-v-92a8f63e] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.configs .title[data-v-92a8f63e] {
  width: 100px;
  position: relative;
}
.configs .title[data-v-92a8f63e]::after {
  content: attr(data-range);
  position: absolute;
  top: 20px;
  left: 0;
}
.configs .config-item[data-v-92a8f63e] {
  flex: 1;
}
.btns[data-v-92a8f63e] {
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns .export[data-v-92a8f63e] {
  flex: 1;
}
.btns .close[data-v-92a8f63e] {
  width: 100px;
  margin-left: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportJSON.vue?vue&type=style&index=0&id=c52fd91a&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-json-dialog[data-v-c52fd91a] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.preview[data-v-c52fd91a] {
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f9f9f9;
  color: #0451a5;
}
.btns[data-v-c52fd91a] {
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns .export[data-v-c52fd91a] {
  flex: 1;
}
.btns .close[data-v-c52fd91a] {
  width: 100px;
  margin-left: 10px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/ThumbnailSlide/PdfThumbnailSlide.vue?vue&type=style&index=0&id=50dc068e&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pdf-thumbnail-slide .subject-tools-english-line {
  overflow-x: clip;
}
.pdf-thumbnail-slide * {
  overflow-y: visible !important;
}
.pdf-thumbnail-slide._pdf-thumbnail-slide {
  margin-bottom: 1px;
}
.pdf-thumbnail-slide._pdf-thumbnail-slide .subject-tools-english-line {
  overflow-y: hidden !important;
}
.pdf-thumbnail-slide._pdf-thumbnail-slide .pdf-stext {
  overflow-y: auto !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/ThumbnailSlide/PdfThumbnailSlide.vue?vue&type=style&index=1&id=50dc068e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.thumbnail-slide[data-v-50dc068e] {
  position: relative;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.thumbnail-slide .delete-time[data-v-50dc068e] {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background: #1a2233;
  opacity: 0.49;
  font-size: 12px;
  color: #e1e6f0;
  line-height: 20px;
}
.elements[data-v-50dc068e] {
  transform-origin: 0 0;
}
.background[data-v-50dc068e],
.background-mask[data-v-50dc068e] {
  width: 100%;
  height: 100%;
  background-position: center;
  position: absolute;
}
.placeholder[data-v-50dc068e] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/List.vue?vue&type=style&index=0&id=39aa3462&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.description-wrapper[data-v-39aa3462] {
  margin-top: 12px;
  max-height: 300px;
  overflow: auto;
}
.description-wrapper .description-item[data-v-39aa3462] {
  margin-bottom: 8px;
  font-size: 14px;
  color: #575c66;
  line-height: 22px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportPDF.vue?vue&type=style&index=0&id=845aecaa&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.unipus-ppt-notification-topRight {
  right: 50% !important;
  transform: translateX(50%) !important;
}
.unipus-ppt-notification-topRight .pdf-notification {
  min-width: 480px;
  width: unset;
  border-radius: 4px;
  border: 1px solid #ffcc99;
  background: #fff5eb;
}
.unipus-ppt-notification-topRight .pdf-notification .unipus-ppt-notification-notice-icon {
  display: flex;
  align-items: center;
}
.unipus-ppt-notification-topRight .pdf-notification .unipus-ppt-notification-notice-message {
  width: 356px;
  height: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #1a2233;
  line-height: 22px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportPDF.vue?vue&type=style&index=1&id=845aecaa&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-pdf-loading,
.unipus-ppt-spin-container {
  height: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportPDF.vue?vue&type=style&index=2&id=845aecaa&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-pdf-dialog[data-v-845aecaa] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.thumbnails-view[data-v-845aecaa] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.thumbnails-view[data-v-845aecaa]::after {
  content: "";
  background-color: #fff;
  z-index: 999;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.configs[data-v-845aecaa] {
  width: 300px;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.configs .row[data-v-845aecaa] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.configs .title[data-v-845aecaa] {
  width: 100px;
}
.configs .config-item[data-v-845aecaa] {
  flex: 1;
}
.configs .tip[data-v-845aecaa] {
  font-size: 12px;
  color: #aaa;
  line-height: 1.8;
  margin-top: 25px;
}
.btns[data-v-845aecaa] {
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns .export[data-v-845aecaa] {
  flex: 1;
}
.btns .close[data-v-845aecaa] {
  width: 100px;
  margin-left: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportPPTX.vue?vue&type=style&index=0&id=018847a8&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-pptx-dialog[data-v-018847a8] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.configs[data-v-018847a8] {
  width: 350px;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.configs .row[data-v-018847a8] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.configs .title[data-v-018847a8] {
  width: 100px;
  position: relative;
}
.configs .title[data-v-018847a8]::after {
  content: attr(data-range);
  position: absolute;
  top: 20px;
  left: 0;
}
.configs .config-item[data-v-018847a8] {
  flex: 1;
}
.btns[data-v-018847a8] {
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns .export[data-v-018847a8] {
  flex: 1;
}
.btns .close[data-v-018847a8] {
  width: 100px;
  margin-left: 10px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/ExportSpecificFile.vue?vue&type=style&index=0&id=40c1ae3a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-pptist-dialog[data-v-40c1ae3a] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.configs[data-v-40c1ae3a] {
  width: 350px;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.configs .row[data-v-40c1ae3a] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.configs .title[data-v-40c1ae3a] {
  width: 100px;
  position: relative;
}
.configs .title[data-v-40c1ae3a]::after {
  content: attr(data-range);
  position: absolute;
  top: 20px;
  left: 0;
}
.configs .config-item[data-v-40c1ae3a] {
  flex: 1;
}
.configs .tip[data-v-40c1ae3a] {
  font-size: 12px;
  color: #aaa;
  line-height: 1.8;
  margin-top: 25px;
}
.btns[data-v-40c1ae3a] {
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns .export[data-v-40c1ae3a] {
  flex: 1;
}
.btns .close[data-v-40c1ae3a] {
  width: 100px;
  margin-left: 10px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/ExportDialog/index.vue?vue&type=style&index=0&id=4137b244&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-dialog[data-v-4137b244] {
  margin: -24px;
}
.tabs[data-v-4137b244] {
  height: 50px;
  font-size: 12px;
  flex-shrink: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.tab[data-v-4137b244] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e1e6f0;
  cursor: pointer;
}
.tab.active[data-v-4137b244] {
  background-color: #fff;
  border-bottom-color: #fff;
}
.tab + .tab[data-v-4137b244] {
  border-left: 1px solid #e1e6f0;
}
.content[data-v-4137b244] {
  height: 460px;
  padding: 12px;
  font-size: 13px;
  overflow: auto;
  overflow: overlay;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/MoveablePanel.vue?vue&type=style&index=0&id=68252e2c&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.moveable-panel[data-v-68252e2c] {
  position: fixed;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(56, 56, 56, 0.15);
  border: 1px solid #e1e6f0;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  z-index: 999;
}
.header[data-v-68252e2c] {
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  cursor: move;
}
.title[data-v-68252e2c] {
  flex: 1;
  font-size: 13px;
  padding-left: 10px;
}
.close-btn[data-v-68252e2c] {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  font-size: 12px;
  cursor: pointer;
}
.content[data-v-68252e2c] {
  flex: 1;
  padding: 10px;
  overflow: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/SelectPanel.vue?vue&type=style&index=0&id=64f9ccca&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select-panel[data-v-64f9ccca] {
  height: 100%;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.handler[data-v-64f9ccca] {
  height: 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.handler .icon-btns[data-v-64f9ccca] {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.handler .icon-btn[data-v-64f9ccca] {
  width: 16px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.handler .icon-btn[data-v-64f9ccca]:hover {
  color: #3264fa;
}
.element-list[data-v-64f9ccca] {
  height: calc(100% - 32px);
  padding-right: 10px;
  margin-right: -10px;
  overflow: auto;
}
.item[data-v-64f9ccca] {
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.item.active[data-v-64f9ccca] {
  background-color: rgba(50, 100, 250, 0.1);
}
.item.group-active[data-v-64f9ccca] {
  background-color: rgba(50, 100, 250, 0.2);
}
.item[data-v-64f9ccca]:hover {
  background-color: rgba(50, 100, 250, 0.25);
}
.item .name[data-v-64f9ccca] {
  height: 18px;
  line-height: 18px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item .icons[data-v-64f9ccca] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.group-els[data-v-64f9ccca] {
  padding: 5px 0;
}
.group-els .group-title[data-v-64f9ccca] {
  margin-bottom: 5px;
  padding: 0 5px;
}
.group-els .item[data-v-64f9ccca] {
  margin-left: 15px;
}
.input[data-v-64f9ccca] {
  width: 100%;
  height: 18px;
  line-height: 18px;
  border: 0;
  outline: 0;
  padding-left: 0;
  padding-right: 0;
  flex: 1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Player.vue?vue&type=style&index=0&id=4fd15ef2&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bottom-controller[data-v-4fd15ef2] {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  padding: 0 16px;
  width: 100%;
  height: 48px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bottom-controller .controller-wrapper[data-v-4fd15ef2] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 100%;
}
.bottom-controller .bar-wrap[data-v-4fd15ef2] {
  position: relative;
  flex-grow: 1;
  cursor: pointer;
}
.bottom-controller .bar-wrap:hover .bar .played .thumb[data-v-4fd15ef2] {
  transform: scale(1);
}
.bottom-controller .bar-wrap .bar-time[data-v-4fd15ef2] {
  position: absolute;
  left: 0;
  top: -30px;
  border-radius: 4px;
  padding: 5px 7px;
  background-color: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  word-wrap: normal;
  word-break: normal;
  z-index: 2;
  pointer-events: none;
}
.bottom-controller .bar-wrap .bar-time.hidden[data-v-4fd15ef2] {
  opacity: 0;
}
.bottom-controller .bar-wrap .bar[data-v-4fd15ef2] {
  position: relative;
  height: 6px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.bottom-controller .bar-wrap .bar .loaded[data-v-4fd15ef2] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #adcaff;
  will-change: width;
  border-radius: 4px;
}
.bottom-controller .bar-wrap .bar .played[data-v-4fd15ef2] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.bottom-controller .bar-wrap .bar .played .thumb[data-v-4fd15ef2] {
  position: absolute;
  top: -3px;
  right: 3px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.bottom-controller .volume[data-v-4fd15ef2] {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  cursor: pointer;
}
.bottom-controller .volume-icon[data-v-4fd15ef2] {
  pointer-events: none;
  z-index: 1;
}
.bottom-controller .volume .icon-content[data-v-4fd15ef2] {
  pointer-events: all;
}
.bottom-controller .volume.volume-active .volume-bar-wrap .volume-bar[data-v-4fd15ef2] {
  width: 45px;
}
.bottom-controller .volume.volume-active .volume-bar-wrap .volume-bar .volume-bar-inner .thumb[data-v-4fd15ef2] {
  transform: scale(1);
}
.bottom-controller .volume-bar-wrap[data-v-4fd15ef2] {
  position: absolute;
  left: -56px;
  bottom: 54px;
  padding: 13px 12px 13px 36px;
  transform: rotate(-90deg);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  vertical-align: middle;
  transition: all 0.3s;
}
.bottom-controller .volume-bar[data-v-4fd15ef2] {
  position: relative;
  width: 80px;
  height: 6px;
  background: #adcaff;
  border-radius: 4px;
  transition: all 0.3s;
}
.bottom-controller .volume-bar .volume-bar-inner[data-v-4fd15ef2] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.bottom-controller .volume-bar .volume-bar-inner .thumb[data-v-4fd15ef2] {
  position: absolute;
  top: 1px;
  right: 6px;
  margin-top: -4px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.bottom-controller .time[data-v-4fd15ef2],
.bottom-controller .dtime[data-v-4fd15ef2] {
  margin: 0 12px 0 16px;
  font-size: 14px;
  color: #1a2233;
  line-height: 22px;
  cursor: default;
}
.bottom-controller .icon[data-v-4fd15ef2] {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.bottom-controller .icon.play-icon[data-v-4fd15ef2] {
  font-size: 26px;
}
.bottom-controller .icon.loop-icon[data-v-4fd15ef2] {
  font-size: 12px;
}
.bottom-controller .icon.loop-icon .icon-content[data-v-4fd15ef2] {
  opacity: 0.5;
}
.bottom-controller .icon.speed-icon[data-v-4fd15ef2] {
  font-size: 12px;
  position: relative;
}
.bottom-controller .icon .speed-menu[data-v-4fd15ef2] {
  width: 70px;
  position: absolute;
  bottom: 30px;
  left: -23px;
  background-color: #22211b;
  padding: 5px 0;
  color: #ddd;
}
.bottom-controller .icon .speed-menu .speed-menu-item[data-v-4fd15ef2] {
  padding: 8px 0;
  text-align: center;
}
.bottom-controller .icon .speed-menu .speed-menu-item[data-v-4fd15ef2]:hover {
  background-color: #393833;
  color: #fff;
}
.bottom-controller .icon .speed-menu .speed-menu-item.active[data-v-4fd15ef2] {
  font-weight: 700;
  color: #fff;
}
.bottom-controller .full-screen[data-v-4fd15ef2] {
  margin-left: 16px;
  cursor: pointer;
}
.bottom-controller .expand[data-v-4fd15ef2] {
  position: relative;
  margin-left: 48px;
  cursor: pointer;
}
.bottom-controller .expand[data-v-4fd15ef2]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -23px;
  width: 1px;
  height: 100%;
  background-color: #858c99;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AudioPlayer.vue?vue&type=style&index=0&id=3da8b940&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.audio-player[data-v-3da8b940] {
  display: flex;
  width: var(--8d57d8fe);
  height: 76px;
  align-items: center;
  padding: 0 24px 0 12px;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.audio-player .audio-controller[data-v-3da8b940] {
  position: relative;
  padding: 0;
  background: transparent;
  box-shadow: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}
.audio-player .audio-controller[data-v-3da8b940] .play-icon .svg-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.audio-player .audio-controller[data-v-3da8b940] .volume-icon {
  z-index: 2;
}
.audio-player .audio-controller[data-v-3da8b940] .volume-icon .svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.audio-player .audio-controller[data-v-3da8b940] .volume {
  height: 100%;
}
.audio-player .audio-controller[data-v-3da8b940] .volume .volume-bar-wrap {
  padding: 13px 12px 13px 42px;
  margin-bottom: 2px;
  margin-left: 0;
  z-index: 1;
}
.audio-player .audio-controller[data-v-3da8b940] .bar-wrap .bar {
  background: rgba(242, 242, 242, 0.7);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Loading.vue?vue&type=style&index=0&id=0730476c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.first-screen-loading[data-v-0730476c] {
  width: 200px;
  height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.first-screen-loading-spinner[data-v-0730476c] {
  width: 36px;
  height: 36px;
  border: 3px solid #3264fa;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spinner-0730476c 0.8s linear infinite;
}
.first-screen-loading-text[data-v-0730476c] {
  margin-top: 20px;
  color: #3264fa;
  font-size: 16px;
}
@keyframes spinner-0730476c {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/VideoPlayer/index.vue?vue&type=style&index=0&id=71e5d258&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-player[data-v-71e5d258] {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  transform-origin: 0 0;
}
@media (min-width: 900px) {
.video-player.playing .controller-mask[data-v-71e5d258] {
    opacity: 0;
}
.video-player.playing .controller[data-v-71e5d258] {
    opacity: 0;
}
.video-player.playing:hover .controller-mask[data-v-71e5d258] {
    opacity: 1;
}
.video-player.playing:hover .controller[data-v-71e5d258] {
    opacity: 1;
}
}
.video-player.loading .bezel .diplayer-loading-icon[data-v-71e5d258] {
  display: block;
}
.video-player.hide-controller[data-v-71e5d258] {
  cursor: none;
}
.video-player.hide-controller .controller-mask[data-v-71e5d258] {
  opacity: 0;
  transform: translateY(100%);
}
.video-player.hide-controller .controller[data-v-71e5d258] {
  opacity: 0;
  transform: translateY(100%);
}
.video-wrap[data-v-71e5d258] {
  position: relative;
  background: #000;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.video-wrap .video[data-v-71e5d258] {
  width: 100%;
  height: 100%;
}
.controller-mask[data-v-71e5d258] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;
  height: 98px;
  width: 100%;
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease;
}
.controller[data-v-71e5d258] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 41px;
  padding: 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.3s ease;
}
.controller .bar-wrap[data-v-71e5d258] {
  padding: 5px 0;
  cursor: pointer;
  position: absolute;
  bottom: 33px;
  width: calc(100% - 40px);
  height: 3px;
}
.controller .bar-wrap:hover .bar .played .thumb[data-v-71e5d258] {
  transform: scale(1);
}
.controller .bar-wrap .bar-time[data-v-71e5d258] {
  position: absolute;
  left: 0;
  top: -20px;
  border-radius: 4px;
  padding: 5px 7px;
  background-color: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  word-wrap: normal;
  word-break: normal;
  z-index: 2;
  pointer-events: none;
}
.controller .bar-wrap .bar-time.hidden[data-v-71e5d258] {
  opacity: 0;
}
.controller .bar-wrap .bar[data-v-71e5d258] {
  position: relative;
  height: 6px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.controller .bar-wrap .bar .loaded[data-v-71e5d258] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #adcaff;
  transition: all 0.5s ease;
  will-change: width;
  border-radius: 4px;
}
.controller .bar-wrap .bar .played[data-v-71e5d258] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.controller .bar-wrap .bar .played .thumb[data-v-71e5d258] {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  transform: scale(0);
}
.controller .icons[data-v-71e5d258] {
  height: 38px;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
}
.controller .icons.icons-right[data-v-71e5d258] {
  right: 15px;
}
.controller .icons .time[data-v-71e5d258] {
  line-height: 38px;
  color: #eee;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  font-size: 13px;
  cursor: default;
}
.controller .icons .icon[data-v-71e5d258] {
  width: 40px;
  height: 100%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.controller .icons .icon.play-icon[data-v-71e5d258] {
  font-size: 26px;
}
.controller .icons .icon .icon-content[data-v-71e5d258] {
  transition: all 0.2s ease-in-out;
  opacity: 0.8;
  color: #fff;
}
.controller .icons .icon.loop-icon[data-v-71e5d258] {
  font-size: 12px;
}
.controller .icons .icon.loop-icon .icon-content[data-v-71e5d258] {
  opacity: 0.5;
}
.controller .icons .icon.speed-icon[data-v-71e5d258] {
  font-size: 12px;
  position: relative;
}
.controller .icons .icon .speed-menu[data-v-71e5d258] {
  width: 70px;
  position: absolute;
  bottom: 30px;
  left: -23px;
  background-color: #22211b;
  padding: 5px 0;
  color: #ddd;
}
.controller .icons .icon .speed-menu .speed-menu-item[data-v-71e5d258] {
  padding: 8px 0;
  text-align: center;
}
.controller .icons .icon .speed-menu .speed-menu-item[data-v-71e5d258]:hover {
  background-color: #393833;
  color: #fff;
}
.controller .icons .icon .speed-menu .speed-menu-item.active[data-v-71e5d258] {
  font-weight: 700;
  color: #fff;
}
.controller .icons .icon.active .icon-content[data-v-71e5d258] {
  opacity: 1;
}
.controller .icons .icon:hover .icon-content[data-v-71e5d258] {
  opacity: 1;
}
.controller .icons .volume[data-v-71e5d258] {
  height: 100%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.controller .icons .volume:hover .volume-bar-wrap .volume-bar[data-v-71e5d258] {
  width: 45px;
}
.controller .icons .volume:hover .volume-bar-wrap .volume-bar .volume-bar-inner .thumb[data-v-71e5d258] {
  transform: scale(1);
}
.controller .icons .volume.volume-active .volume-bar-wrap .volume-bar[data-v-71e5d258] {
  width: 45px;
}
.controller .icons .volume.volume-active .volume-bar-wrap .volume-bar .volume-bar-inner .thumb[data-v-71e5d258] {
  transform: scale(1);
}
.controller .icons .volume-bar-wrap[data-v-71e5d258] {
  display: inline-block;
  margin: 0 15px 0 -5px;
  vertical-align: middle;
  height: 100%;
}
.controller .icons .volume-bar[data-v-71e5d258] {
  position: relative;
  top: 17px;
  width: 45px;
  height: 3px;
  background: #adcaff;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.controller .icons .volume-bar .volume-bar-inner[data-v-71e5d258] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: all 0.1s ease;
  will-change: width;
  background: #3264fa;
  border-radius: 4px;
}
.controller .icons .volume-bar .volume-bar-inner .thumb[data-v-71e5d258] {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(50, 100, 250, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.controller .icons .loop[data-v-71e5d258] {
  display: inline-block;
  height: 100%;
}
.bezel[data-v-71e5d258] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 22px;
  color: #fff;
  pointer-events: none;
}
.bezel .bezel-icon[data-v-71e5d258] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -26px;
  height: 52px;
  width: 52px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  font-size: 40px;
}
.bezel .bezel-icon.bezel-transition[data-v-71e5d258] {
  animation: bezel-hide-71e5d258 0.5s linear;
}
@keyframes bezel-hide-71e5d258 {
from {
    opacity: 1;
    transform: scale(1);
}
to {
    opacity: 0;
    transform: scale(2);
}
}
.bezel .loading-icon[data-v-71e5d258] {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  height: 36px;
  width: 36px;
  pointer-events: none;
}
.bezel .loading-icon .loading-hide[data-v-71e5d258] {
  display: none;
}
.bezel .loading-icon .loading-dot[data-v-71e5d258] {
  animation: loading-dot-fade-71e5d258 0.8s ease infinite;
  opacity: 0;
  transform-origin: 4px 4px;
}
.bezel .loading-icon .loading-dot.loading-dot-7[data-v-71e5d258] {
  animation-delay: 0.7s;
}
.bezel .loading-icon .loading-dot.loading-dot-6[data-v-71e5d258] {
  animation-delay: 0.6s;
}
.bezel .loading-icon .loading-dot.loading-dot-5[data-v-71e5d258] {
  animation-delay: 0.5s;
}
.bezel .loading-icon .loading-dot.loading-dot-4[data-v-71e5d258] {
  animation-delay: 0.4s;
}
.bezel .loading-icon .loading-dot.loading-dot-3[data-v-71e5d258] {
  animation-delay: 0.3s;
}
.bezel .loading-icon .loading-dot.loading-dot-2[data-v-71e5d258] {
  animation-delay: 0.2s;
}
.bezel .loading-icon .loading-dot.loading-dot-1[data-v-71e5d258] {
  animation-delay: 0.1s;
}
@keyframes loading-dot-fade-71e5d258 {
0% {
    opacity: 0.7;
    transform: scale(1.2, 1.2);
}
50% {
    opacity: 0.25;
    transform: scale(0.9, 0.9);
}
to {
    opacity: 0.25;
    transform: scale(0.85, 0.85);
}
}
.load-error[data-v-71e5d258] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 15px;
  color: #fff;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-player[data-v-71e5d258] {
  width: var(--6a42d04c);
  height: var(--6a42d03d);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.v-enter-active[data-v-71e5d258],
.v-leave-active[data-v-71e5d258] {
  transition: all 0.3s ease;
}
.v-enter-to[data-v-71e5d258] {
  opacity: 1;
  transform: translateY(0);
}
.v-enter-from[data-v-71e5d258],
.v-leave-to[data-v-71e5d258] {
  opacity: 0;
  transform: translateY(100%);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Previewer/VideoPreviwer.vue?vue&type=style&index=0&id=4353f2b0&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-previewer[data-v-4353f2b0] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.video-previewer.fullscreen[data-v-4353f2b0] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Previewer/index.vue?vue&type=style&index=0&id=1bec4364&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.previewer[data-v-1bec4364] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.previewer .media[data-v-1bec4364] {
  max-width: 100%;
  max-height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/MediaPreviewer/MediaPreviewer.vue?vue&type=style&index=0&id=7974a8c4&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.media-previewer[data-v-7974a8c4] {
  position: relative;
}
.media-previewer .previewer-mask[data-v-7974a8c4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.media-previewer .close[data-v-7974a8c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 50px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 3;
  cursor: pointer;
}
.media-previewer .previewer-pagenation[data-v-7974a8c4] {
  position: absolute;
  right: 50px;
  bottom: 100px;
  font-size: 20px;
  color: #fff;
  z-index: 3;
}
.media-previewer .previewer-pagenation .divider[data-v-7974a8c4] {
  margin: 0 1px;
}
.media-previewer .previewer-pagenation .btn-prev[data-v-7974a8c4],
.media-previewer .previewer-pagenation .btn-next[data-v-7974a8c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.media-previewer .previewer-pagenation .btn-next[data-v-7974a8c4] {
  transform: rotate(180deg);
}
.media-previewer .previwer-media[data-v-7974a8c4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 50px 100px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Editor/index.vue?vue&type=style&index=0&id=00fde816&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pptist-editor[data-v-00fde816] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.layout-content[data-v-00fde816] {
  display: flex;
  flex: auto;
  min-height: 100px;
}
.layout-content-left[data-v-00fde816] {
  width: 144px;
  height: 100%;
  flex-shrink: 0;
  overflow: auto;
  background: #f7f8fa;
  box-shadow: 0 2px 10px 0 rgba(59, 80, 121, 0.1);
  z-index: 9;
}
.layout-content-center[data-v-00fde816] {
  position: relative;
  width: calc(100% - 144px - 288px);
  background-color: #f3f4f8;
}
.layout-content-center .center-top[data-v-00fde816] {
  height: 40px;
}
.layout-content-center .media-previwer[data-v-00fde816] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 102;
}
.layout-content-right[data-v-00fde816] {
  width: 288px;
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/FullScreenMessage.vue?vue&type=style&index=0&id=0f6832de&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fullscreen-box[data-v-0f6832de] {
  width: 265px;
  height: 50px;
  color: #ffffff;
  font-size: 15px;
  background: rgba(48, 48, 48, 0.8);
  position: absolute;
  left: 50%;
  margin-left: -132px;
  top: 47px;
  z-index: 20;
  line-height: 50px;
  text-align: center;
}
.enter-content[data-v-0f6832de] {
  width: 70px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  margin: 10px 6px 0 6px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/VideoElement/ScreenVideoElement.vue?vue&type=style&index=0&id=169c3c01&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-element-video[data-v-169c3c01] {
  position: absolute;
}
.rotate-wrapper[data-v-169c3c01] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-169c3c01] {
  width: 100%;
  height: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/AudioElement/ScreenAudioElement.vue?vue&type=style&index=0&id=08fd554a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-element-audio[data-v-08fd554a] {
  position: absolute;
}
.rotate-wrapper[data-v-08fd554a] {
  width: 100%;
  height: 100%;
}
.element-content[data-v-08fd554a] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-icon[data-v-08fd554a] {
  cursor: pointer;
}
.audio-player[data-v-08fd554a] {
  position: absolute;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/PluginElement/ScreenPluginElement.vue?vue&type=style&index=0&id=2b70ffee&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-element-plugin[data-v-2b70ffee] {
  position: absolute;
}
.screen-element-plugin .rotate-wrapper[data-v-2b70ffee] {
  width: 100%;
  height: 100%;
}
.screen-element-plugin .rotate-wrapper .element-content[data-v-2b70ffee] {
  width: 100%;
  height: 100%;
  position: relative;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/element/LevelReadElement/BaseLevelReadElement.vue?vue&type=style&index=0&id=1f854e1a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-element-level-read[data-v-1f854e1a] {
  position: absolute;
}
.element-content[data-v-1f854e1a] {
  width: 100%;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/ScreenElement.vue?vue&type=style&index=0&id=b8571b4e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-element[data-v-b8571b4e] {
  position: relative;
}
.link[data-v-b8571b4e] {
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/ScreenSlide.vue?vue&type=style&index=0&id=10db7586&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-slide[data-v-10db7586] {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  overflow: hidden;
}
.background[data-v-10db7586],
.background-mask[data-v-10db7586] {
  width: 100%;
  height: 100%;
  background-position: center;
  position: absolute;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/ScreenSlideList.vue?vue&type=style&index=0&id=17d740db&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen-slide-list[data-v-17d740db] {
  background: #1d1d1d;
  position: relative;
  width: 100%;
  height: 100%;
}
.slide-item[data-v-17d740db] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-item.current[data-v-17d740db] {
  z-index: 2;
}
.slide-item.hide[data-v-17d740db] {
  opacity: 0;
}
.slide-item.turning-mode-no.before[data-v-17d740db] {
  transform: translateY(-100%);
}
.slide-item.turning-mode-no.after[data-v-17d740db] {
  transform: translateY(100%);
}
.slide-item.turning-mode-fade[data-v-17d740db] {
  transition: opacity 0.75s;
}
.slide-item.turning-mode-fade.before[data-v-17d740db] {
  pointer-events: none;
  opacity: 0;
}
.slide-item.turning-mode-fade.after[data-v-17d740db] {
  pointer-events: none;
  opacity: 0;
}
.slide-item.turning-mode-slideX[data-v-17d740db] {
  transition: transform 0.35s;
}
.slide-item.turning-mode-slideX.before[data-v-17d740db] {
  transform: translateX(-100%);
}
.slide-item.turning-mode-slideX.after[data-v-17d740db] {
  transform: translateX(100%);
}
.slide-item.turning-mode-slideY[data-v-17d740db] {
  transition: transform 0.35s;
}
.slide-item.turning-mode-slideY.before[data-v-17d740db] {
  transform: translateY(-100%);
}
.slide-item.turning-mode-slideY.after[data-v-17d740db] {
  transform: translateY(100%);
}
.slide-content[data-v-17d740db] {
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-previwer-wrap[data-v-17d740db] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.media-previwer-wrap .media-previwer[data-v-17d740db] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/components/ThumbnailPopover/index.vue?vue&type=style&index=0&id=31bee66d&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.thumbnailsbox[data-v-31bee66d] {
  width: 229px;
  min-height: 100px;
  position: fixed;
  bottom: 50px;
  right: 120px;
  background: white;
  border-radius: 6px;
  box-shadow: 0 0 12px -2px rgba(26, 31, 51, 0.3);
  z-index: 10;
}
.thumbnails-content[data-v-31bee66d] {
  min-width: 224px;
  overflow: auto;
  scrollbar-width: thin;
  overflow: auto;
  overflow: overlay;
}
.arrow[data-v-31bee66d] {
  position: fixed;
  bottom: 400px;
  right: 128px;
  background: white;
  z-index: -1;
  box-shadow: 30px 0 20px 5px rgba(26, 31, 51, 0.3);
}
.arrow .arrow-content[data-v-31bee66d] {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: white;
  pointer-events: none;
  transform: translateY(-4.24264069px) rotate(45deg);
}
.close[data-v-31bee66d] {
  width: 100%;
  height: 61px;
  font-size: 20px;
  cursor: pointer;
  color: #858c99;
  border-top: 1px solid #e1e6f0;
  line-height: 61px;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: white;
  border-radius: 0 0 6px 6px;
}
[data-v-31bee66d]::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/SlideToolChild/PPTThumbnail.vue?vue&type=style&index=0&id=7d31a38a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.thumbnailbox[data-v-7d31a38a] {
  padding: 24px 0 70px 14px;
}
.thumbnail-title[data-v-7d31a38a] {
  width: 159px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 9px;
  margin-left: 28px;
}
.thumbnail[data-v-7d31a38a] {
  width: 159px;
  outline: 1px solid #c2c5cc;
  border-radius: 4px;
  margin: 0 12px 12px 13px;
}
.thumbnail[data-v-7d31a38a]:hover {
  outline-color: #3264fa;
}
.thumbnail.active[data-v-7d31a38a] {
  outline-width: 2px;
  outline-color: #3264fa;
}
.font[data-v-7d31a38a] {
  width: 16px;
  font-size: 12px;
  color: #1a2233;
  line-height: 20px;
}
.font.active[data-v-7d31a38a] {
  color: #3264fa;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/SlideToolChild/WhiteBoardTool.vue?vue&type=style&index=0&id=b5e9d7c2&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.white-board-box[data-v-b5e9d7c2] {
  width: 1200px;
  height: 640px;
  background: white;
  box-shadow: 0 6px 16px 0 rgba(26, 31, 51, 0.08), 0 12px 48px 16px rgba(26, 31, 51, 0.03), 0 -2px 21px 31px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  z-index: 10;
}
.white-board-box .title[data-v-b5e9d7c2] {
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #e1e6f0;
}
.white-board-box .title .icon[data-v-b5e9d7c2] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 32px;
  top: 24px;
}
.white-board-box .input[data-v-b5e9d7c2] {
  width: calc(100% - 96px);
  height: calc(100% - 65px - 72px);
  font-size: 36px;
  line-height: 54px;
  color: var(--black);
  font-family: inherit;
  background-color: var(--white);
  border: 0 solid #e1e6f0;
  margin: 32px 0 65px 48px;
  outline: none;
  resize: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/WritingBoard.vue?vue&type=style&index=0&id=0b1e8ca7&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.writing-board[data-v-0b1e8ca7] {
  z-index: 8;
  cursor: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blackboard[data-v-0b1e8ca7] {
  width: 100%;
  height: 100%;
  background-color: #0f392b;
}
.canvas[data-v-0b1e8ca7] {
  position: absolute;
  top: 0;
  left: 0;
}
.eraser[data-v-0b1e8ca7],
.pen[data-v-0b1e8ca7] {
  pointer-events: none;
  position: absolute;
  z-index: 9;
}
.eraser .icon[data-v-0b1e8ca7],
.pen .icon[data-v-0b1e8ca7] {
  filter: drop-shadow(2px 2px 2px #555);
}
.eraser[data-v-0b1e8ca7] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline-style: dashed;
  outline-width: 2px;
  outline-color: #3264fa;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/SlideToolChild/WritingTool.vue?vue&type=style&index=0&id=355077dc&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.writing-board-tool[data-v-355077dc] {
  font-size: 12px;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.writing-board-tool .writing-board-wrap[data-v-355077dc] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pen-tool[data-v-355077dc] {
  margin-top: 32px;
  margin-left: 30px;
}
.pen-tool .color-box[data-v-355077dc] {
  width: 42px;
  height: 42px;
  background: white;
  border-radius: 50%;
  display: inline-block;
  margin-right: 22px;
  margin-bottom: 22px;
  cursor: pointer;
  position: relative;
}
.pen-tool .color-box.active[data-v-355077dc] {
  background: #e1e6f0;
}
.pen-tool .color-box .color-item[data-v-355077dc] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pen-tool .size-box[data-v-355077dc] {
  width: 42px;
  height: 42px;
  background: white;
  margin-right: 16px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.pen-tool .size-box.active[data-v-355077dc] {
  background: #e1e6f0;
}
.pen-tool .size-box .size-item[data-v-355077dc] {
  background: #1a2233;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pen-tool .line[data-v-355077dc] {
  width: 157px;
  height: 1px;
  background: #e1e6f0;
  margin: 10px auto 32px 2px;
}
.eraser-tool[data-v-355077dc] {
  margin-top: 40px;
  margin-left: 24px;
}
.eraser-tool .eraser-box[data-v-355077dc] {
  height: 56px;
  position: relative;
  display: flex;
  align-items: center;
}
.eraser-tool .eraser-content[data-v-355077dc] {
  border-radius: 50%;
  margin-right: 32px;
  display: inline-block;
  cursor: pointer;
  outline-style: dashed;
  outline-width: 2px;
  outline-color: #858c99;
}
.eraser-tool .eraser-content.active[data-v-355077dc] {
  outline-color: #3264fa;
}
.eraser-tool .clear-all[data-v-355077dc] {
  width: 192px;
  height: 40px;
  background: #f5f7fa;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin-top: 40px;
  position: relative;
}
.eraser-tool .clear-all.active[data-v-355077dc] {
  background: #adcaff;
}
.eraser-tool .clear-all .slider-icon[data-v-355077dc] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 8px;
  cursor: pointer;
  z-index: 2;
}
.eraser-tool .clear-all .moveback[data-v-355077dc] {
  animation: moveRight-355077dc 2s linear;
  animation-fill-mode: forwards;
}
@keyframes moveRight-355077dc {
0% {
    transform: translateX(150px);
}
100% {
    transform: translateX(0);
}
}
.eraser-tool .clear-all .mask[data-v-355077dc] {
  content: "";
  background-color: #adcaff;
  width: 0;
  height: 90%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 30px;
  z-index: 1;
}
.eraser-tool .clear-all .font[data-v-355077dc] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/SlideToolChild/ClassOverTool.vue?vue&type=style&index=0&id=12ca5a4e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.class-over-box[data-v-12ca5a4e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
.class-over-box .modal[data-v-12ca5a4e] {
  width: 640px;
  height: 400px;
  box-sizing: border-box;
  background: linear-gradient(181deg, #85adff 0%, #ffffff 42%);
  border-radius: 24px;
  border: 5px solid white;
  z-index: 21;
}
.class-over-box .modal .bell[data-v-12ca5a4e] {
  width: 300px;
  height: 174px;
  background-image: url(../img/bell.cae2ea51.png);
  background-repeat: repeat;
  background-size: contain;
  margin: -84px auto 0 auto;
}
.class-over-box .modal .font[data-v-12ca5a4e] {
  width: 324px;
  height: 54px;
  font-size: 36px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #14004c;
  line-height: 54px;
  margin: 48px auto 0 auto;
}
.class-over-box .modal .confirm[data-v-12ca5a4e] {
  width: 400px;
  height: 64px;
  margin: 80px auto 0 auto;
  display: flex;
}
.class-over-box .modal .content[data-v-12ca5a4e] {
  width: 180px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  margin-left: 40px;
  font-size: 32px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 45px;
  background: linear-gradient(270deg, #3ac4ff 0%, #0a74ff 100%);
  cursor: pointer;
}
.class-over-box .modal .content[data-v-12ca5a4e]:first-child {
  border: 2px solid #3264fa;
  margin-left: 0;
  background: rgba(0, 0, 0, 0);
  color: #3264fa;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/SlideToolChild/SlideToolView.vue?vue&type=style&index=0&id=00288590&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.toolbar-item[data-v-00288590] {
  width: 72px;
  height: 70px;
  font-size: 16px;
  color: white;
  border-radius: 8px;
  text-align: center;
  margin: 0 auto 4px auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.toolbar-item[data-v-00288590]:hover {
  background: #3264fa;
}
.toolbar-item.active[data-v-00288590] {
  background: #3264fa;
}
.toolbar-item.disable[data-v-00288590] {
  color: #9ea8c5;
  cursor: not-allowed;
}
.toolbar-item .icon[data-v-00288590] {
  width: 24px;
  height: 24px;
  margin: 0 auto 14px auto;
  padding-top: 10px;
}
.plugin-item[data-v-00288590] {
  width: 72px;
  height: 70px;
  border-radius: 8px;
  margin: 0 auto 4px auto;
}
.plugin-item.active[data-v-00288590] {
  background: #3264fa;
}
.bottomLine[data-v-00288590] {
  width: 40px;
  height: 1px;
  background: #858c99;
  border-radius: 1px;
  margin: 4px auto;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/SlideTool.vue?vue&type=style&index=0&id=1b16e3f8&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.box[data-v-1b16e3f8] {
  width: 80px;
  position: fixed;
  bottom: 40px;
  right: 24px;
  z-index: 11;
}
.box .minimizerbox[data-v-1b16e3f8] {
  width: 16px;
  height: 90px;
  position: absolute;
  top: 42%;
  left: -15px;
  transform: translate(0, -50%);
}
.box .minimizerboxactive[data-v-1b16e3f8] {
  width: 16px;
  height: 90px;
  position: fixed;
  top: 55%;
  right: 0;
  transform: translate(0, -50%);
}
.box .minimizer[data-v-1b16e3f8] {
  width: 8px;
  height: 10px;
  cursor: pointer;
  position: absolute;
  top: 42%;
  left: -6px;
  transform: translate(-50%, -50%);
}
.box .minimizeractive[data-v-1b16e3f8] {
  width: 8px;
  height: 10px;
  cursor: pointer;
  position: fixed;
  top: 55%;
  right: -2px;
  transform: translate(-50%, -50%);
}
.content[data-v-1b16e3f8] {
  background: #2c4380;
  padding-bottom: 10px;
  margin-bottom: 16px;
  border: 0.1px solid #2c4380;
  border-radius: 40px;
  box-shadow: 0 0 11px 0 rgba(44, 67, 128, 0.71);
  position: relative;
}
.content .retract[data-v-1b16e3f8] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2b355d;
  margin: 16px auto 6px auto;
  text-align: center;
  cursor: pointer;
}
.content .retract .retract-icon[data-v-1b16e3f8] {
  color: #e1e6f0;
  margin-top: 7px;
}
.content .toolbar-item[data-v-1b16e3f8] {
  width: 72px;
  height: 70px;
  font-size: 16px;
  color: white;
  border-radius: 8px;
  text-align: center;
  margin: 0 auto 0 auto;
  cursor: pointer;
}
.content .toolbar-item[data-v-1b16e3f8]:hover {
  background: #3264fa;
}
.content .toolbar-item.active[data-v-1b16e3f8] {
  background: #3264fa;
}
.content .toolbar-item.disable[data-v-1b16e3f8] {
  color: #9ea8c5;
  cursor: not-allowed;
}
.content .toolbar-item .icon[data-v-1b16e3f8] {
  width: 24px;
  height: 24px;
  margin: 0 auto 14px auto;
  padding-top: 10px;
}
.content .toolbar-item .icon.disable[data-v-1b16e3f8] {
  color: #9ea8c5;
}
.classover[data-v-1b16e3f8] {
  width: 64px;
  height: 64px;
  background: #2c4380;
  border-radius: 50%;
  box-shadow: 0 0 8px 0 rgba(44, 67, 128, 0.71);
  text-align: center;
  margin: 16px auto 0 auto;
  cursor: pointer;
}
.classover .icon[data-v-1b16e3f8] {
  width: 17px;
  height: 19px;
  margin-top: 12px;
}
.classover .text[data-v-1b16e3f8] {
  color: white;
  font-size: 16px;
  margin-top: 5px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/Notes.vue?vue&type=style&index=0&id=d43359cc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notes-view[data-v-d43359cc] {
  position: absolute;
  left: 16px;
  bottom: 50px;
  width: 60px;
  height: 60px;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(203, 217, 253, 0.7);
  border-radius: 8px;
  z-index: 2;
}
.notes-view .notes-text[data-v-d43359cc] {
  width: 32px;
  height: 44px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c4380;
  line-height: 22px;
  margin-left: 14px;
  margin-top: 8px;
  cursor: pointer;
}
.plugin-item[data-v-d43359cc] {
  max-width: 30%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%, 0);
  z-index: 2;
}
.notes-content[data-v-d43359cc] {
  width: 1200px;
  height: 560px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #ffffff;
  box-shadow: 0 6px 16px 0 rgba(26, 31, 51, 0.08), 0 12px 48px 16px rgba(26, 31, 51, 0.03), 0 -2px 21px 31px rgba(0, 0, 0, 0.03);
  border-radius: 12px 12px 0 0;
  transform-origin: center bottom;
  z-index: 2;
}
.notes-content .title-box[data-v-d43359cc] {
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #e1e6f0;
}
.notes-content .title-box .text[data-v-d43359cc] {
  font-size: 28px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 32px;
  position: absolute;
  left: 48px;
  top: 23px;
}
.notes-content .title-box .icon[data-v-d43359cc] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 32px;
  top: 24px;
}
.notes-content .remark-content[data-v-d43359cc] {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border: 0 solid #e1e6f0;
  padding: 32px 48px 65px 48px;
  outline: none;
  resize: none;
  line-height: 1.5;
  overflow: auto;
  word-break: break-word;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/BaseView.vue?vue&type=style&index=0&id=c896fb08&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-view[data-v-c896fb08] {
  width: 100%;
  height: 100%;
}
.base-view.laser-pen[data-v-c896fb08] {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAACCJJREFUWIXtmLuO3MYShv/qZl9IzqwXo2BkSAtsIK+z8wwOBcOJ9C56Cr2LlThQcgBnfofVBnswXlgTaLHaIdk3dtcJOKOzd8n2MeDABRDDgKz/m+pudv0N/BN/Luj/kYSZJQBxJR8DKESU/2zuPwTIzAKnpxqHhxUuLir0vYSUAkS0ewA5F7Rtxv7+iNPTEYeHkYjKXwrIzHK9XtultRohaKSkkFIVhqGCEAIxTvm0ZpRSTNOMUGqEUgnGxLX3cblc+t9T2S8GXK1W9dP53OLiwoLZhMtLQ4CiGBVKkchZIOcpn5QMKQuEyKx1YiCZvb0AooD9ff/rZuMPDg7cl+hWn3uAmQWABut1g/PzOnZdTd5bMY6aQtAIQQGQGEd5bYirKgPIZExiY2IKIbK1XpeinzaN2s7b4XPD/iAgM0ucn7fYbNrQ963Juaauq8k5i3E01PcG46iQs0TO1wGlzJAyo6oS2jagqgLGUQNQwTllvJeYzwUz9w8N+b2AzCxwft6i72fBuZkYhnbcbBqKsSbvazhnEIJBzqrEqGQpAlO1AaKShShC6wQpE4UQUNcBKenReyXm8yoIIYwQtNXq7qvkQxVssNm0wbmZuLiYUQgtnGtps2ngfQ3vLaVkEKOmGKcqMtMWkEnKTFonaB3Z+4AQPFmreD6vSAghxpECAFMKY7EoALovBlytVjXW6yb0fSuGoaUQWrq8nKHvW/R9S943xbmavJ+qmNIO8FMFIWXert7A1gYxjprHsSLmaTHt7UF0HYdSilmv82q1ynctnFuAzCzx8aPF+Xltcq7HzaaBcy36vsUwzKjrZhiGRgxDA+8tUjIUgkbOEqVMgEIUkjLDmAjvgwjBI6WKxlHybp5KyVRKMcaMGIb0dLFIzBxvzsdbgOv12i69t7HrpgURY02bTYO+b6nrZui6qZLONdz3jTg5ORDHx0f48OExQpgBAIzp8OjRez46Oi7Pnq1ot5BKETQVgYmosJRj6rrEQNJCxLX3EUB/LyAzC3z8qOGcIe8tOWdpmm81ed9gGJpdJdF1rXz79jucnX1za454P8fZ2ZzOzr6Rx8fvyvPnP38afiEKVVXmqhrJ+wSlIqoqYj73S2s1M7urC0ZcS3x6qhGCDpeXBuOoMY4Gzhl4b4tzNYahgXMNuq4Vb978cCfczTg7+0a8efMDuq6Fcw2GoSnO1fDewjmDcTQYx0kzBI3TU3319euAh4cVUlIEKApBU98bhGAoJSO8N/Dect834u3b73B+/vVn4XZxfv61ePv2O+77Bt5b4b2hlKbcfW8oBE2AQkoKh4fXRvU64MVFhZQqilEhBLX9CCvEqLer1YiTk4MvqtxdlTw5OcAWDDFq5DxphDBtmSlNzcddgMws0fcyDEOFUiQAiZxliVGVGFVJSXEImo6Pj3433Dbo+PiIQ9AlJbXLi5wnrVIm7b6X223wOiAAASkFhBDIWWAcJXKWshQhcpYiZ0k5S3z48PhO9ZcvgV9+ma6XL+8m/PDhMW1ziW1u5Cy3WpO2lOIq11VAAhEhRkLO0z0RgVmAefotRXz6lNyMV6+AxWK6Xr26GzCEGXZb4i7nTifnSXv6Tn7qssTdmf4+cRWQwczQmiHldM/MICogmn6FKDDmzj0Tr18D5+fT9fr13WrGdBCiXMu505Fy0mZmTJYBwPUPdUHOBaUUSFlQVRlS5rzbtqTMJGXGo0fvcXY2vyX+44/T9VA8evSepcy8zcdCFDG1ZBlSTto5FwC3P9RElNG22TTNCCEygAwps9A6Ca2TUCqRMZGPjo4fprg/+OjomIyJQqm0ywspJy0hJu22zVf34+tzcH9/hFIja51gTEJVJUiZoHWEMQFKhfLs2QpPnrz73XRPnrwrz56toFSAMQFaR0g5aRiTWOsEpUbs749XX7u51Y1QKjGQ2JjIbRtgTGClQrE2wFpPbTuU589/xmLx2xfDLRa/lefPf6a2HWCtL9YG3oJy2wY2JjKQoFTC6ekDgIeHEcZEs7cXUFURVTV1wtZ6UdcOTTOgrgfMZn158eKnL6rkkyfvyosXP2E261HXA5pmEHXtYK1HXU9WoKomTWMiDg/j1devbStEVN6/fx+XRIGt9RhHjZQ0Wat4HCsax//1fEQlf//9v8XJyTF9rt1q2+mPtW2PphnY2gHWOrbWcV17ttaDKKy9j4/398u9gACwXC49Pn7UuhQNQI3eT206s2DadptCFEiZqaoS/+tfvnz77X/oRsPKUmYyJpJSAdZ6NM2Aphl4Pu/QND3P5wO0dmo2c5jNHPb3/fKrr/xNnluARJRXq5V/2jQqOKfE1kPsPC8zM1VVLkqNwpiAEAxbq+hGy89SZtq2/MXaIOrasbUDmqZH2/Zo257bdghSOtM07tfNxh/s799yd3d6koODA8fM0ngvw9bgYG9vatOJClfVSFUVYe3UldxhmiBlxtY0kVLTlLHW8Xw+oG17NqYvs1lv6rrHcjkcEN1p5B9ydQPmc2GEoABAdB1TKYWlnDph5wJvbSdPpwvXbCcLUXhrO2FMQF0HttZBa8dtO5TZrDdt26FtewDDfRD3AhJRYeYemKxh2Bqc1HVTm17Xn4y7yFnyDeMurhh33hp3rmuvZjMXpHSmrqehXiz6h04XHjxZIKLMzB0Wi2LW64xhSAwkVFXEOGpo/dmjD2yPPlBVka31mM2caRqH5XLAnz362FUSQLdarfLTxSJpISLmcx8uLw217R8/PLpnzt3S/5KHdvG3Pn67Afr3PMB8APgvOwL+J/5s/BeEBm1u1Gu4+QAAAABJRU5ErkJggg==) 20 20, default !important;
}
.base-view .full-message[data-v-c896fb08] {
  display: block;
}
.base-view .full-message-hidden[data-v-c896fb08] {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/FlippingSlide/minTools.vue?vue&type=style&index=0&id=44616d8a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.min-tools[data-v-44616d8a] {
  width: 160px;
  height: 53px;
  background: rgba(15, 42, 85, 0.9);
  box-shadow: inset 0 0 10px 0 #335986;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform-origin: center bottom;
  z-index: 2;
}
.min-tools .icon[data-v-44616d8a] {
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -22px;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/FlippingSlide/normalTools/pageView.vue?vue&type=style&index=0&id=6c24ec70&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-view[data-v-6c24ec70] {
  width: 1630px;
  height: auto;
  position: absolute;
  top: 24px;
  left: 152px;
  display: flex;
  overflow: hidden;
  box-sizing: content-box;
  padding: 3px;
  cursor: pointer;
  scroll-behavior: smooth;
}
.item-box[data-v-6c24ec70] {
  height: 195px;
  background: #0f2a55;
  box-shadow: inset 0 0 10px 0 #335986;
  border: 1px solid #999999;
  margin-left: 16px;
}
.item-box[data-v-6c24ec70]:first-child {
  margin-left: 0;
}
.item-box.active[data-v-6c24ec70] {
  background: #0f2a55;
  outline: 3px solid #00fcec;
}
.item-box .thumbnail[data-v-6c24ec70] {
  width: 224px;
  height: 126px;
  border: 1px solid yellow;
  margin: 15px 16px;
}
.item-box .slide-index[data-v-6c24ec70] {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cccccc;
  margin-top: 20px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.left-btn[data-v-6c24ec70] {
  width: 40px;
  height: 150px;
  background: #325592;
  color: #cccccc;
  position: absolute;
  left: 56px;
  top: 46px;
  cursor: not-allowed;
}
.left-btn.active[data-v-6c24ec70] {
  background: #355892;
  color: #ffffff;
  cursor: pointer;
}
.left-btn .icon-left[data-v-6c24ec70] {
  margin: 62px 12px;
}
.right-btn[data-v-6c24ec70] {
  width: 40px;
  height: 150px;
  background: #325592;
  color: #cccccc;
  position: absolute;
  right: 56px;
  top: 46px;
  cursor: not-allowed;
}
.right-btn.active[data-v-6c24ec70] {
  background: #355892;
  color: #ffffff;
  cursor: pointer;
}
.right-btn .icon-right[data-v-6c24ec70] {
  margin: 62px 12px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/FlippingSlide/normalTools/toolsButton.vue?vue&type=style&index=0&id=03b506f0&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tools-box[data-v-03b506f0] {
  position: fixed;
  bottom: 24px;
  left: 50%;
  margin-left: -184px;
}
.tools-box .toggleView[data-v-03b506f0] {
  width: 84px;
  height: 70px;
  border-radius: 8px;
  border: 1px solid #1890ff;
  text-align: center;
  margin: 0 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tools-box .toggleView .text[data-v-03b506f0] {
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
  line-height: 70px;
  cursor: pointer;
}
.tools-box .tools-btn[data-v-03b506f0] {
  width: 102px;
  height: 70px;
  background: #0f2a55;
  color: #ffffff;
  box-shadow: inset 0 0 10px 0 #335986;
  border-radius: 8px;
  border: 1px solid #1890ff;
  cursor: pointer;
  text-align: center;
}
.tools-box .tools-btn.disabled[data-v-03b506f0] {
  color: #cccccc;
  border: none;
  cursor: not-allowed;
}
.tools-box .tools-btn .tools-icon[data-v-03b506f0] {
  margin-top: 21px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/FlippingSlide/index.vue?vue&type=style&index=0&id=cd385686&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.device-tools[data-v-cd385686] {
  width: 1920px;
  min-height: 180px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(15, 42, 85, 0.9);
  box-shadow: inset 0 0 10px 0 #335986;
  transform-origin: left bottom;
  z-index: 2;
  overflow: hidden;
}
.show-hide-btn[data-v-cd385686] {
  position: absolute;
  left: 50%;
  bottom: 126px;
  margin-left: -22px;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/DeviceView.vue?vue&type=style&index=0&id=c7d408ca&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-view[data-v-c7d408ca] {
  width: 100%;
  height: 100%;
}
.base-view.laser-pen[data-v-c7d408ca] {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAACCJJREFUWIXtmLuO3MYShv/qZl9IzqwXo2BkSAtsIK+z8wwOBcOJ9C56Cr2LlThQcgBnfofVBnswXlgTaLHaIdk3dtcJOKOzd8n2MeDABRDDgKz/m+pudv0N/BN/Luj/kYSZJQBxJR8DKESU/2zuPwTIzAKnpxqHhxUuLir0vYSUAkS0ewA5F7Rtxv7+iNPTEYeHkYjKXwrIzHK9XtultRohaKSkkFIVhqGCEAIxTvm0ZpRSTNOMUGqEUgnGxLX3cblc+t9T2S8GXK1W9dP53OLiwoLZhMtLQ4CiGBVKkchZIOcpn5QMKQuEyKx1YiCZvb0AooD9ff/rZuMPDg7cl+hWn3uAmQWABut1g/PzOnZdTd5bMY6aQtAIQQGQGEd5bYirKgPIZExiY2IKIbK1XpeinzaN2s7b4XPD/iAgM0ucn7fYbNrQ963Juaauq8k5i3E01PcG46iQs0TO1wGlzJAyo6oS2jagqgLGUQNQwTllvJeYzwUz9w8N+b2AzCxwft6i72fBuZkYhnbcbBqKsSbvazhnEIJBzqrEqGQpAlO1AaKShShC6wQpE4UQUNcBKenReyXm8yoIIYwQtNXq7qvkQxVssNm0wbmZuLiYUQgtnGtps2ngfQ3vLaVkEKOmGKcqMtMWkEnKTFonaB3Z+4AQPFmreD6vSAghxpECAFMKY7EoALovBlytVjXW6yb0fSuGoaUQWrq8nKHvW/R9S943xbmavJ+qmNIO8FMFIWXert7A1gYxjprHsSLmaTHt7UF0HYdSilmv82q1ynctnFuAzCzx8aPF+Xltcq7HzaaBcy36vsUwzKjrZhiGRgxDA+8tUjIUgkbOEqVMgEIUkjLDmAjvgwjBI6WKxlHybp5KyVRKMcaMGIb0dLFIzBxvzsdbgOv12i69t7HrpgURY02bTYO+b6nrZui6qZLONdz3jTg5ORDHx0f48OExQpgBAIzp8OjRez46Oi7Pnq1ot5BKETQVgYmosJRj6rrEQNJCxLX3EUB/LyAzC3z8qOGcIe8tOWdpmm81ed9gGJpdJdF1rXz79jucnX1za454P8fZ2ZzOzr6Rx8fvyvPnP38afiEKVVXmqhrJ+wSlIqoqYj73S2s1M7urC0ZcS3x6qhGCDpeXBuOoMY4Gzhl4b4tzNYahgXMNuq4Vb978cCfczTg7+0a8efMDuq6Fcw2GoSnO1fDewjmDcTQYx0kzBI3TU3319euAh4cVUlIEKApBU98bhGAoJSO8N/Dect834u3b73B+/vVn4XZxfv61ePv2O+77Bt5b4b2hlKbcfW8oBE2AQkoKh4fXRvU64MVFhZQqilEhBLX9CCvEqLer1YiTk4MvqtxdlTw5OcAWDDFq5DxphDBtmSlNzcddgMws0fcyDEOFUiQAiZxliVGVGFVJSXEImo6Pj3433Dbo+PiIQ9AlJbXLi5wnrVIm7b6X223wOiAAASkFhBDIWWAcJXKWshQhcpYiZ0k5S3z48PhO9ZcvgV9+ma6XL+8m/PDhMW1ziW1u5Cy3WpO2lOIq11VAAhEhRkLO0z0RgVmAefotRXz6lNyMV6+AxWK6Xr26GzCEGXZb4i7nTifnSXv6Tn7qssTdmf4+cRWQwczQmiHldM/MICogmn6FKDDmzj0Tr18D5+fT9fr13WrGdBCiXMu505Fy0mZmTJYBwPUPdUHOBaUUSFlQVRlS5rzbtqTMJGXGo0fvcXY2vyX+44/T9VA8evSepcy8zcdCFDG1ZBlSTto5FwC3P9RElNG22TTNCCEygAwps9A6Ca2TUCqRMZGPjo4fprg/+OjomIyJQqm0ywspJy0hJu22zVf34+tzcH9/hFIja51gTEJVJUiZoHWEMQFKhfLs2QpPnrz73XRPnrwrz56toFSAMQFaR0g5aRiTWOsEpUbs749XX7u51Y1QKjGQ2JjIbRtgTGClQrE2wFpPbTuU589/xmLx2xfDLRa/lefPf6a2HWCtL9YG3oJy2wY2JjKQoFTC6ekDgIeHEcZEs7cXUFURVTV1wtZ6UdcOTTOgrgfMZn158eKnL6rkkyfvyosXP2E261HXA5pmEHXtYK1HXU9WoKomTWMiDg/j1devbStEVN6/fx+XRIGt9RhHjZQ0Wat4HCsax//1fEQlf//9v8XJyTF9rt1q2+mPtW2PphnY2gHWOrbWcV17ttaDKKy9j4/398u9gACwXC49Pn7UuhQNQI3eT206s2DadptCFEiZqaoS/+tfvnz77X/oRsPKUmYyJpJSAdZ6NM2Aphl4Pu/QND3P5wO0dmo2c5jNHPb3/fKrr/xNnluARJRXq5V/2jQqOKfE1kPsPC8zM1VVLkqNwpiAEAxbq+hGy89SZtq2/MXaIOrasbUDmqZH2/Zo257bdghSOtM07tfNxh/s799yd3d6koODA8fM0ngvw9bgYG9vatOJClfVSFUVYe3UldxhmiBlxtY0kVLTlLHW8Xw+oG17NqYvs1lv6rrHcjkcEN1p5B9ydQPmc2GEoABAdB1TKYWlnDph5wJvbSdPpwvXbCcLUXhrO2FMQF0HttZBa8dtO5TZrDdt26FtewDDfRD3AhJRYeYemKxh2Bqc1HVTm17Xn4y7yFnyDeMurhh33hp3rmuvZjMXpHSmrqehXiz6h04XHjxZIKLMzB0Wi2LW64xhSAwkVFXEOGpo/dmjD2yPPlBVka31mM2caRqH5XLAnz362FUSQLdarfLTxSJpISLmcx8uLw217R8/PLpnzt3S/5KHdvG3Pn67Afr3PMB8APgvOwL+J/5s/BeEBm1u1Gu4+QAAAABJRU5ErkJggg==) 20 20, default !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/AIView.vue?vue&type=style&index=0&id=05a6ab75&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-view[data-v-05a6ab75] {
  width: 100%;
  height: 100%;
}
.base-view.laser-pen[data-v-05a6ab75] {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAACCJJREFUWIXtmLuO3MYShv/qZl9IzqwXo2BkSAtsIK+z8wwOBcOJ9C56Cr2LlThQcgBnfofVBnswXlgTaLHaIdk3dtcJOKOzd8n2MeDABRDDgKz/m+pudv0N/BN/Luj/kYSZJQBxJR8DKESU/2zuPwTIzAKnpxqHhxUuLir0vYSUAkS0ewA5F7Rtxv7+iNPTEYeHkYjKXwrIzHK9XtultRohaKSkkFIVhqGCEAIxTvm0ZpRSTNOMUGqEUgnGxLX3cblc+t9T2S8GXK1W9dP53OLiwoLZhMtLQ4CiGBVKkchZIOcpn5QMKQuEyKx1YiCZvb0AooD9ff/rZuMPDg7cl+hWn3uAmQWABut1g/PzOnZdTd5bMY6aQtAIQQGQGEd5bYirKgPIZExiY2IKIbK1XpeinzaN2s7b4XPD/iAgM0ucn7fYbNrQ963Juaauq8k5i3E01PcG46iQs0TO1wGlzJAyo6oS2jagqgLGUQNQwTllvJeYzwUz9w8N+b2AzCxwft6i72fBuZkYhnbcbBqKsSbvazhnEIJBzqrEqGQpAlO1AaKShShC6wQpE4UQUNcBKenReyXm8yoIIYwQtNXq7qvkQxVssNm0wbmZuLiYUQgtnGtps2ngfQ3vLaVkEKOmGKcqMtMWkEnKTFonaB3Z+4AQPFmreD6vSAghxpECAFMKY7EoALovBlytVjXW6yb0fSuGoaUQWrq8nKHvW/R9S943xbmavJ+qmNIO8FMFIWXert7A1gYxjprHsSLmaTHt7UF0HYdSilmv82q1ynctnFuAzCzx8aPF+Xltcq7HzaaBcy36vsUwzKjrZhiGRgxDA+8tUjIUgkbOEqVMgEIUkjLDmAjvgwjBI6WKxlHybp5KyVRKMcaMGIb0dLFIzBxvzsdbgOv12i69t7HrpgURY02bTYO+b6nrZui6qZLONdz3jTg5ORDHx0f48OExQpgBAIzp8OjRez46Oi7Pnq1ot5BKETQVgYmosJRj6rrEQNJCxLX3EUB/LyAzC3z8qOGcIe8tOWdpmm81ed9gGJpdJdF1rXz79jucnX1za454P8fZ2ZzOzr6Rx8fvyvPnP38afiEKVVXmqhrJ+wSlIqoqYj73S2s1M7urC0ZcS3x6qhGCDpeXBuOoMY4Gzhl4b4tzNYahgXMNuq4Vb978cCfczTg7+0a8efMDuq6Fcw2GoSnO1fDewjmDcTQYx0kzBI3TU3319euAh4cVUlIEKApBU98bhGAoJSO8N/Dect834u3b73B+/vVn4XZxfv61ePv2O+77Bt5b4b2hlKbcfW8oBE2AQkoKh4fXRvU64MVFhZQqilEhBLX9CCvEqLer1YiTk4MvqtxdlTw5OcAWDDFq5DxphDBtmSlNzcddgMws0fcyDEOFUiQAiZxliVGVGFVJSXEImo6Pj3433Dbo+PiIQ9AlJbXLi5wnrVIm7b6X223wOiAAASkFhBDIWWAcJXKWshQhcpYiZ0k5S3z48PhO9ZcvgV9+ma6XL+8m/PDhMW1ziW1u5Cy3WpO2lOIq11VAAhEhRkLO0z0RgVmAefotRXz6lNyMV6+AxWK6Xr26GzCEGXZb4i7nTifnSXv6Tn7qssTdmf4+cRWQwczQmiHldM/MICogmn6FKDDmzj0Tr18D5+fT9fr13WrGdBCiXMu505Fy0mZmTJYBwPUPdUHOBaUUSFlQVRlS5rzbtqTMJGXGo0fvcXY2vyX+44/T9VA8evSepcy8zcdCFDG1ZBlSTto5FwC3P9RElNG22TTNCCEygAwps9A6Ca2TUCqRMZGPjo4fprg/+OjomIyJQqm0ywspJy0hJu22zVf34+tzcH9/hFIja51gTEJVJUiZoHWEMQFKhfLs2QpPnrz73XRPnrwrz56toFSAMQFaR0g5aRiTWOsEpUbs749XX7u51Y1QKjGQ2JjIbRtgTGClQrE2wFpPbTuU589/xmLx2xfDLRa/lefPf6a2HWCtL9YG3oJy2wY2JjKQoFTC6ekDgIeHEcZEs7cXUFURVTV1wtZ6UdcOTTOgrgfMZn158eKnL6rkkyfvyosXP2E261HXA5pmEHXtYK1HXU9WoKomTWMiDg/j1devbStEVN6/fx+XRIGt9RhHjZQ0Wat4HCsax//1fEQlf//9v8XJyTF9rt1q2+mPtW2PphnY2gHWOrbWcV17ttaDKKy9j4/398u9gACwXC49Pn7UuhQNQI3eT206s2DadptCFEiZqaoS/+tfvnz77X/oRsPKUmYyJpJSAdZ6NM2Aphl4Pu/QND3P5wO0dmo2c5jNHPb3/fKrr/xNnluARJRXq5V/2jQqOKfE1kPsPC8zM1VVLkqNwpiAEAxbq+hGy89SZtq2/MXaIOrasbUDmqZH2/Zo257bdghSOtM07tfNxh/s799yd3d6koODA8fM0ngvw9bgYG9vatOJClfVSFUVYe3UldxhmiBlxtY0kVLTlLHW8Xw+oG17NqYvs1lv6rrHcjkcEN1p5B9ydQPmc2GEoABAdB1TKYWlnDph5wJvbSdPpwvXbCcLUXhrO2FMQF0HttZBa8dtO5TZrDdt26FtewDDfRD3AhJRYeYemKxh2Bqc1HVTm17Xn4y7yFnyDeMurhh33hp3rmuvZjMXpHSmrqehXiz6h04XHjxZIKLMzB0Wi2LW64xhSAwkVFXEOGpo/dmjD2yPPlBVka31mM2caRqH5XLAnz362FUSQLdarfLTxSJpISLmcx8uLw217R8/PLpnzt3S/5KHdvG3Pn67Afr3PMB8APgvOwL+J/5s/BeEBm1u1Gu4+QAAAABJRU5ErkJggg==) 20 20, default !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Screen/index.vue?vue&type=style&index=0&id=f26d6854&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pptist-screen[data-v-f26d6854] {
  width: 100%;
  height: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Plugins/index.vue?vue&type=style&index=0&id=7c4f3917&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.plugins[data-v-7c4f3917] {
  opacity: 0;
  width: 350px;
  height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.plugins .loadding[data-v-7c4f3917] {
  font-size: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/prosemirror.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.ProseMirror,
.ProseMirror-static {
  outline: 0;
  border: 0;
  font-size: 20px;
  word-break: break-word;
  white-space: normal;
}
.ProseMirror:not(.ProseMirror-static),
.ProseMirror-static:not(.ProseMirror-static) {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.ProseMirror ::-moz-selection, .ProseMirror-static ::-moz-selection {
  background-color: rgba(209, 68, 36, 0.3);
  color: inherit;
}
.ProseMirror ::selection,
.ProseMirror-static ::selection {
  background-color: rgba(209, 68, 36, 0.3);
  color: inherit;
}
.ProseMirror a,
.ProseMirror-static a {
  text-decoration: underline;
}
.ProseMirror a:hover,
.ProseMirror-static a:hover {
  text-decoration: underline;
}
.ProseMirror p,
.ProseMirror-static p {
  margin-bottom: 0;
  text-indent: var(--textIndent);
}
.ProseMirror p + p,
.ProseMirror-static p + p {
  margin-top: var(--paragraphSpace);
}
.ProseMirror ul,
.ProseMirror-static ul {
  list-style-type: disc;
  padding-inline-start: 1.25em;
}
.ProseMirror ul li,
.ProseMirror-static ul li {
  list-style-type: inherit;
}
.ProseMirror ol,
.ProseMirror-static ol {
  list-style-type: decimal;
  padding-inline-start: 1.25em;
}
.ProseMirror ol li,
.ProseMirror-static ol li {
  list-style-type: inherit;
}
.ProseMirror code,
.ProseMirror-static code {
  background-color: #e1e6f0;
  padding: 1px 3px;
  margin: 0 1px;
  border-radius: 2px;
  font-family: inherit;
}
.ProseMirror blockquote,
.ProseMirror-static blockquote {
  overflow: hidden;
  padding-right: 1.2em;
  padding-left: 1.2em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: 5px solid #ccc;
}
.ProseMirror [data-indent="1"],
.ProseMirror-static [data-indent="1"] {
  padding-left: 48px;
}
.ProseMirror [data-indent="2"],
.ProseMirror-static [data-indent="2"] {
  padding-left: 96px;
}
.ProseMirror [data-indent="3"],
.ProseMirror-static [data-indent="3"] {
  padding-left: 144px;
}
.ProseMirror [data-indent="4"],
.ProseMirror-static [data-indent="4"] {
  padding-left: 192px;
}
.ProseMirror [data-indent="5"],
.ProseMirror-static [data-indent="5"] {
  padding-left: 240px;
}
.ProseMirror [data-indent="6"],
.ProseMirror-static [data-indent="6"] {
  padding-left: 288px;
}
.ProseMirror [data-indent="7"],
.ProseMirror-static [data-indent="7"] {
  padding-left: 336px;
}

.ProseMirror-selectednode {
  outline: none !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html,
body {
  width: 100% !important;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  color: #1a2233;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

* {
  scrollbar-width: none;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
}

/* 定义滚动条轨道 内阴影 */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* 定义滑块 内阴影 */
::-webkit-scrollbar-thumb {
  background-color: #e1e6f0;
  border-radius: 12px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.text-icon {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  padding: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  line-height: 0 !important;
  cursor: pointer;
}

:-webkit-full-screen-announcement {
  display: none !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/antd.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.unipus-ppt-popover {
  padding-top: 5px !important;
}

.unipus-ppt-popover-arrow {
  display: none;
}

.unipus-ppt-popover-inner {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid #e1e6f0;
}

.unipus-ppt-popover-inner-content {
  padding: 12px !important;
}

.unipus-ppt-dropdown-menu {
  min-width: 150px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid #e1e6f0;
  margin-top: -4px;
}

.unipus-ppt-dropdown-menu-item:hover {
  background-color: rgba(50, 100, 250, 0.2);
}

.unipus-ppt-btn {
  border-radius: 4px;
  background: #f7f8fa;
}
.unipus-ppt-btn.no-padding {
  padding: 0;
}

.unipus-ppt-btn-primary {
  background: #3264fa;
  z-index: 9;
}

.unipus-ppt-radio-button-wrapper {
  text-align: center;
}

.unipus-ppt-slider-track {
  background-color: #3264fa;
}

.unipus-ppt-slider-handle {
  border-color: #3264fa;
}

.unipus-ppt-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
}
.unipus-ppt-select:not(.unipus-ppt-select-customize-input) .unipus-ppt-select-selector {
  background: #f7f8fa;
}

.unipus-ppt-select-item-option-active:not(.unipus-ppt-select-item-option-disabled) {
  background-color: rgba(50, 100, 250, 0.2);
}

.unipus-ppt-select:not(.unipus-ppt-select-customize-input) .unipus-ppt-select-selector {
  border-radius: 4px;
}

.unipus-ppt-select-focused:not(.unipus-ppt-select-disabled).unipus-ppt-select:not(.unipus-ppt-select-customize-input) .unipus-ppt-select-selector {
  box-shadow: unset;
}

.unipus-ppt-select-arrow .anticon {
  position: relative;
}
.unipus-ppt-select-arrow .anticon::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJFBMVEUAAABWW2hWXmJXXGZXXGVXXWZXXGZYXGZWW2ZWXWdYXmVXXGZtISgxAAAAC3RSTlMAOgrU9KWXf2FMKFBGms8AAABFSURBVBjTY6AtYBQEAgEop3o3EGyHcmaDODuhHDYQJwHKYbLevXuzAsyEJbt3e8GN49i9uwFhePRWJJuUjZA4TAoMNAYAr5AUdYhCaw8AAAAASUVORK5CYII=);
  background-size: 100% 100%;
  top: 0;
  right: -7px;
}
.unipus-ppt-select-arrow .anticon svg {
  display: none;
}

.unipus-ppt-select-item-option-selected:not(.unipus-ppt-select-item-option-disabled) {
  background: #e6edff;
}

.unipus-ppt-input-group .unipus-ppt-select:first-child .unipus-ppt-select-selector,
.unipus-ppt-btn-group .unipus-ppt-select:first-child .unipus-ppt-select-selector {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.unipus-ppt-input-group .unipus-ppt-select:last-child .unipus-ppt-select-selector,
.unipus-ppt-btn-group .unipus-ppt-select:last-child .unipus-ppt-select-selector {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.unipus-ppt-btn-group .unipus-ppt-btn {
  background-color: #f7f8fa;
}
.unipus-ppt-btn-group .unipus-ppt-btn:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.unipus-ppt-btn-group .unipus-ppt-btn:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.checkbox-button-group .checkbox-button {
  background-color: #f7f8fa;
  border-color: #e1e6f0;
}

.unipus-ppt-radio-group {
  white-space: nowrap;
}
.unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper {
  background-color: #f7f8fa;
}
.unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.unipus-ppt-radio-group .unipus-ppt-radio-button-wrapper:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.unipus-ppt-input-number {
  background-color: #f7f8fa;
  border-radius: 4px;
}

.unipus-ppt-input-number-affix-wrapper-focused {
  box-shadow: unset !important;
}

.unipus-ppt-input-number-affix-wrapper {
  border-radius: 4px;
  border: 1px solid #e1e6f0;
  padding-inline-start: 0;
}
.unipus-ppt-input-number-affix-wrapper .unipus-ppt-input-number-prefix {
  display: flex;
  width: 24px;
  justify-content: center;
  margin-inline-end: 0;
  background: #f7f8fa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #e1e6f0;
  font-size: 12px;
  color: #858c99;
  line-height: 12px;
}
.unipus-ppt-input-number-affix-wrapper .unipus-ppt-input-number input {
  padding-left: 10px;
}

.unipus-ppt-input-number-handler-wrap {
  opacity: 1;
  background: #f7f8fa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.unipus-ppt-input-number-handler-wrap span:first-child {
  position: relative;
}
.unipus-ppt-input-number-handler-wrap span:first-child::before {
  content: "+";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 6px;
  left: 5px;
}
.unipus-ppt-input-number-handler-wrap span:first-child svg {
  display: none;
}
.unipus-ppt-input-number-handler-wrap span:last-child {
  position: relative;
}
.unipus-ppt-input-number-handler-wrap span:last-child::before {
  content: "-";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 6px;
  left: 5px;
}
.unipus-ppt-input-number-handler-wrap span:last-child svg {
  display: none;
}

.unipus-ppt-tooltip-inner {
  font-size: 12px;
}

.unipus-ppt-input-number-input {
  line-height: 30px;
}

.upload-popconfirm .unipus-ppt-popover-message-title {
  padding-left: 0;
}

.unipus-ppt-modal-mask {
  background-color: rgba(26, 34, 51, 0.8);
}

.unipus-ppt-table .unipus-ppt-table-thead > tr > th {
  background: #f5f7fa;
  border-bottom: 1px solid #e1e6f0;
}
.unipus-ppt-table .unipus-ppt-table-thead > tr > th::before {
  display: none;
}
.unipus-ppt-table .unipus-ppt-table-cell-scrollbar {
  display: none;
}
.unipus-ppt-table .unipus-ppt-table-body {
  font-size: 14px;
  color: #575c66;
  line-height: 22px;
}
.unipus-ppt-table .unipus-ppt-table-body .unipus-ppt-table-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.unipus-ppt-message-notice-content {
  min-width: 480px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #9fe3c8;
  background: #edfaf5;
}
.unipus-ppt-message-notice-content .unipus-ppt-message-custom-content {
  display: flex;
  align-items: center;
  transform: translateY(-2px);
}
.unipus-ppt-message-notice-content .anticon {
  position: static;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/font.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: "仓耳小丸子";
  src: url(../fonts/%E4%BB%93%E8%80%B3%E5%B0%8F%E4%B8%B8%E5%AD%90.64a7acb4.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "优设标题黑";
  src: url(../fonts/%E4%BC%98%E8%AE%BE%E6%A0%87%E9%A2%98%E9%BB%91.df0c1330.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "字制区喜脉体";
  src: url(../fonts/%E5%AD%97%E5%88%B6%E5%8C%BA%E5%96%9C%E8%84%89%E4%BD%93.cb8f58a4.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "峰广明锐体";
  src: url(../fonts/%E5%B3%B0%E5%B9%BF%E6%98%8E%E9%94%90%E4%BD%93.8c45ca35.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "得意黑";
  src: url(../fonts/%E5%BE%97%E6%84%8F%E9%BB%91.7caef6f6.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "摄图摩登小方体";
  src: url(../fonts/%E6%91%84%E5%9B%BE%E6%91%A9%E7%99%BB%E5%B0%8F%E6%96%B9%E4%BD%93.7d229dc8.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "站酷快乐体";
  src: url(../fonts/%E7%AB%99%E9%85%B7%E5%BF%AB%E4%B9%90%E4%BD%93.8fd3ebd9.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "素材集市康康体";
  src: url(../fonts/%E7%B4%A0%E6%9D%90%E9%9B%86%E5%B8%82%E5%BA%B7%E5%BA%B7%E4%BD%93.ceb20972.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "素材集市酷方体";
  src: url(../fonts/%E7%B4%A0%E6%9D%90%E9%9B%86%E5%B8%82%E9%85%B7%E6%96%B9%E4%BD%93.42328465.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "途牛类圆体";
  src: url(../fonts/%E9%80%94%E7%89%9B%E7%B1%BB%E5%9C%86%E4%BD%93.a94398b6.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "锐字真言体";
  src: url(../fonts/%E9%94%90%E5%AD%97%E7%9C%9F%E8%A8%80%E4%BD%93.487089ad.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "HYQiHei_35J";
  src: url(../fonts/HYQiHei_35J.afd1137f.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "HYQiHei_55J";
  src: url(../fonts/HYQiHei_55J.606f0774.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "HYQiHei_85J";
  src: url(../fonts/HYQiHei_85J.0f478694.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "HYQiHei_105J";
  src: url(../fonts/HYQiHei_105J.5e7c6901.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-Black";
  src: url(../fonts/NotoSansJP-Black.655efa32.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-Bold";
  src: url(../fonts/NotoSansJP-Bold.477e0f26.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-ExtraBold";
  src: url(../fonts/NotoSansJP-ExtraBold.04457c97.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-ExtraLight";
  src: url(../fonts/NotoSansJP-ExtraLight.c2228440.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-Light";
  src: url(../fonts/NotoSansJP-Light.d0fbb634.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-Medium";
  src: url(../fonts/NotoSansJP-Medium.7db862de.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-Regular";
  src: url(../fonts/NotoSansJP-Regular.857f80cc.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-SemiBold";
  src: url(../fonts/NotoSansJP-SemiBold.8f25e9b5.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "NotoSansJP-Thin";
  src: url(../fonts/NotoSansJP-Thin.7b82e9f8.ttf) format("truetype");
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/common.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* flex */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-justify-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

/* clearfix */
.clearfix::after {
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  content: "";
}

/* 文字单行省略号 */
.sle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 文字多行省略号 */
.mle {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 文字多了自动换行 */
.break-word {
  word-break: break-all;
  word-wrap: break-word;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.2s;
}

.fade-transform-enter-from {
  opacity: 0;
  transition: all 0.2s;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transition: all 0.2s;
  transform: translateX(30px);
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/uppt.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.uppt-modal {
  width: 480px !important;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 0;
}
.uppt-modal .unipus-ppt-modal-content {
  height: 100%;
  border-radius: 8px;
}
.uppt-modal .unipus-ppt-modal-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.uppt-modal .unipus-ppt-modal-header .unipus-ppt-modal-title {
  font-size: 16px;
  font-weight: 500;
  color: #1a2233;
  line-height: 24px;
}
.uppt-modal .unipus-ppt-modal-body {
  padding: 24px 32px;
}
.uppt-modal-primary-btn {
  padding-top: 12px;
  margin-bottom: 0;
}
.uppt-modal-primary-btn .unipus-ppt-form-item-control-input-content {
  display: flex;
  justify-content: center;
}

.uppt-form .unipus-ppt-form-item-label > label {
  height: 100%;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #1a2233;
  line-height: 22px;
}

.uppt-input {
  height: 40px;
  color: #1a2233;
  border-radius: 4px;
  font-size: 16px;
  border: 1px solid #e1e6f0;
}
.uppt-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #858c99;
  line-height: 24px;
}
.uppt-input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #858c99;
  line-height: 24px;
}

.uppt-popover .unipus-ppt-popover-inner-content {
  width: 120px;
  padding: 4px 0 !important;
}

.uppt-slider .unipus-ppt-slider-rail {
  background-color: #e1e6f0;
}

.uppt-table-popover {
  width: 343px;
  height: 292px;
  background: #fff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.uppt-table-popover .unipus-ppt-popover-inner {
  box-shadow: unset;
  border: unset;
  border-radius: 8px;
}
.uppt-table-popover .unipus-ppt-popover-inner-content {
  padding: 16px !important;
}

.uppt-upload-table-popover {
  width: 782px;
  height: 480px;
  background: #ffffff;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.uppt-upload-table-popover .unipus-ppt-popover-inner {
  height: 100%;
  border: unset;
  box-shadow: unset;
}

.uppt-progress .unipus-ppt-progress-inner {
  background: #adcaff;
}
.uppt-progress .unipus-ppt-progress-inner .unipus-ppt-progress-success-bg,
.uppt-progress .unipus-ppt-progress-inner .unipus-ppt-progress-bg {
  height: 6px !important;
  background-color: #3264fa;
}
.uppt-progress.unipus-ppt-progress-status-success .unipus-ppt-progress-text {
  color: #3264fa;
}

.col-active-editor-popover .unipus-ppt-popover-content {
  margin-bottom: 74px;
}

.uppt-focus-editor-popover,
.uppt-table-focus-editor-popover {
  z-index: 9;
}
.uppt-focus-editor-popover.unipus-ppt-popover,
.uppt-table-focus-editor-popover.unipus-ppt-popover {
  padding: 0 !important;
}
.uppt-focus-editor-popover .unipus-ppt-popover-content,
.uppt-table-focus-editor-popover .unipus-ppt-popover-content {
  margin-top: -100px;
  border-radius: 4px;
}
.uppt-focus-editor-popover .unipus-ppt-popover-inner,
.uppt-table-focus-editor-popover .unipus-ppt-popover-inner {
  box-shadow: unset;
  border: unset;
}
.uppt-focus-editor-popover .unipus-ppt-popover-inner-content,
.uppt-table-focus-editor-popover .unipus-ppt-popover-inner-content {
  margin-bottom: 16px;
  padding: 8px !important;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(87, 92, 102, 0.26);
  border-radius: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Contextmenu/MenuContent.vue?vue&type=style&index=0&id=c919aec8&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.menu-content[data-v-c919aec8] {
  width: 200px;
  padding: 5px 0;
  background: #fff;
  border: 1px solid #e1e6f0;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  list-style: none;
  margin: 0;
}
.menu-item[data-v-c919aec8] {
  padding: 0 20px;
  font-size: 14px;
  color: #1a2233;
  transition: all 0.1s;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  cursor: pointer;
}
.menu-item:not(.disable):hover > .menu-item-content > .sub-menu[data-v-c919aec8] {
  display: block;
}
.menu-item:not(.disable):hover > .has-children.has-handler[data-v-c919aec8]::after {
  transform: scale(1);
}
.menu-item[data-v-c919aec8]:hover:not(.disable) {
  background: #f0f6ff;
  color: #3264fa;
}
.menu-item.divider[data-v-c919aec8] {
  height: 1px;
  overflow: hidden;
  margin: 5px;
  background-color: #e5e5e5;
  line-height: 0;
  padding: 0;
}
.menu-item.disable[data-v-c919aec8] {
  color: #b1b1b1;
  cursor: no-drop;
}
.menu-item-content[data-v-c919aec8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.menu-item-content.has-children[data-v-c919aec8]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #666 #666 transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.menu-item-content.has-children.has-handler[data-v-c919aec8]::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #f1f1f1;
  position: absolute;
  right: 18px;
  top: 3px;
  transform: scale(0);
  transition: transform 0.2s;
}
.menu-item-content .sub-text[data-v-c919aec8] {
  font-size: 14px;
  color: #575c66;
  line-height: 22px;
}
.menu-item-content .sub-menu[data-v-c919aec8] {
  width: 120px;
  position: absolute;
  display: none;
  left: 112%;
  top: -6px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Contextmenu/index.vue?vue&type=style&index=0&id=e70aeb5c&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
}
.contextmenu {
  position: fixed;
  z-index: 9999;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}