/* Color
----------------------- */
.container[data-v-5a6e1be0] {
  width: 100%;
  height: 100%;
}
/* Color
----------------------- */
.office-conatiner[data-v-d00409d0] {
  position: relative;
  height: 100%;
}
.office-conatiner .container[data-v-d00409d0] {
  width: 100%;
  height: 100%;
}
.office-conatiner .expand-shrink[data-v-d00409d0] {
  position: absolute;
  right: 160px;
  top: 0px;
  text-align: center;
  height: 31px;
  width: 40px;
  line-height: 31px;
  cursor: pointer;
}
.office-conatiner .expand-shrink[data-v-d00409d0]:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.office-conatiner .expand-shrink .expand[data-v-d00409d0] {
  font-weight: bolder;
  color: #dbe1e9;
}
.office-conatiner .expand-shrink .shrink[data-v-d00409d0] {
  font-weight: bolder;
  color: #dbe1e9;
}
.layout-content:not(:has(iframe[src*="mode=view"])) .expand-shrink[data-v-d00409d0] {
  right: 40px;
}
.fullscreen-element[data-v-d00409d0] {
  position: fixed;
  inset: 0;
  z-index: 10000000;
}
.fullscreen-element[data-v-d00409d0] iframe {
  width: 100vw !important;
  height: 100vh !important;
}
.wps .expand-shrink[data-v-d00409d0] {
  top: initial !important;
  bottom: -1px !important;
  right: 270px !important;
}
.wps .expand-shrink[data-v-d00409d0]:hover {
  background-color: transparent !important;
}
.wps .expand-shrink .expand[data-v-d00409d0] {
  color: #757575;
}
.wps .expand-shrink .shrink[data-v-d00409d0] {
  color: #757575;
}
/* Color
----------------------- */
.img-box[data-v-19367694] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.img-box[data-v-19367694] {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img-box[data-v-19367694] img {
  width: 100% !important;
  height: 100%;
}
/* Color
----------------------- */
.container[data-v-d18419aa] {
  width: 100%;
  height: 100%;
}
.container-txt-box[data-v-d18419aa] {
  max-width: 790px;
  height: 100%;
  margin: 0 auto;
}
.container-txt-box .text-editor[data-v-d18419aa] {
  width: 100%;
  height: 100%;
  font-size: 14px;
  letter-spacing: 2px;
  font-family: tahoma;
  border: solid 0px;
  resize: none;
  outline: none;
  padding: 0 24px;
}
/* Color
----------------------- */
.video-container[data-v-5a1d36bf] {
  width: 100%;
  height: 100%;
}
.video-container .video-js[data-v-5a1d36bf] {
  width: 100%;
  height: 100%;
}
.video-container .empty-box[data-v-5a1d36bf] {
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #4e5969;
  color: #86909c;
  margin: auto;
  padding-top: 200px;
}
.video-container .empty-box .empty-box-title[data-v-5a1d36bf] {
  margin-top: 26px;
}
/* Color
----------------------- */
.video-container .vjs-big-play-button {
  z-index: 1;
  left: 50% !important;
  top: 50% !important;
  margin-top: -25px;
  margin-left: -45px;
}
.video-container .vjs-control-bar {
  z-index: 1;
}
.video-container .vjs-menu-content li.vjs-menu-item {
  margin-left: 0;
}
.video-container .vjs-quality-selector.vjs-menu-button-popup .vjs-menu {
  width: 80px;
  left: 0;
}
.video-container .vjs-quality-selector.vjs-menu-button-popup {
  width: 80px;
  text-align: center;
}
/* Color
----------------------- */
.audio-container[data-v-68f7489a] {
  width: 790px;
  margin: 50px auto;
}
.audio-container .audio-play[data-v-68f7489a] {
  width: 100%;
}
/* Color
----------------------- */
#drawioContainer {
  height: 100%;
  width: 100%;
  text-align: center;
}
#drawioContainer > span {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#drawioContainer img {
  vertical-align: middle;
}
#drawioContainer iframe {
  border: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
/* Color
----------------------- */
.zip__container[data-v-e9b37b76] {
  width: 100%;
  height: 100%;
}
.zip__container .zip__box[data-v-e9b37b76] {
  margin: 0 auto;
  width: 40%;
  height: 100%;
}
.zip__container .zip__box .zip__box__title[data-v-e9b37b76] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.zip__container .zip__box .file-zip-doing[data-v-e9b37b76] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.zip__container .zip__box .file-zip-doing .file-zip-doing__text[data-v-e9b37b76] {
  width: 392px;
  height: 230px;
  flex-shrink: 0;
  flex-direction: column;
  display: flex;
  justify-items: center;
  align-items: center;
}
.zip__container .zip__box .file-zip-doing .file-zip-doing__text .fill-font[data-v-e9b37b76] {
  margin-top: 34px;
  margin-bottom: 24px;
  color: var(--text-icon-font-gy-260-secondary, rgba(0, 0, 0, 0.6));
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.zip__container .zip__box .zip__box__header[data-v-e9b37b76] {
  padding-top: 76px;
}
.zip__container .zip__box .zip__box__header .zip__box__header__title[data-v-e9b37b76] {
  width: 800px;
  height: 68px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E5E6EB;
}
.zip__container .zip__box .zip__box__header .zip__box__header__title .zip__box__header__title__text[data-v-e9b37b76] {
  height: 56px;
  display: flex;
  align-items: center;
}
.zip__container .zip__box .zip__box__header .zip__box__header__title .zip__box__header__title__text .title_font[data-v-e9b37b76] {
  margin-left: 6px;
  color: var(---Text-5, #1D2129);
  font-family: "PingFang SC";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.zip__container .zip__box .zip__box__content[data-v-e9b37b76] {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.zip__container .zip__box .zip__box__content-done[data-v-e9b37b76] {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
.empty-box[data-v-e9b37b76] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box[data-v-e9b37b76] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.empty-box[data-v-e9b37b76] {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #4e5969;
  color: #86909c;
}
.empty-box .empty-box-title[data-v-e9b37b76] {
  margin-top: 26px;
}
/* Color
----------------------- */
.file-zip-done .arco-tree-node-title-text {
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.file-zip-done .arco-tree-node-icon arco-tree-node-custom-icon {
  margin-top: 15px;
}
.zip__a__tree__box .arco-tree-node-title:hover {
  background-color: transparent !important;
}
.zip__a__tree__box .arco-tree-node-selected .arco-tree-node-title,
.zip__a__tree__box .arco-tree-node-selected .arco-tree-node-title:hover {
  color: unset !important;
}
/* Color
----------------------- */
.empty-box[data-v-ee7bdb98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box[data-v-ee7bdb98] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.empty-box[data-v-ee7bdb98] {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #4e5969;
  color: #86909c;
}
.empty-box .empty-box-title[data-v-ee7bdb98] {
  margin-top: 26px;
}
/* Color
----------------------- */
.lucky-sheet[data-v-193e2dc6] {
  width: 100%;
  height: 100%;
}
.lucky-sheet[data-v-193e2dc6] .luckysheet-scrollbar-ltr {
  z-index: 3;
}
/* Color
----------------------- */
.luckysheet-cols-menu div[itemvalue="w0.00"] {
  display: none;
}
.luckysheet-cols-menu div[itemvalue="w"] {
  display: none !important;
}