.error-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.header {
  width: 100%;
  flex-shrink: 0;
}
.content-container {
  flex: 1;
  display: flex;
  justify-content: center;
  padding: 70px 0;
  gap: 65px;
  align-items: center;
  width: 100%;
}
.content-container > img {
  width: 300px;
  height: 210px;
}
.content-container .not-found-num {
  color: #525966;
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}
.content-container .not-found-desc {
  color: #525966;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-top: 8px;
}
.content-container .go-home {
  margin-top: 24px;
  display: inline-flex;
  padding: 8px 48px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: #3c38ff;
  text-decoration: none;
  color: #fff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
@media (max-width: 768px) {
  .h5-hide-ai-image {
    display: none;
  }
  .content-container {
    flex-direction: column;
    gap: 0px;
    justify-content: center;
    padding: 30px 0;
  }
  .content-container > img {
    width: 198px;
    height: 139px;
  }
  .content-container .not-found-num {
    font-size: 40px;
    text-align: center;
  }
  .content-container .not-found-desc {
    font-size: 16px;
  }
}
.header-navigate {
  width: 100%;
  padding: 0 80px;
  height: 72px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  gap: 40px;
}
.pc-header .logo {
  flex-shrink: 0;
}
.pc-header .navigate {
  flex: 1;
  display: flex;
  gap: 40px;
}
.pc-header .navigate > a {
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
}
.pc-header .navigate > a:hover {
  color: #3c38ff;
}
.pc-header .login-container {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.pc-header .login-container .login {
  padding: 6px 8px;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  text-decoration: none;
}
.pc-header .login-container .login:hover {
  color: #3c38ff;
}
.pc-header .login-container .sign {
  display: flex;
  padding: 6px 8px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  background: linear-gradient(109deg, #ffa336 2.86%, #ff36c7 35%, #8c45ff 65.3%, #33f 100%);
}
.pc-header .login-container .sign:hover {
  background: linear-gradient(109deg, #33f 2.25%, #8c45ff 36.95%, #ff36c7 67.25%, #ffa336 99.4%);
}
.h5-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background-color: #fff;
  display: none;
}
.h5-header .menu-icon {
  font-size: 24px;
  background: none;
  border: none;
  color: #000;
}
.mobile-menu {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f9ff;
  box-sizing: border-box;
  margin-top: 10px;
}
.mobile-menu .logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dee8f9;
  padding: 0 15px;
  height: 48px;
  background: #fff;
}
.mobile-menu nav {
  padding: 0 15px;
  background: #fff;
}
.mobile-menu nav a {
  display: block;
  padding: 10px 0;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
  color: #375375;
}
.close-icon {
  font-size: 24px;
  background: none;
  border: none;
}
.mobile-menu .login-container {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 16px;
}
.mobile-menu .login-container .login {
  flex: 1;
  font-weight: 600;
  color: #000;
  text-align: center;
  border: 1px solid #11229e80;
  border-radius: 9999px;
  text-decoration: none;
  padding: 10px 0;
}
.mobile-menu .login-container .sign {
  flex: 1;
  font-weight: 600;
  color: #000;
  text-align: center;
  border-radius: 9999px;
  text-decoration: none;
  background: #00eab4;
  padding: 10px 0;
}
@media (min-width: 1280px) {
  .pc-header {
    display: flex;
  }
  .h5-header,
  .mobile-menu {
    display: none;
  }
}
@media (max-width: 1279px) {
  .pc-header {
    display: none;
  }
  .h5-header {
    display: flex;
  }
}
.pc-footer {
  padding: 51px 70px 30px 70px;
  background: #f5f7fa;
  display: flex;
  flex-direction: column;
}
.pc-footer .footer-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  max-width: 1440px;
  margin: 0 auto;
}
.pc-footer .footer-container .footer-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 80px;
}
.pc-footer .footer-column-item {
  width: 140px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pc-footer .footer-column-item h3 {
  color: #000;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
.pc-footer .footer-column-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pc-footer .footer-column-item ul li a {
  text-decoration: none;
  color: #222;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
}
.pc-footer .footer-column-item ul li a:hover {
  color: #3c38ff;
}
.pc-footer .divider {
  border-top: 1px solid #7c7c7c;
  margin: 20px 0;
  width: 100%;
}
.pc-footer .footer-bottom {
  text-align: left;
  color: #375375;
}
.pc-footer .footer-column-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.pc-footer .footer-column-list .footer-column-item.education-scope {
  flex: 0 0 210px;
  max-width: 210px;
}
.pc-footer .footer-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.pc-footer .footer-left .social-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  font-size: 14px;
}
.pc-footer .footer-left .social-links a {
  flex: 0 0 24px;
  text-decoration: none;
  background: #383d38;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.pc-footer .footer-left .social-links a:hover {
  background: #3c38ff;
}
@media (max-width: 1440px) and (min-width: 769px) {
  .pc-footer .footer-container {
    margin: 0;
  }
  .pc-footer .footer-container .footer-content {
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .pc-footer .footer-column-list {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .pc-footer {
    padding: 32px 16px;
  }
  .pc-footer .footer-container {
    margin: 0;
  }
  .pc-footer .footer-container .footer-content {
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .pc-footer .footer-container .footer-left {
    flex-direction: column;
  }
  .pc-footer .footer-column-list {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .pc-footer .footer-column-list .footer-column-item.education-scope {
    gap: 16px;
    flex: 1 1 auto;
    width: 210px;
  }
}
.file-upload-status {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  border-radius: 8px;
  background-color: #EDF2FF;
  width: 450px;
}
.file-upload-status.failed {
  background-color: #FFF5ED;
}
.file-upload-status.failed .file-info p {
  color: #FF521C;
}
.file-upload-status .file-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.file-upload-status .file-info {
  flex: 1;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}
.file-upload-status .file-info h2 {
  font-size: 13px;
  line-height: 20px;
  color: #000;
  width: 320px;
}
.file-upload-status .file-info p {
  font-size: 11px;
  line-height: 1.2;
  color: #525866;
}
.file-upload-status .file-progress {
  display: flex;
  gap: 13px;
  align-items: center;
  color: #525866;
  font-size: 12px;
}
.file-upload-status .file-delete,
.file-upload-status .file-redo {
  color: #525866;
  font-size: 16px;
  cursor: pointer;
}
.message-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.message-list .message-wrapper.message-wrapper-hide {
  display: none;
}
.message-list .message-wrapper .choose-response-tip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  line-height: 1.4;
  margin-left: 52px;
  margin-bottom: 16px;
}
.message-list .message-wrapper .choose-response-tip .choose-response-tip-title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.message-list .message-wrapper .choose-response-tip .choose-response-tip-description {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  text-align: center;
}
.message-list .message-wrapper .message-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.message-list .message-wrapper .message-container .file-avatar {
  margin-left: 34px;
}
.message-list .message-wrapper .message-container .message-content-wrapper {
  max-width: calc(100% - 52px);
  position: relative;
}
.message-list .message-wrapper .message-container .message-content-wrapper .quote {
  width: 100%;
  display: flex;
  gap: 4px;
  color: #525966;
  align-items: flex-start;
  margin-block-end: 8px;
  font-size: 13px;
  line-height: 20px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .quote .custom-icon-container {
  font-size: 16px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .quote p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .message-wrapper .message-container .message-content-wrapper.message-content-wrapper-human {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}
.message-list .message-wrapper .message-container .message-content-wrapper.message-content-hide {
  display: none;
}
.message-list .message-wrapper .message-container .message-content-wrapper.message-content-wrapper-fill {
  flex: 1;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  min-width: 32px;
  padding: 12px;
  border-radius: 8px;
  width: fit-content;
  max-width: 100%;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content-file {
  background: none !important;
  padding: 0;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-core {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .prompt-message-text {
  line-height: 20px;
  font-size: 14px;
  color: #000000;
  white-space: break-spaces;
  word-break: break-word;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content.message-content-human {
  background: #d8d8ff;
  overflow: hidden;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content.message-content-ai {
  background: #ffffff;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content.message-content-can-select {
  cursor: pointer;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content.message-content-selected {
  background: #ebebff;
  box-shadow: 0 0 0 1px #3c38ff;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .network-error {
  color: #fb4c4c;
  line-height: 24px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .network-error .network-error-icon {
  font-size: 18px;
  justify-self: flex-start;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor:empty::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > :not(ol):not(ul):not(pre):last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ol:last-child > li:last-child > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ol:last-child > li:last-child > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ul:last-child > li:last-child > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ol:last-child > li:last-child > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ol:last-child > li:last-child > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ul:last-child > li:last-child > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ol:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ol:last-child > li:last-child > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ol:last-child > li:last-child > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ul:last-child > li:last-child > ol:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child:not(:has(ol, ul, p))::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ol:last-child > li:last-child > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ol:last-child > li:last-child > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ul:last-child > li:last-child > ol:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > p:last-child::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > pre:last-child code::after {
  content: '';
  background-color: #000;
  display: inline-flex;
  width: 7px;
  height: 16px;
  margin-left: 0.25rem;
  font-family: Roboto;
  vertical-align: middle;
  font-size: 100% !important;
  line-height: 20px;
  animation: blink 1s steps(5, start) infinite;
}
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor:empty::after,
.message-list .message-wrapper .message-container .message-content-wrapper .message-content .message-content-cursor > pre:last-child code::after {
  margin-left: 0;
}
.message-list .message-wrapper .message-container .message-content-wrapper .ai-message-tips {
  margin-bottom: 8px;
  margin-top: 4px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .ai-message-tips__cursor::after {
  content: '';
  background-color: #000;
  display: inline-flex;
  width: 7px;
  height: 16px;
  margin-left: 0.25rem;
  font-family: Roboto;
  vertical-align: middle;
  font-size: 100% !important;
  line-height: 20px;
  animation: blink 1s steps(5, start) infinite;
}
.message-list .message-wrapper .message-container .message-content-wrapper .sub-messages-container {
  display: grid;
  gap: 12px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .sub-messages-container .message-content {
  transition: all 0.3s ease;
}
.message-list .message-wrapper .message-container .message-content-wrapper .sub-messages-container .message-content.message-content-hover:hover {
  box-shadow: 0 0 0 1px #3c38ff, 0 0 8px rgba(60, 56, 255, 0.3);
}
.message-list .message-wrapper .message-container .message-content-wrapper .operators {
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  padding: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
}
.message-list .message-wrapper .message-container .message-content-wrapper .operators.operators-answer {
  border-radius: 8px;
  margin-top: 4px;
}
.message-list .message-wrapper .message-container .message-content-wrapper .operators .operator-icon {
  color: rgba(0, 0, 0, 0.6);
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.message-list .message-wrapper .message-container .message-content-wrapper .operators .operator-icon-hover:hover {
  color: rgba(0, 0, 0);
}
.message-list .message-wrapper .message-container .message-content-wrapper.message-content-wrapper-desktop:hover .operator-prompt {
  opacity: 1;
}
.message-list .message-wrapper:last-child {
  margin-bottom: 0;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.file-content {
  position: relative;
  display: flex;
  min-width: 180px;
  max-width: 100%;
  width: 270px;
}
.file-content.silent:hover,
.file-content.silent div:hover {
  cursor: default !important;
}
.file-content-main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 180px;
  max-width: 100%;
  width: 270px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #e6e9f0;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.file-content.error .file-content-main {
  border-color: #fb4c4c;
}
.file-content .file-delete {
  position: absolute;
  color: #fff;
  font-size: 12px;
  padding: 4px;
  border-radius: 50%;
  background-color: #9da4b2;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.file-content .file-icon {
  font-size: 36px;
}
.file-content .file-title-wrapper {
  width: calc(100% - 48px);
  flex: 1;
  max-width: 202px;
  display: flex;
  flex-direction: column;
}
.file-content .file-title-wrapper h1 {
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 4px;
  color: #000000;
}
.file-content .file-title-wrapper .loading-progress,
.file-content .file-title-wrapper .page-count {
  display: inline-flex;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  color: #525866;
}
.file-content .file-title-wrapper .loading-progress .percent-num,
.file-content .file-title-wrapper .page-count .percent-num {
  display: inline-block;
  width: 32px;
}
.file-content .file-title-wrapper .error-msg {
  display: inline-flex;
  gap: 4px;
}
.file-content .file-title-wrapper .error-msg-text {
  font-size: 12px;
  line-height: 18px;
  color: #fb4c4c;
}
.file-content .file-title-wrapper .error-msg .file-redo {
  font-size: 16px;
  color: #525866;
}
.file-content .file-progress {
  width: calc(100% - 2px);
  height: 3px;
  position: absolute;
  left: 1px;
  bottom: 0;
  border: 1px solid transparent;
  margin: 0;
}
.file-content .file-progress .chat-progress-outer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-content .file-progress .chat-progress-outer,
.file-content .file-progress .chat-progress-inner,
.file-content .file-progress .chat-progress-bg {
  height: 4px !important;
}
.file-tooltip {
  max-width: 270px;
}
.file-tooltip .file-tooltip-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.file-tooltip .file-tooltip-text {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.human-fake-prompt {
  padding: 12px;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  word-break: break-word;
}
.human-fake-prompt .tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.human-fake-prompt .tags span {
  display: flex;
  padding: 0 8px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #e6e9f0;
  color: #818999;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.message-media-parsing {
  display: flex;
  margin-block-start: 12px;
  margin-inline-start: 52px;
  color: #818999;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.message-media-parsing.empty {
  margin-block-start: -26px;
}
.message-media {
  margin-inline-start: 44px;
  margin-block-start: 12px;
}
.message-media.silent .media-list-item > .custom-icon-container {
  display: none !important;
}
.message-media.media-as-content {
  margin-block-start: -32px;
}
.message-media.message-check {
  margin-inline-start: 76px;
}
.message-media .title {
  margin-block-end: 8px;
  color: #818999;
  line-height: 1.4;
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.message-media .content {
  display: flex;
  gap: 12px;
}
.message-media .content .media-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  overflow: hidden;
  flex-wrap: wrap;
  height: 68px;
}
.message-media .content .media-list .media-list-item {
  position: relative;
}
.message-media .content .media-list .media-list-item:hover > .custom-icon-container {
  display: flex;
}
.message-media .content .media-list .media-list-item > .custom-icon-container {
  display: none;
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 16px;
  width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.message-media .content .media-list .media-list-item > .custom-icon-container:hover {
  background-color: #3c38ff;
}
.message-media .content.launch .media-list {
  flex-wrap: wrap;
  overflow: unset;
  height: auto;
}
.send-controller-view .file-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  border: 1px solid #e6e9f0;
  background-color: #fff;
}
.send-controller-view .file-container.error {
  border-color: #fa4c3c;
}
.send-controller-view .file-container.error:hover {
  border-color: #fa4c3c;
}
.send-controller-view .file-container.disabled {
  opacity: 0.6;
}
.send-controller-view .file-container:not(.img) {
  min-width: 180px;
  max-width: 100%;
  width: 270px;
  height: 67px;
}
.send-controller-view .file-container:hover {
  border-color: #d3d7e0;
  background-color: #f5f7fa;
}
.send-controller-view .file-container:hover .close-icon {
  display: block;
}
.send-controller-view .file-container .file-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.send-controller-view .file-container .file-main .file-main-contanier {
  padding: 12px;
  flex: 1;
  gap: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
.send-controller-view .file-container .close-icon {
  display: none;
  cursor: pointer;
  font-size: 12px;
  padding: 4px;
  color: #fff;
  background-color: #9da4b2;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
}
.send-controller-view .file-container .close-icon:hover {
  background-color: #3c38ff;
}
.send-controller-view .file-container .file-icon {
  font-size: 36px;
}
.send-controller-view .file-container .file-info {
  width: calc(100% - 48px);
  flex: 1;
  max-width: 202px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.send-controller-view .file-container .file-info h2 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #000000;
}
.send-controller-view .file-container .file-info .desc {
  display: flex;
  gap: 4px;
}
.send-controller-view .file-container .file-info .desc.error p {
  color: #ff401a;
}
.send-controller-view .file-container .file-info .desc p {
  flex: 1;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.send-controller-view .file-container .file-info .desc .redo-icon {
  font-size: 16px;
}
.send-controller-view .file-container .file-progress {
  width: calc(100% - 2px);
  height: 3px;
  position: absolute;
  left: 1px;
  bottom: 0px;
  margin: 0;
}
.send-controller-view .file-container .file-progress .chat-progress-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3px;
}
.send-controller-view .file-container .file-progress .chat-progress-outer,
.send-controller-view .file-container .file-progress .chat-progress-inner,
.send-controller-view .file-container .file-progress .chat-progress-bg {
  height: 3px !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.send-controller-view .file-container .file-progress .chat-progress-bg {
  border-bottom-right-radius: 0 !important;
}
.send-controller-view .file-container .input-file-error .chat-tooltip-inner {
  max-width: 210px;
}
.sendcontrollerview-file-error-tooltip .chat-tooltip-inner {
  max-width: 240px;
  font-size: 12px;
}
._icon_vzdlh_1 {
  margin-right: 8px;
}
.disabled {
  cursor: not-allowed !important;
}
.disabled .enhance-to-upload,
.disabled .beta {
  color: #A9AEB8 !important;
  cursor: not-allowed !important;
}
.add-file-item.url-btn {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #3c38ff;
  height: 32px;
  padding: 8px;
  border-radius: 8px;
}
.add-file-item.url-btn .custom-icon-container {
  font-size: 16px;
}
.add-file-item.url-btn .link-icon {
  font-size: 16px;
}
.add-file-item.url-btn .link-text {
  flex-grow: 1;
  transition: all 0.3s ease;
  font-size: 13px;
  font-weight: 400;
}
.hover-shadow-container {
  transition: 0.3s background-color;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.hover-shadow-container:hover {
  border-radius: 4px;
  background-color: #f5f7fa;
}
.hover-shadow-container.disabled {
  cursor: not-allowed !important;
}
.hover-shadow-container.disabled * {
  color: #9da4b2 !important;
}
.confirm-modal .chat-modal-content {
  padding: 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
}
.confirm-modal .chat-modal-content .chat-modal-close {
  top: 12px;
  right: 12px;
}
.confirm-modal .chat-modal-content .chat-modal-close .close-icon {
  font-size: 20px;
  color: #000;
}
.confirm-modal .chat-modal-content .chat-modal-close:hover {
  background: rgba(0, 0, 0, 0.06);
}
.confirm-modal .chat-modal-content h1 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  letter-spacing: -0.36px;
  margin-bottom: 5px;
}
.confirm-modal .chat-modal-content .confirm-tips {
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
}
.confirm-modal .chat-modal-content .buttons {
  display: flex;
  justify-content: flex-end;
}
.confirm-modal .chat-modal-content .buttons button {
  min-width: 120px;
  height: 44px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.88);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.confirm-modal .chat-modal-content .buttons .cancel-btn {
  color: #000;
  background: rgba(0, 0, 0, 0.12);
}
.confirm-modal .chat-modal-content .buttons .cancel-btn:hover {
  background: rgba(0, 0, 0, 0.06);
}
.confirm-modal .chat-modal-content .buttons .confirm-btn {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.88);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 8px 8px 0px rgba(0, 0, 0, 0.16);
}
.confirm-modal .chat-modal-content .buttons .confirm-btn:hover {
  background: rgba(0, 0, 0, 0.6);
}
.chat-view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 52px;
  padding: 12px;
  background: #ffffff;
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.chat-view-header .header-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  gap: 8px;
  overflow: hidden;
}
.chat-view-header .header-title .back-home {
  display: none;
}
@media screen and (max-width: 768px) {
  .chat-view-header .header-title .back-home {
    display: flex;
    align-items: center;
  }
  .chat-view-header .header-title .back-home .custom-icon-container:has(.popai-left) {
    font-size: 24px;
  }
  .chat-view-header .header-title .back-home .custom-icon-container:has(.popai-left) span {
    color: #000;
  }
}
.chat-view-header .header-title .header-icon {
  font-size: 28px;
  color: #3c38ff;
}
.chat-view-header .header-title .header-info {
  overflow: hidden;
  flex: 1;
  font-weight: 600;
}
.chat-view-header .header-title .header-info > h1 {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.chat-view-header .user-actions-container {
  margin: 0px;
}
.checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}
.checkbox .checked-icon {
  color: #3c38ff;
  font-size: 18px;
}
.checkbox input {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.checkbox.checkbox-checked {
  border-color: #3c38ff;
}
._reasoning_1kw4o_1 {
  border-radius: 8px;
  margin-bottom: 12px;
}
._header_1kw4o_5 {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  padding: 10px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--White-100, #fff);
}
._title_1kw4o_15 {
  display: flex;
  align-items: center;
  color: var(--Gray-100, #000);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  gap: 8px;
}
._arrow_1kw4o_27 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: transform 0.2s ease;
}
._arrow_1kw4o_27._expanded_1kw4o_32 {
  transform: rotate(180deg);
}
._content_1kw4o_35 {
  position: relative;
  padding-left: 8px;
  margin-top: 8px;
  display: none;
  opacity: 0;
}
._content_1kw4o_35._expanded_1kw4o_32 {
  display: block;
  opacity: 1;
}
._decorator_1kw4o_46 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(---, #d3d7e0);
  border-radius: 1px;
}
._text_1kw4o_55 {
  white-space: pre-wrap;
  word-break: break-all;
  color: var(---, #818999);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.scale-container {
  display: grid;
  grid-template-rows: auto;
  padding-bottom: 56.25%;
  width: 100%;
}
.scale-container .scale-content {
  margin-bottom: calc(var(--container-width) * -0.5625);
}
.scale-container .scale-content.enable {
  transform-origin: top left;
  transform: scale(var(--content-scale));
}
.card-add-container {
  position: absolute;
  width: 100%;
  height: 12px;
  bottom: -12px;
  display: flex;
  align-items: center;
}
.card-add-container:hover .card-add-line {
  display: flex;
}
.card-add-line {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2px;
  background-color: #9998fd;
  flex: 1;
}
.card-add-btn {
  display: flex;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #3c38ff;
  cursor: pointer;
  color: #fff;
  z-index: 10;
}
.card-add-btn:hover + .card-type {
  display: flex;
}
.card-loading {
  position: relative;
  overflow: hidden;
  width: calc(820px - 2px / var(--p-card-scale));
  min-height: 420px;
  background-color: #f5f7fa;
  border-radius: var(--p-card-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.layout-cover {
  box-sizing: border-box;
  border: 1.5px solid transparent;
  border-radius: 5px;
  cursor: pointer;
}
.layout-cover svg {
  width: 100%;
  height: 100%;
}
.layout-cover.active {
  padding: 2px;
  border-color: var(---, #3c38ff);
}
.ai-card-generator {
  max-width: 1024px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  overflow: hidden;
  width: calc(820px - 2px / var(--p-card-scale));
  max-height: var(--p-card-max-card-height);
  background-color: #f5f7fa;
  border-radius: var(--p-card-border-radius);
  margin-bottom: var(--p-card-gap);
}
.ai-card-generator.active-card {
  outline: 3px solid #3333ff90;
}
.ai-card-generator .header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: space-between;
}
.ai-card-generator .header .header-content {
  display: flex;
  align-items: center;
}
.ai-card-generator .header .sparkle {
  color: #7c3aed;
  margin-inline-end: 8px;
  font-size: 16px;
}
.ai-card-generator .header h1 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.ai-card-generator .input-wrapper {
  margin-bottom: 16px;
}
.ai-card-generator .input-wrapper textarea {
  resize: none;
}
.ai-card-generator .input-wrapper .ant-input {
  font-size: 16px;
  padding: 12px 16px;
  border-radius: 8px;
}
.ai-card-generator .input-wrapper .ant-input::placeholder {
  color: #9ca3af;
}
.ai-card-generator .layouts-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(96px, 1fr));
  grid-template-rows: auto;
  gap: 8px;
  margin-bottom: 16px;
  overflow-x: auto;
  padding-bottom: 16px;
}
.ai-card-generator .layouts-grid::-webkit-scrollbar {
  height: 5px;
}
.ai-card-generator .layouts-grid::-webkit-scrollbar-track {
  background-color: #d1d5db;
  border-radius: 5px;
  margin-left: 180px;
  margin-right: 180px;
}
.ai-card-generator .layouts-grid::-webkit-scrollbar-thumb {
  background-color: #3c38ff;
  border-radius: 5px;
}
.ai-card-generator .layouts-grid .layout-item {
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s;
  width: 96px;
  height: 64px;
  font-size: 11px;
}
.ai-card-generator .layouts-grid .layout-item .layout-preview {
  background-color: #f3f4f6;
  border-radius: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-card-generator .layouts-grid .layout-item .layout-preview .preview-content {
  width: 80%;
  height: 80%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-card-generator .layouts-grid .layout-item .layout-preview .preview-content .placeholder {
  background-color: #d1d5db;
  height: 16px;
  border-radius: 4px;
}
.ai-card-generator .footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.ai-card-generator .footer .operation-btn {
  height: 36px;
  width: 155px;
  font-size: 14px;
}
.card-context-menu .chat-dropdown-menu-item {
  display: flex;
  height: 32px;
  padding: 8px;
  align-items: center;
}
.card-context-menu .chat-dropdown-menu-item .chat-dropdown-menu-title-content {
  display: flex;
  gap: 4px;
  height: 32px;
  align-items: center;
}
.card-context-menu .chat-dropdown-menu-item .chat-dropdown-menu-title-content.ant-menu-item-danger .anticon {
  color: #ff4d4f;
}
.presentation-card-wrapper {
  position: relative;
}
.presentation-card-wrapper.active-card .presentation-card-container {
  outline: calc(2px / var(--p-card-scale)) solid #3333ff90;
  border-radius: 8px;
}
.presentation-card-wrapper .card-toolbar {
  position: absolute;
  top: 8px;
  inset-inline-start: 8px;
  z-index: 10;
  display: flex;
  width: 56px;
  height: 28px;
  gap: 8px;
  padding: 4px;
  background: rgba(255, 255, 255);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.presentation-card-wrapper .toolbar-btn {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s;
}
.presentation-card-wrapper .toolbar-btn.regenerate {
  color: #3333ff;
}
.presentation-card-wrapper .toolbar-btn.delete {
  color: #ff401a;
}
.presentation-card-wrapper .toolbar-btn:hover {
  opacity: 0.8;
}
.presentation-card-wrapper .card-generator-overlay {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.presentation-card-wrapper .card-generator-overlay .card-generator {
  width: 432px;
  position: absolute;
  top: 50px;
  inset-inline-start: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.presentation-card-wrapper .card-add-container {
  height: calc(var(--p-card-gap));
  bottom: calc(-1 * var(--p-card-gap));
}
.ai-card-generator.card-generator-add .layouts-grid::-webkit-scrollbar-track {
  margin-left: 370px;
  margin-right: 370px;
}
.AI_TEXT_COLOR {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(89.53deg, #3c38ff -7.37%, #7231ff 56.74%, #a02cff 106.03%);
}
.ai-text-color {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(89.53deg, #3c38ff -7.37%, #7231ff 56.74%, #a02cff 106.03%);
}
.img-toolbar__popover .chat-popover-inner {
  padding: 4px 8px;
}
.img-toolbar__wrapper {
  display: flex;
  align-items: center;
  gap: 17px;
  height: 28px;
}
.img-toolbar__item {
  min-width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.img-toolbar__item:hover {
  border-radius: 8px;
  background: #f4f4f4;
}
.img-toolbar__item::after {
  display: block;
  position: absolute;
  content: '';
  width: 1px;
  height: 20px;
  right: -8px;
  top: 2px;
  background: #efefef;
}
.img-toolbar__item:last-child::after {
  display: none;
}
.img-toolbar__gallery {
  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 4px;
}
.img-toolbar__dropdown {
  display: flex;
  align-items: center;
}
.img-toolbar__dropdown-text {
  margin-inline-start: 8px;
  font-size: 12px;
}
.img-toolbar__collection {
  display: flex;
  align-items: center;
}
.img-toolbar__ai-img {
  font-size: 12px;
  font-weight: 400;
  padding: 0 3px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(89.53deg, #3c38ff -7.37%, #7231ff 56.74%, #a02cff 106.03%);
}
.img-toolbar__dropdown-container {
  width: 150px;
}
.p-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.p-image-wrapper--focus {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  outline-style: solid;
  outline-width: 4px;
  outline-color: #3c38ff;
  pointer-events: none;
  z-index: 1;
  outline-offset: -2px;
}
.p-image-wrapper--loading {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  color: #3c38ff;
  font-size: 14px;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.p-image-wrapper--loading :first-child {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(0, 0, 0, 0.12);
  border-bottom-color: #3c38ff;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: img-loading-rotation 1s linear infinite;
}
.p-image-wrapper--failed {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 10;
  color: #e94f44;
  font-size: 14px;
}
.p-image-wrapper--failed :last-child {
  white-space: nowrap;
}
@keyframes img-loading-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.p-image-wrapper.p-image-none {
  background: #eeeeee url('/assets/picture-8063ad7e.svg') no-repeat center;
}
.p-image-wrapper .p-image-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.p-image-wrapper .p-image-content img,
.p-image-wrapper .p-image-content image {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: none;
  pointer-events: none;
}
.p-image-wrapper.p-image-loading .p-image-change {
  cursor: default;
}
.p-image-wrapper .p-image-change {
  display: none;
  cursor: pointer;
  color: white;
  position: absolute;
  font-size: 12px;
  padding: 6px 8px;
  right: 10px;
  bottom: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  z-index: 1;
}
.p-image-wrapper .p-image-change:hover {
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.6);
}
.p-image-wrapper:hover .p-image-change {
  transition: all 0.3s ease;
  display: block !important;
}
.present-toolbar-btn {
  display: inline-flex;
  padding: 4px 8px;
  align-items: center;
  height: 36px;
  gap: 17px;
  border-radius: 8px;
  overflow: hidden;
  transform: scale(calc(1 / var(--p-card-scale)));
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.12);
}
.present-toolbar-btn > button {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  border: none;
  height: 24px;
  padding: 0 10px;
  background: #fff;
  color: #000;
  font-size: 13px;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  gap: 6px;
  white-space: nowrap;
}
.present-toolbar-btn > button .toolbar-icon {
  font-size: 16px;
}
.present-toolbar-btn > button:not(:first-child)::before {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  background: #efefef;
  position: absolute;
  left: -9px;
}
.present-toolbar-btn > button:active,
.present-toolbar-btn > button.active-button,
.present-toolbar-btn > button:hover {
  background: #f4f4f4;
}
.toolbar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0px 6px;
  font-size: 13px;
  border: none;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.88);
  line-height: 13px;
  background-color: #fff;
  cursor: pointer;
}
.toolbar-btn.ask-ai-btn {
  color: #3c38ff;
  gap: 4px;
  font-weight: 500;
}
.toolbar-btn.ask-ai-btn:hover {
  background-color: #f2f4f7;
  color: #3c38ff;
}
.toolbar-btn .anticon,
.toolbar-btn .iconfont {
  font-size: 16px !important;
}
.toolbar-btn:hover {
  background-color: #f2f4f7;
  color: #525866;
}
.toolbar-btn.focus {
  background-color: rgba(60, 56, 255, 0.1);
  color: #3c38ff;
}
.toolbar-btn.active {
  color: #3c38ff;
}
.color-picker {
  padding-top: 8px;
}
.color-picker .color-picker-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 188px;
}
.color-picker .color-picker-content .color-picker-content-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.color-picker .color-picker-content .color-picker-content-item .item-title {
  color: #878d99;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag {
  display: flex;
  gap: 8px 4px;
  flex-wrap: wrap;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag .item-tag-square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #e6e9f0;
  cursor: pointer;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag .item-tag-square.item-color-tag {
  background-color: transparent;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag .item-tag-square.item-highlight-tag {
  border-color: transparent;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag .item-tag-square.item-highlight-tag:hover {
  border-color: #3c38ff80;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag .item-tag-square.item-tag-square-active {
  border-color: #3c38ff;
}
.color-picker .color-picker-content .color-picker-content-item .item-tag .item-tag-square:hover {
  border-color: #3c38ff80;
}
.color-picker .color-picker-content .reset-btn {
  height: 24px;
  color: #272b33;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 6px;
  border: 1px solid #d3d7e0;
  background-color: #fff;
  cursor: pointer;
}
.color-picker .color-picker-content .reset-btn:hover {
  border-color: #9da4b2;
}
.writing-color-operate {
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 6px;
  height: 28px;
  padding: 4px;
  cursor: pointer;
}
.writing-color-operate .operate-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: transparent;
}
.writing-color-operate:hover {
  background-color: #f2f4f7;
}
.content-tool-popover-overlay .chat-popover-inner {
  background-color: transparent;
  box-shadow: none;
}
.content-tool-btns {
  height: auto;
  display: flex;
  flex-direction: column;
  width: 240px;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
.content-tool-btns .tool-group-title {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(---, #818999);
  margin-bottom: 4px;
  padding: 0 8px;
}
.content-tool-btns .tool-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: none;
  height: 32px;
  padding: 0 8px;
  background: #fff;
  color: #000;
  font-size: 13px;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  gap: 8px;
  white-space: nowrap;
}
.content-tool-btns .tool-btn .toolbar-icon {
  font-size: 16px;
  color: #3c38ff;
}
.content-tool-btns .tool-btn:active,
.content-tool-btns .tool-btn.active-button,
.content-tool-btns .tool-btn:hover {
  background: #f4f4f4;
}
.doc-editor-operate {
  padding: 4px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
  white-space: nowrap;
  transform: scale(calc(1 / var(--p-card-scale)));
}
.doc-editor-operate .chat-divider-vertical {
  margin-inline: 0px;
}
.LINE-HEIGHT {
  line-height: 1.5em;
}
.MARGIN_BOTTOM {
  margin-bottom: 10px;
}
.H1 {
  font-size: 42px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.H2 {
  font-size: 28px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.H3 {
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.H4 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.H5 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}
.BOLD {
  font-weight: 600;
}
.PARAGRAPH-LARGE {
  font-size: 20px;
  line-height: 1.5em;
}
.PARAGRAPH {
  font-size: 18px;
  line-height: 24px;
}
.COLUMN-REVERSE {
  display: flex;
  flex-direction: column-reverse;
}
.tiptap {
  cursor: default;
}
.tiptap h1 {
  font-size: 42px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: 600;
}
.tiptap h2 {
  font-size: 28px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: 600;
}
.tiptap h3 {
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: 600;
}
.tiptap h4 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: 600;
}
.tiptap h5 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
  font-weight: 600;
}
.tiptap p {
  font-size: 18px;
  line-height: 24px;
}
.tiptap ul {
  line-height: 1.5em;
  margin-bottom: 4px;
  padding-left: 1em;
  list-style-type: disc;
}
.tiptap ul ul {
  list-style-type: circle;
}
.tiptap ul ul ul {
  list-style-type: square;
}
.tiptap mark {
  padding: 0;
  color: inherit;
}
.presentation-content.show-border .presentation-card-container,
.presentation-content.show-border .presentation-markdown-view {
  transition: all 0.3s ease;
}
.presentation-content {
  --p-card-label-card: black;
  --p-card-active-border: calc(1px / var(--p-card-scale)) solid #9149ff;
  width: calc(820px - 2px / var(--p-card-scale));
  /** 缩放锚点 */
  transform-origin: top left;
  display: flex;
  justify-content: start;
  margin-top: 2px;
}
.presentation-content div,
.presentation-content span,
.presentation-content mark,
.presentation-content h1,
.presentation-content h2,
.presentation-content h3,
.presentation-content h4,
.presentation-content h5,
.presentation-content h6,
.presentation-content p,
.presentation-content li {
  font-family: 'Poppins', 'SimHei', 'STHeiti', 'LiHei Pro Medium';
}
.presentation-content .presentation-card-logo {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/assets/watermaskdark.png');
}
.presentation-content .presentation-card-logo:hover {
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.06);
}
.presentation-content .presentation-card-logo {
  position: absolute;
  width: 174px;
  height: 30px;
  bottom: 20px;
  left: 36px;
  background-position: 10% center;
  background-size: 90% auto;
  background-repeat: no-repeat;
  border-radius: 6px;
  z-index: 10;
}
.presentation-content .presentation-card-wrapper {
  position: relative;
  overflow: visible;
  height: auto;
  margin-bottom: var(--p-card-gap);
  border-radius: var(--p-card-border-radius);
  outline: 3px solid;
  outline-color: transparent;
  transition: outline 0.1s;
}
.presentation-content .presentation-card-wrapper.current-focus {
  outline-color: var(---, #3c38ff);
}
.presentation-content .presentation-card-wrapper.current-focus::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  outline-style: solid;
  outline-width: 2px;
  outline-color: #3c38ff;
  pointer-events: none;
  z-index: 100;
  width: 100%;
  height: 100%;
  border-radius: var(--popai-ppt-card-radius);
}
.presentation-content .presentation-card-wrapper .presentation-card-container {
  position: relative;
  overflow: hidden;
  width: calc(820px - 2px / var(--p-card-scale));
  max-height: var(--p-card-max-card-height);
}
.presentation-content .presentation-card-wrapper .presentation-card-container .presentation-card-drag {
  display: none;
  align-items: center;
  justify-content: center;
  width: calc(20px / var(--p-card-scale));
  height: calc(30px / var(--p-card-scale));
  border-radius: calc(6px / var(--p-card-scale));
  cursor: grab;
  padding-left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 1999;
  box-shadow: 0 1px 5px #ccc;
  transition: opacity 0.3s;
  background-color: #fff;
}
.presentation-content .presentation-card-wrapper .presentation-card-container .presentation-card-drag::after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16px / var(--p-card-scale));
  content: '⠿';
  font-weight: 700;
  cursor: grab;
  color: #0d0d0d50;
  border-radius: 0.25rem;
}
.presentation-content .presentation-card-wrapper .presentation-card-container:hover .presentation-card-drag {
  display: flex;
}
.presentation-content .presentation-card-wrapper .card-label {
  position: absolute;
  right: 100%;
  bottom: 0;
  font-size: calc(10px / var(--p-card-scale));
  margin-right: calc(4px / var(--p-card-scale));
  color: var(--popai-ppt-card-label-number-fontColor);
}
.presentation-content .presentation-card-wrapper .card-block.card-block-tray {
  z-index: 0;
}
.presentation-content .presentation-card-wrapper .card-block.card-block-tray,
.presentation-content .presentation-card-wrapper .card-image {
  position: absolute;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.presentation-content .presentation-card-wrapper .card-block.card-block-tray .card-node,
.presentation-content .presentation-card-wrapper .card-block.card-block-tray .node-image {
  height: 100%;
  width: 100%;
}
.presentation-content .presentation-card-wrapper .ppt-view-add-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer;
}
.presentation-content .presentation-card {
  width: calc(820px - 2px / var(--p-card-scale));
  min-height: 461.5px;
  height: auto;
  padding: 30px 0;
  background-origin: padding-box;
  position: relative;
  box-sizing: border-box;
  background-clip: padding-box;
}
.presentation-content .presentation-card::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  z-index: -1;
  background: linear-gradient(to left, #ffffff, #f5f5f4, #ffffff);
}
.presentation-content .presentation-card .card-block,
.presentation-content .presentation-card .card-node {
  position: relative;
  z-index: 1;
}
.presentation-content .presentation-card .card-block h1,
.presentation-content .presentation-card .card-node h1,
.presentation-content .presentation-card .card-block h2,
.presentation-content .presentation-card .card-node h2,
.presentation-content .presentation-card .card-block h3,
.presentation-content .presentation-card .card-node h3,
.presentation-content .presentation-card .card-block h4,
.presentation-content .presentation-card .card-node h4,
.presentation-content .presentation-card .card-block h5,
.presentation-content .presentation-card .card-node h5 {
  line-height: 1.2em;
}
.presentation-content .presentation-card .card-block li,
.presentation-content .presentation-card .card-node li {
  line-height: 1.2em;
}
.presentation-content .presentation-card .card-block ol,
.presentation-content .presentation-card .card-node ol,
.presentation-content .presentation-card .card-block ul,
.presentation-content .presentation-card .card-node ul,
.presentation-content .presentation-card .card-block li,
.presentation-content .presentation-card .card-node li,
.presentation-content .presentation-card .card-block > h1:not(:first-of-type),
.presentation-content .presentation-card .card-node > h1:not(:first-of-type),
.presentation-content .presentation-card .card-block > h2:not(:first-of-type),
.presentation-content .presentation-card .card-node > h2:not(:first-of-type),
.presentation-content .presentation-card .card-block > h3:not(:first-of-type),
.presentation-content .presentation-card .card-node > h3:not(:first-of-type),
.presentation-content .presentation-card .card-block > h4:not(:first-of-type),
.presentation-content .presentation-card .card-node > h4:not(:first-of-type),
.presentation-content .presentation-card .card-block > h5:not(:first-of-type),
.presentation-content .presentation-card .card-node > h5:not(:first-of-type) {
  margin-top: 1em;
}
.presentation-content .presentation-card h1 + h1,
.presentation-content .presentation-card h2 + h2,
.presentation-content .presentation-card h3 + h3,
.presentation-content .presentation-card h4 + h4,
.presentation-content .presentation-card h5 + h5 {
  margin-top: 0 !important;
}
.presentation-content .presentation-card .card-block:empty {
  display: none;
}
.presentation-content.cursor-pointer .presentation-card,
.presentation-content.cursor-pointer .presentation-markdown-view {
  cursor: pointer;
}
.presentation-toolbar {
  position: absolute;
  background-color: #64646440;
  width: 300px;
  height: 80px;
}
.tiptap .p-enrich-selection {
  background: transparent;
}
.show-toolbar-selection .tiptap .p-enrich-selection {
  background: #8787874f;
}
.HIDE_NODE_HEAD .card-node > h1 {
  display: none;
}
.presentation-content .CARD_PADDING {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
.presentation-content .presentation-card {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.presentation-content .presentation-card.card-layout-cover,
.presentation-content .presentation-card.card-layout-cover-list {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
.presentation-content .presentation-card.card-layout-cover .card-node > h1,
.presentation-content .presentation-card.card-layout-cover-list .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-cover .card-block.card-block-doc-title,
.presentation-content .presentation-card.card-layout-cover-list .card-block.card-block-doc-title,
.presentation-content .presentation-card.card-layout-cover .card-block.card-block-header,
.presentation-content .presentation-card.card-layout-cover-list .card-block.card-block-header {
  margin-top: 90px;
}
.presentation-content .presentation-card.card-layout-cover .card-block.card-block-doc-subtitle,
.presentation-content .presentation-card.card-layout-cover-list .card-block.card-block-doc-subtitle,
.presentation-content .presentation-card.card-layout-cover .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-cover-list .card-block.card-block-body {
  margin-top: 0;
}
.presentation-content .presentation-card.card-layout-cover .card-block.card-block-doc-subtitle p,
.presentation-content .presentation-card.card-layout-cover-list .card-block.card-block-doc-subtitle p,
.presentation-content .presentation-card.card-layout-cover .card-block.card-block-body p,
.presentation-content .presentation-card.card-layout-cover-list .card-block.card-block-body p {
  margin-top: 0;
}
.presentation-content .presentation-card.card-layout-content > div,
.presentation-content .presentation-card.card-layout-content-list > div {
  display: grid;
  grid-template-columns: 7.5% [c1] 16.83% 24px [c2] 36.34%;
  background-position: right;
  background-size: 33.3% 100%;
  padding-top: 90px;
}
.presentation-content .presentation-card.card-layout-content > div .card-node > h1,
.presentation-content .presentation-card.card-layout-content-list > div .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-left-subtitle,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-left-subtitle,
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-header,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-header {
  grid-column-start: c1;
  height: fit-content;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-section-list,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-section-list {
  grid-column-start: c2;
  height: fit-content;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-section-list > *:first-child,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-section-list > *:first-child,
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-section-list > *:first-child > *:first-child,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-section-list > *:first-child > *:first-child {
  margin-top: 1px;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-section-list > p,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-section-list > p {
  padding-left: 1em;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-body {
  grid-column-start: c2;
  height: fit-content;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-body .card-node > *:first-child,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-body .card-node > *:first-child,
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-body .card-node > *:first-child > *:first-child,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-body .card-node > *:first-child > *:first-child {
  margin-top: 1px;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-body .card-node > p,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-body .card-node > p {
  padding-left: 1em;
}
.presentation-content .presentation-card.card-layout-content > div .card-block.card-block-tray,
.presentation-content .presentation-card.card-layout-content-list > div .card-block.card-block-tray,
.presentation-content .presentation-card.card-layout-content > div ~ .card-image,
.presentation-content .presentation-card.card-layout-content-list > div ~ .card-image {
  width: 33.33%;
  right: 0;
  left: auto;
}
.presentation-content .presentation-card.card-layout-emphasis,
.presentation-content .presentation-card.card-layout-emphasis-list {
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding-top: 68px;
  text-align: center;
  display: flex;
  flex-flow: column;
}
.presentation-content .presentation-card.card-layout-emphasis .card-node > h1,
.presentation-content .presentation-card.card-layout-emphasis-list .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-emphasis .card-block.card-block-punchline,
.presentation-content .presentation-card.card-layout-emphasis-list .card-block.card-block-punchline,
.presentation-content .presentation-card.card-layout-emphasis .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-emphasis-list .card-block.card-block-body {
  margin-top: 36px;
  order: 1;
}
.presentation-content .presentation-card.card-layout-emphasis .card-block.card-block-header,
.presentation-content .presentation-card.card-layout-emphasis-list .card-block.card-block-header {
  margin-top: 46px;
  order: 2;
}
.presentation-content .presentation-card.card-layout-outline {
  padding: 30px 7.5% 60px 7.5%;
}
.presentation-content .presentation-card.card-layout-single-text,
.presentation-content .presentation-card.card-layout-single-list {
  padding: 30px 7.5% 60px 7.5%;
  background-position-y: 88px;
}
.presentation-content .presentation-card.card-layout-single-text .card-node > h1,
.presentation-content .presentation-card.card-layout-single-list .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-single-text .card-block.card-block-main-text-content,
.presentation-content .presentation-card.card-layout-single-list .card-block.card-block-main-text-content,
.presentation-content .presentation-card.card-layout-single-text .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-single-list .card-block.card-block-body {
  margin-top: 88px;
}
.presentation-content .presentation-card.card-layout-left-text,
.presentation-content .presentation-card.card-layout-left-list {
  background-size: 33.3% 100%;
  padding-left: 45%;
  padding-right: 5%;
  padding-top: 64px;
}
.presentation-content .presentation-card.card-layout-left-text .card-node > h1,
.presentation-content .presentation-card.card-layout-left-list .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-left-text .card-block.block-main-text-content,
.presentation-content .presentation-card.card-layout-left-list .card-block.block-main-text-content,
.presentation-content .presentation-card.card-layout-left-text .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-left-list .card-block.card-block-body {
  margin-top: 10px;
}
.presentation-content .presentation-card.card-layout-left-text .card-block.block-main-text-content > p,
.presentation-content .presentation-card.card-layout-left-list .card-block.block-main-text-content > p,
.presentation-content .presentation-card.card-layout-left-text .card-block.card-block-body > p,
.presentation-content .presentation-card.card-layout-left-list .card-block.card-block-body > p {
  padding-left: 1em;
}
.presentation-content .presentation-card.card-layout-left-text .card-block.card-block-tray,
.presentation-content .presentation-card.card-layout-left-list .card-block.card-block-tray,
.presentation-content .presentation-card.card-layout-left-text ~ .card-image,
.presentation-content .presentation-card.card-layout-left-list ~ .card-image {
  width: 33.33%;
  left: 0;
  right: auto;
}
.presentation-content .presentation-card.card-layout-row-list,
.presentation-content .presentation-card.card-layout-row-pro-list {
  padding: 30px 7.5% 60px 7.5%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body {
  display: grid;
  gap: 24px;
  margin: 64px 8px 0;
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body.card-block-multiple-of-two,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body.card-block-multiple-of-two {
  grid-template-columns: repeat(2, 1fr);
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body.card-block-multiple-of-three,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body.card-block-multiple-of-three {
  grid-template-columns: repeat(3, 1fr);
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body .card-node,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body .card-node {
  padding: 40px 16px;
  border: 2px solid;
  border-radius: 20px;
  background-origin: border-box;
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body .card-node .p-image-wrapper,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body .card-node .p-image-wrapper {
  cursor: default;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1.5;
  margin-bottom: 16px;
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body .card-node > h1,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body .card-node > h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 42px;
}
.presentation-content .presentation-card.card-layout-row-list .card-block.card-block-body .card-node > p,
.presentation-content .presentation-card.card-layout-row-pro-list .card-block.card-block-body .card-node > p {
  font-size: 14px;
  line-height: 1.4;
}
div.presentation-content .presentation-card.card-layout-row-img-list {
  padding: 30px 7.5% 60px 7.5%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
  color: black;
  padding-left: 5%;
  padding-right: 5%;
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body {
  display: grid;
  gap: 24px;
  margin: 64px 8px 0;
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body.card-block-multiple-of-two {
  grid-template-columns: repeat(2, 1fr);
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body.card-block-multiple-of-three {
  grid-template-columns: repeat(3, 1fr);
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node {
  padding: 40px 16px;
  border: 2px solid;
  border-radius: 20px;
  background-origin: border-box;
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node .p-image-wrapper {
  cursor: default;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1.5;
  margin-bottom: 16px;
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node > h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 42px;
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node > p {
  font-size: 14px;
  line-height: 1.4;
}
div.presentation-content .presentation-card.card-layout-row-img-list .card-node > h1 {
  display: none;
}
div.presentation-content .presentation-card.card-layout-row-img-list div.card-block.card-block-body {
  gap: 16px;
}
div.presentation-content .presentation-card.card-layout-row-img-list div.card-block.card-block-body div.card-node {
  padding: 0;
  border-color: transparent;
  background: none;
}
div.presentation-content .presentation-card.card-layout-row-img-list div.card-block.card-block-body div.card-node .p-image-wrapper {
  margin-bottom: 24px;
}
div.presentation-content .presentation-card.card-layout-row-img-list div.card-block.card-block-body div.card-node h1 {
  margin-bottom: 24px;
}
.presentation-content .presentation-card.card-layout-column-list,
.presentation-content .presentation-card.card-layout-column-pro-list {
  background-size: 33.3% 100%;
  padding: 48px 10.5% 48px 43.8%;
}
.presentation-content .presentation-card.card-layout-column-list .card-node > h1,
.presentation-content .presentation-card.card-layout-column-pro-list .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-column-list .card-block.card-block-header > h2,
.presentation-content .presentation-card.card-layout-column-pro-list .card-block.card-block-header > h2 {
  margin-bottom: 32px;
}
.presentation-content .presentation-card.card-layout-column-list .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-column-pro-list .card-block.card-block-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.presentation-content .presentation-card.card-layout-column-list .card-block.card-block-body .card-node,
.presentation-content .presentation-card.card-layout-column-pro-list .card-block.card-block-body .card-node {
  width: 100%;
  padding: 16px;
  border: 1px solid;
  border-radius: 16px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.02), 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
.presentation-content .presentation-card.card-layout-column-list .card-block.card-block-body .card-node \ > h5,
.presentation-content .presentation-card.card-layout-column-pro-list .card-block.card-block-body .card-node \ > h5 {
  font-size: 14px;
}
.presentation-content .presentation-card.card-layout-column-list .card-block.card-block-body .card-node > p,
.presentation-content .presentation-card.card-layout-column-pro-list .card-block.card-block-body .card-node > p {
  font-size: 14px;
  line-height: 1.4;
}
.presentation-content .presentation-card.card-layout-column-list .card-block.card-block-tray,
.presentation-content .presentation-card.card-layout-column-pro-list .card-block.card-block-tray,
.presentation-content .presentation-card.card-layout-column-list ~ .card-image,
.presentation-content .presentation-card.card-layout-column-pro-list ~ .card-image {
  width: 33.33%;
  left: 0;
  right: auto;
}
.presentation-content .presentation-card.card-layout-back-cover,
.presentation-content .presentation-card.card-layout-backcover-list {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
.presentation-content .presentation-card.card-layout-back-cover .card-node > h1,
.presentation-content .presentation-card.card-layout-backcover-list .card-node > h1 {
  display: none;
}
.presentation-content .presentation-card.card-layout-back-cover .card-block.card-block-doc-title,
.presentation-content .presentation-card.card-layout-backcover-list .card-block.card-block-doc-title,
.presentation-content .presentation-card.card-layout-back-cover .card-block.card-block-header,
.presentation-content .presentation-card.card-layout-backcover-list .card-block.card-block-header {
  margin-top: 90px;
}
.presentation-content .presentation-card.card-layout-back-cover .card-block.card-block-contact-info,
.presentation-content .presentation-card.card-layout-backcover-list .card-block.card-block-contact-info,
.presentation-content .presentation-card.card-layout-back-cover .card-block.card-block-body,
.presentation-content .presentation-card.card-layout-backcover-list .card-block.card-block-body {
  margin-top: 28px;
}
.presentation-content .presentation-card.card-layout-swot {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
  color: black;
  padding-left: 5%;
  padding-right: 5%;
}
.presentation-content .presentation-card.card-layout-swot p {
  font-size: 14px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-header {
  padding-left: 2.5%;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  grid-template-rows: repeat(2, minmax(94px, auto));
  grid-gap: 16px;
  margin: 100px 0 50px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node {
  display: none;
  height: auto;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node h1 {
  display: inline;
  position: absolute;
  top: 0;
  width: 52px;
  height: 52px;
  line-height: 52px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  align-content: center;
  color: black;
  z-index: 3;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(-n + 4) {
  position: relative;
  display: block;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(-n + 2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1) {
  text-align: right;
  padding-right: 110px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n) {
  text-align: left;
  padding-left: 110px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node .ICON_CONTENT {
  content: '';
  display: block;
  width: 94px;
  height: 94px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  z-index: 1;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:after {
  content: '';
  display: block;
  width: 94px;
  height: 94px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  z-index: 1;
  background-color: #dddddd;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node::before {
  content: '';
  display: block;
  width: 94px;
  height: 94px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  z-index: 1;
  width: 66px;
  height: 66px;
  background-color: white;
  box-sizing: border-box;
  z-index: 2;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(1) h1 {
  margin: 0 21px 21px 0;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(1)::before {
  margin: 0 14px 14px 0;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(1)::after {
  border-bottom-right-radius: 0;
  background-image: linear-gradient(135deg, var(--p-swot-icon-bg));
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2) h1 {
  margin: 0 0 21px 21px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2)::before {
  margin: 0 0 14px 14px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2)::after {
  border-bottom-left-radius: 0;
  background-image: linear-gradient(225deg, var(--p-swot-icon-bg));
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(3) h1 {
  margin: 21px 21px 0 0;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(3)::before {
  margin: 14px 14px 0 0;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(3)::after {
  border-top-right-radius: 0;
  background-image: linear-gradient(45deg, var(--p-swot-icon-bg));
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(4) h1 {
  margin: 21px 0 0 21px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(4)::before {
  margin: 14px 0 0 14px;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(4)::after {
  border-top-left-radius: 0;
  background-image: linear-gradient(-45deg, var(--p-swot-icon-bg));
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(-n + 2) h1,
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(-n + 2)::after,
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(-n + 2)::before {
  top: auto;
  bottom: 0;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1) h1,
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1)::after,
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1)::before {
  right: 0;
}
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n) h1,
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n)::after,
.presentation-content .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n)::before {
  left: 0;
}
.presentation-content .presentation-card.card-layout-poster {
  background: #e5f0f0;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-content,
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-content-list {
  grid-template-columns: 36.34% [c1] 18% 24px [c2] 36.3% 7.5%;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(1)::after {
  transform: rotateZ(90deg);
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2)::after {
  transform: rotateZ(270deg);
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(4)::after {
  transform: rotateZ(90deg);
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(3)::after {
  transform: rotateZ(270deg);
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1) {
  padding-right: 0px;
  padding-left: 110px;
  text-align: left;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1) h1,
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1)::after,
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n + 1)::before {
  right: auto;
  left: 0;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(1)::before {
  margin: 0px 0px 14px 14px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(1) h1 {
  margin: 0px 0px 21px 21px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n) {
  padding-left: 0px;
  padding-right: 110px;
  text-align: right;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n) h1,
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n)::after,
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2n)::before {
  left: auto;
  right: 0;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2) h1 {
  margin: 0px 21px 21px 0px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(2)::before {
  margin: 0px 14px 14px 0px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(4) h1 {
  margin: 21px 21px 0px 0px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(4)::before {
  margin: 14px 14px 0px 0px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(3) h1 {
  margin: 21px 0px 0px 21px;
}
body[dir='rtl'] .presentation-content .presentation-card-container.ppt-card .presentation-card.card-layout-swot .card-block.card-block-body .card-node:nth-child(3)::before {
  margin: 14px 0px 0px 14px;
}
.presentation-content .OUTLINE-TITLE {
  color: var(--p-outline-title-color, #000);
  background-image: var(--p-outline-title-linear-gradient);
  -webkit-background-clip: text;
  margin-top: 30px;
  margin-bottom: 21px;
  line-height: normal;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.presentation-content .presentation-markdown-view.markdown-layout-outline > div {
  min-height: 461.5px;
}
.presentation-content .presentation-markdown-view.markdown-layout-outline > div .card-block {
  background-color: #c7d4d8;
}
.presentation-content .presentation-markdown-view.markdown-layout-outline > div > *:first-child {
  color: var(--p-outline-title-color, #000);
  background-image: var(--p-outline-title-linear-gradient);
  -webkit-background-clip: text;
  margin-top: 30px;
  margin-bottom: 21px;
  line-height: normal;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.presentation-content .presentation-markdown-view.markdown-layout-outline {
  border-radius: var(--p-card-border-radius);
  padding: 0 7.5% 80px 7.5%;
  overflow: hidden;
}
.presentation-content .presentation-card.card-layout-outline,
.presentation-content .presentation-markdown-view.markdown-layout-outline {
  color: var(--p-outline-content-color, #000);
  position: relative;
  border-radius: var(--p-card-border-radius);
  overflow: hidden;
  width: 820px;
  padding: 0 7.5% 28px 7.5%;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content {
  margin-top: 45px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content > h2:first-child,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content > h2:first-child {
  color: var(--p-outline-subtitle-color, #000);
  background-image: var(--p-outline-subtitle-linear-gradient);
  -webkit-background-clip: text;
  margin-bottom: 24px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content h3,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content h3 {
  margin-bottom: 16px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content ul,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content ul,
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content ol,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content ol {
  margin-top: 10px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content ul + h3,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content ul + h3,
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content ol + h3,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content ol + h3,
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content p + h3,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content p + h3 {
  margin-top: 36px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content ul + h5,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content ul + h5,
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content ol + h5,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content ol + h5,
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content p + h5,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content p + h5 {
  margin-top: 24px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content h5,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content h5,
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content p,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content p {
  font-size: 16px;
}
.presentation-content .presentation-card.card-layout-outline .card-block-main-text-content h5,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-main-text-content h5 {
  font-weight: bolder;
}
.presentation-content .presentation-card.card-layout-outline::after,
.presentation-content .presentation-markdown-view.markdown-layout-outline::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  z-index: -1;
  background-size: 100% 75px;
  background-color: var(--p-outline-bgColor, #fff);
  background-image: var(--popai-ppt-outline-header-bgImage);
  z-index: -2;
}
.presentation-content .presentation-card.card-layout-outline *,
.presentation-content .presentation-markdown-view.markdown-layout-outline * {
  color: var(--p-outline-content-color, #000);
}
.presentation-content .presentation-card.card-layout-outline > h1:first-child,
.presentation-content .presentation-markdown-view.markdown-layout-outline > h1:first-child,
.presentation-content .presentation-card.card-layout-outline .card-block-card-subtitle > *,
.presentation-content .presentation-markdown-view.markdown-layout-outline .card-block-card-subtitle > * {
  color: var(--p-outline-title-color, #000);
  background-image: var(--p-outline-title-linear-gradient);
  -webkit-background-clip: text;
  margin-top: 30px;
  margin-bottom: 21px;
  line-height: normal;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.presentation-content .presentation-card.card-layout-outline h1,
.presentation-content .presentation-markdown-view.markdown-layout-outline h1 {
  font-size: 28px;
}
.presentation-content .presentation-card.card-layout-outline h2,
.presentation-content .presentation-markdown-view.markdown-layout-outline h2 {
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.presentation-content .presentation-card.card-layout-outline h3,
.presentation-content .presentation-markdown-view.markdown-layout-outline h3 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.presentation-content .presentation-card.card-layout-outline h4,
.presentation-content .presentation-markdown-view.markdown-layout-outline h4 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.presentation-content .presentation-card.card-layout-outline h5,
.presentation-content .presentation-markdown-view.markdown-layout-outline h5 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
  font-weight: 600;
}
.presentation-content .presentation-card.card-layout-outline ul,
.presentation-content .presentation-markdown-view.markdown-layout-outline ul,
.presentation-content .presentation-card.card-layout-outline ol,
.presentation-content .presentation-markdown-view.markdown-layout-outline ol {
  padding-left: 1em;
}
.presentation-content .presentation-card.card-layout-outline ul > li::before,
.presentation-content .presentation-markdown-view.markdown-layout-outline ul > li::before {
  font-size: 28px;
  padding-right: 8px;
}
.presentation-content .presentation-card.card-layout-outline p,
.presentation-content .presentation-markdown-view.markdown-layout-outline p,
.presentation-content .presentation-card.card-layout-outline li,
.presentation-content .presentation-markdown-view.markdown-layout-outline li {
  font-size: 18px;
  line-height: 24px;
  margin-top: 0.1em;
}
.outline-content .presentation-card-container {
  width: 100% !important;
  box-shadow: none !important;
}
.presentation-content.edit-mode h1,
.presentation-content.edit-mode h2,
.presentation-content.edit-mode h3,
.presentation-content.edit-mode h4,
.presentation-content.edit-mode h5,
.presentation-content.edit-mode p {
  cursor: text;
}
.presentation-content.edit-mode .ACTIVIE_DOM {
  content: '';
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  left: -10px;
  right: -10px;
  top: -4px;
  bottom: -4px;
  border-radius: 6px;
  pointer-events: none;
  z-index: -1;
}
.presentation-content.edit-mode p:not(:has(*)).current-focus,
.presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus,
.presentation-content.edit-mode p:not(:has(*)):hover,
.presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover {
  position: relative;
}
.presentation-content.edit-mode p:not(:has(*)).current-focus::after,
.presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus::after {
  content: '';
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  left: -10px;
  right: -10px;
  top: -4px;
  bottom: -4px;
  border-radius: 6px;
  pointer-events: none;
  z-index: -1;
  border: 1px solid rgba(60, 56, 255, 0.4);
}
.presentation-content.edit-mode p:not(:has(*)):hover::before,
.presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover::before {
  content: '';
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  left: -10px;
  right: -10px;
  top: -4px;
  bottom: -4px;
  border-radius: 6px;
  pointer-events: none;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.04);
}
div[presentation-theme='blue'] .presentation-content.edit-mode p:not(:has(*)).current-focus::after,
div[presentation-theme='black'] .presentation-content.edit-mode p:not(:has(*)).current-focus::after,
div[presentation-theme='dark'] .presentation-content.edit-mode p:not(:has(*)).current-focus::after,
div[presentation-theme='green'] .presentation-content.edit-mode p:not(:has(*)).current-focus::after,
div[presentation-theme='business'] .presentation-content.edit-mode p:not(:has(*)).current-focus::after,
div[presentation-theme='blue'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus::after,
div[presentation-theme='black'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus::after,
div[presentation-theme='dark'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus::after,
div[presentation-theme='green'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus::after,
div[presentation-theme='business'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5).current-focus::after {
  border-color: #d8d8ff;
}
div[presentation-theme='blue'] .presentation-content.edit-mode p:not(:has(*)):hover::before,
div[presentation-theme='black'] .presentation-content.edit-mode p:not(:has(*)):hover::before,
div[presentation-theme='dark'] .presentation-content.edit-mode p:not(:has(*)):hover::before,
div[presentation-theme='green'] .presentation-content.edit-mode p:not(:has(*)):hover::before,
div[presentation-theme='business'] .presentation-content.edit-mode p:not(:has(*)):hover::before,
div[presentation-theme='blue'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover::before,
div[presentation-theme='black'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover::before,
div[presentation-theme='dark'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover::before,
div[presentation-theme='green'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover::before,
div[presentation-theme='business'] .presentation-content.edit-mode :where(h1, h2, h3, h4, h5):hover::before {
  background-color: rgba(255, 255, 255, 0.06);
}
body {
  --p-card-scale: 1;
  --p-card-gap: 30;
  --p-card-border-radius: 16;
  --p-card-max-card-height: 10000;
}
.PRESENTATION-LOGO-DARK .presentation-card-logo {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/assets/watermaskdark.png');
}
.PRESENTATION-LOGO-DARK .presentation-card-logo:hover {
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.06);
}
.PRESENTATION-LOGO-LIGHT .presentation-card-logo {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/assets/watermaskwhite.png');
}
.PRESENTATION-LOGO-LIGHT .presentation-card-logo:hover {
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.2);
}
.LOWER_BACKGROUND {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  z-index: -1;
}
.BACKGROUND-RADIAL-GRADIENT {
  background: #f6f6f6;
  background-size: 130vw 130vh, 120vw 120vh, 100vw 150vh, 120vw 130vh;
  background-position: -80vw -80vh, 30vw -20vh, -20vw 20vh, 30vw 20vh;
  background-repeat: no-repeat;
  animation: 15s moiveAnimation infinite;
}
.BACKGROUND-TOP {
  background-position-y: 88px;
}
.BACKGROUND-HEADER {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
}
@keyframes moiveAnimation {
  0%,
  100% {
    background-size: 130vw 130vh, 120vw 120vh, 100vw 150vh, 120vw 130vh;
    background-position: -80vw -80vh, 30vw -20vh, -20vw 20vh, 30vw 20vh;
  }
  25% {
    background-size: 120vw 120vh, 130vw 150vh, 130vw 120vh, 100vw 110vh;
    background-position: -30vw -30vh, 40vw -10vh, 0vw 10vh, -10vw 20vh;
  }
  50% {
    background-size: 130vw 130vh, 140vw 100vh, 100vw 150vh, 90vw 110vh;
    background-position: 10vw -60vh, 20vw 10vh, 10vw 30vh, 10vw -20vh;
  }
  75% {
    background-size: 140vw 140vh, 100vw 130vh, 100vw 150vh, 130vw 110vh;
    background-position: -70vw -70vh, 0vw -10vh, 30vw -20vh, 20vw 30vh;
  }
}
body[dir='rtl'] .presentation-content.theme-business .presentation-card.card-layout-content-list .card-block:nth-child(2) {
  padding-left: 0px;
  padding-right: 80px;
}
body[dir='rtl'] .presentation-content.theme-business .presentation-card.card-layout-row-img-list .card-block:nth-child(2) > .card-node p {
  margin-right: 0px;
  margin-left: 20px;
}
body[dir='rtl'] .presentation-content.theme-business .presentation-card.card-layout-row-img-list .card-block:nth-child(2) > .card-node:nth-child(1) h5,
body[dir='rtl'] .presentation-content.theme-business .presentation-card.card-layout-row-img-list .card-block:nth-child(2) > .card-node:nth-child(1) p {
  margin-left: 0px;
  margin-right: 20px;
}
body[dir='rtl'] .presentation-content.theme-business .presentation-card.card-layout-back-cover .card-block:nth-child(2),
body[dir='rtl'] .presentation-content.theme-business .presentation-card.card-layout-backcover-list .card-block:nth-child(2) {
  padding-left: 0px;
  padding-right: 20px;
}
body[dir='rtl'] .presentation-content.theme-green .presentation-card-wrapper .cn-logo-label {
  right: auto;
  left: 30px;
}
body[dir='rtl'] .presentation-content.theme-red .presentation-card.card-layout-back-cover,
body[dir='rtl'] .presentation-content.theme-red .presentation-card.card-layout-backcover-list {
  padding-right: 40%;
}
.presentation-content.theme-pink .presentation-card.card-layout-content {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/pink/content.png');
  background-size: auto;
}
.presentation-content.theme-pink .presentation-card.card-layout-content .card-block.card-block-section-list h5 {
  margin-bottom: 10px !important;
}
.presentation-content.theme-pink .presentation-card.card-layout-back-cover {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/pink/cover.png') !important;
}
.presentation-content.theme-pink .presentation-card.card-layout-column-list {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/pink/content.png) !important;
  background-size: 33.3% 100%;
  background-position: left;
}
.presentation-content.theme-red .presentation-card.card-layout-cover {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/red/cover.png) !important;
  background-position: right;
  background-size: 33.3% 100%;
}
.presentation-content.theme-red .presentation-card.card-layout-content {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/red/cover.png') !important;
  background-size: auto !important;
}
.presentation-content.theme-red .presentation-card.card-layout-content .card-block.card-block-section-list h5 {
  margin-bottom: 10px !important;
}
.presentation-content.theme-red .presentation-card.card-layout-back-cover {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/red/cover.png) !important;
  background-position: right;
  background-size: 33.33% 100%;
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding: 30px 0;
}
.presentation-content.theme-red .presentation-card.card-layout-column-list {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/red/content.png) !important;
  background-size: 33.3% 100%;
  background-position: left;
}
.presentation-content.theme-red .presentation-card.card-layout-back-cover {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/red/cover.png) !important;
  background-position: right;
  background-size: 33.33% 100%;
}
.presentation-content.theme-orange .presentation-card.card-layout-content {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/orange/content.png') !important;
  background-size: auto;
}
.presentation-content.theme-orange .presentation-card.card-layout-content .card-block.card-block-section-list h5 {
  margin-bottom: 10px !important;
}
.presentation-content.theme-orange .presentation-card.card-layout-column-list {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/orange/planning.png) !important;
  background-size: 33.3% 100%;
  background-position: left;
}
.presentation-content.theme-orange .presentation-card.card-layout-back-cover {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/orange/lastpage.png) !important;
}
.presentation-content.theme-business .presentation-card.card-layout-content {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/business/content.png') !important;
  background-size: auto !important;
}
.presentation-content.theme-business .presentation-card.card-layout-content .card-block.card-block-section-list h5 {
  margin-bottom: 10px !important;
}
.presentation-content.theme-business .presentation-card.card-layout-back-cover {
  background-size: cover;
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/business/back-content.png) !important;
  padding: 0;
}
.presentation-content.theme-business .presentation-card.card-layout-back-cover .card-block:nth-child(1) h1 {
  color: #c0dbe8 !important;
}
.presentation-content.theme-business .presentation-card.card-layout-back-cover .card-block:nth-child(2) p {
  color: #fff !important;
}
.presentation-content.theme-green .presentation-card.card-layout-content {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/green/content.png') !important;
  background-position: right;
  background-size: 33.3% 100%;
}
.presentation-content.theme-green .presentation-card.card-layout-content .card-block.card-block-section-list h5 {
  margin-bottom: 10px !important;
}
.presentation-content.theme-green .presentation-card.card-layout-back-cover {
  background-image: url('https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/green/cover.png') !important;
}
.presentation-content.theme-green .presentation-card.card-layout-column-list {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/green/content.png) !important;
  background-size: 33.3% 100%;
  background-position: left;
}
.presentation-content.theme-blue .presentation-card.card-layout-content {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/blue/content.png) !important;
  background-size: 33.3% 100%;
}
.presentation-content.theme-blue .presentation-card.card-layout-content .card-block.card-block-section-list h5 {
  margin-bottom: 10px !important;
}
.presentation-content.theme-blue .presentation-card.card-layout-column-list {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/blue/content.png) !important;
  background-size: 33.3% 100%;
  background-position: left;
}
.presentation-content.theme-blue .presentation-card.card-layout-back-cover {
  background-image: url(https://popaife.s3-accelerate.amazonaws.com/prensentation/themes/blue/cover.png) !important;
}
:root {
  --popai-borderRadius-none: 0;
  --popai-borderRadius-sm: 4px;
  --popai-borderRadius-lg: 8px;
  --popai-borderRadius-xl: 16px;
  --popai-colors-black: #000;
  --popai-colors-white: #fff;
  --popai-colors-gray-100: #f7fafc;
  --popai-colors-gray-200: #edf2f7;
  --popai-colors-gray-300: #e2e8f0;
  --popai-colors-gray-400: #cbd5e0;
  --popai-colors-gray-500: #a0aec0;
  --popai-colors-gray-600: #718096;
  --popai-colors-gray-700: #4a5568;
  --popai-colors-gray-800: #2d3748;
  --popai-colors-gray-900: #1a202c;
  --popai-colors-red-100: #fff5f5;
  --popai-colors-red-200: #fed7d7;
  --popai-colors-red-300: #feb2b2;
  --popai-colors-red-400: #fc8181;
  --popai-colors-red-500: #f56565;
  --popai-colors-red-600: #e53e3e;
  --popai-colors-red-700: #c53030;
  --popai-colors-red-800: #9b2c2c;
  --popai-colors-red-900: #742a2a;
  --popai-colors-orange-100: #fffaf0;
  --popai-colors-orange-200: #feebc8;
  --popai-colors-orange-300: #fbd38d;
  --popai-colors-orange-400: #f6ad55;
  --popai-colors-orange-600: #dd6b20;
  --popai-colors-orange-700: #c05621;
  --popai-colors-orange-800: #9c4221;
  --popai-colors-orange-900: #7b341e;
  --popai-colors-orange-500: #ed8936;
  --popai-colors-orange-700: #d9532f;
  --popai-colors-orange-800: #b3321f;
  --popai-colors-orange-900: #80241b;
  --popai-colors-green-100: #f0fff4;
  --popai-colors-green-200: #c6f6d5;
  --popai-colors-green-300: #9ae6b4;
  --popai-colors-green-400: #68d391;
  --popai-colors-green-500: #48bb78;
  --popai-colors-green-600: #38a169;
  --popai-colors-green-700: #2f855a;
  --popai-colors-green-800: #276749;
  --popai-colors-green-900: #22543d;
  --popai-spacing-none: 0;
  --popai-spacing-sm: 4px;
  --popai-spacing-md: 8px;
  --popai-spacing-lg: 16px;
  --popai-spacing-xl: 32px;
  --popai-spacing-xxl: 64px;
  --popai-spacing-100: 100px;
  --popai-spacing-250: 250px;
  --popai-spacing-300: 300px;
  --popai-spacing-350: 350px;
  --popai-spacing-400: 400px;
  --popai-spacing-450: 450px;
  --popai-fontSizes-body: 14px;
  --popai-fontSizes-sm: var(--popai-fontSizes-body) * 0.85;
  --popai-fontSizes-xs: var(--popai-fontSizes-body) * 0.65;
  --popai-fontSizes-lg: var(--popai-fontSizes-body) * 1.43;
  --popai-font-family: 苹方-简;
  --popai-shadow-none: '';
  --popai-ppt-view-bgColor: var(--popai-colors-white);
  --popai-ppt-view-bgImage: var(--popai-colors-white);
  --popai-ppt-card-width: 820px;
  --popai-ppt-card-min-height: 461px;
  --popai-ppt-card-radius: var(--popai-borderRadius-xl);
  --popai-ppt-card-bg: var(--popai-colors-white);
  --popai-ppt-card-font-color: var(--popai-colors-gray-700);
  --popai-ppt-card-border-color: var(--popai-colors-gray-300);
  --popai-ppt-card-margin-bottom: var(--popai-spacing-xxl);
  --popai-ppt-card-bg-image: none;
  --popai-ppt-card-padding: var(--popai-spacing-none);
  --popai-ppt-card-boxShadow: var(--popai-shadow-none);
  --popai-ppt-card-paddingTop: var(--popai-spacing-none);
  --popai-ppt-card-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-card-paddingRight: var(--popai-spacing-none);
  --popai-ppt-card-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-card-label-number-fontColor: var(var(--popai-colors-black));
  --popai-ppt-h1-fontSize: 42px;
  --popai-ppt-h1-fontWeight: bold;
  --popai-ppt-h1-textAlign: start;
  --popai-ppt-h1-marginBottom: var(--popai-spacing-none);
  --popai-ppt-h1-marginTop: var(--popai-spacing-none);
  --popai-ppt-h1-marginLeft: var(--popai-spacing-none);
  --popai-ppt-h1-fontColor: var(--popai-colors-black);
  --popai-ppt-h1-fontFamily: var(--popai-font-family);
  --popai-ppt-h1-lineHeight: 1.2;
  --popai-ppt-h2-fontSize: 28px;
  --popai-ppt-h2-fontWeight: bold;
  --popai-ppt-h2-textAlign: start;
  --popai-ppt-h2-marginBottom: var(--popai-spacing-none);
  --popai-ppt-h2-marginTop: var(--popai-spacing-none);
  --popai-ppt-h2-fontColor: var(--popai-colors-black);
  --popai-ppt-h2-fontFamily: var(--popai-font-family);
  --popai-ppt-h2-lineHeight: 1.2;
  --popai-ppt-h3-fontSize: 24px;
  --popai-ppt-h3-fontWeight: bold;
  --popai-ppt-h3-fontFamily: var(--popai-font-family);
  --popai-ppt-h3-lineHeight: 1.2;
  --popai-ppt-h4-fontSize: 22px;
  --popai-ppt-h4-fontWeight: bold;
  --popai-ppt-h4-fontFamily: var(--popai-font-family);
  --popai-ppt-h4-lineHeight: 1.2;
  --popai-ppt-h5-fontSize: 18px;
  --popai-ppt-h5-fontWeight: bold;
  --popai-ppt-h5-textAlign: start;
  --popai-ppt-h5-marginBottom: var(--popai-spacing-none);
  --popai-ppt-h5-marginTop: var(--popai-spacing-none);
  --popai-ppt-h5-fontColor: var(--popai-colors-black);
  --popai-ppt-h5-fontFamily: var(--popai-font-family);
  --popai-ppt-h5-lineHeight: 1.2;
  --popai-ppt-p-fontSize: var(--popai-fontSizes-body);
  --popai-ppt-p-fontWeight: normal;
  --popai-ppt-p-marginBottom: var(--popai-spacing-none);
  --popai-ppt-p-marginTop: var(--popai-spacing-none);
  --popai-ppt-p-marginLeft: var(--popai-spacing-none);
  --popai-ppt-p-fontColor: var(--popai-colors-black);
  --popai-ppt-p-textAlign: start;
  --popai-ppt-p-lineHeight: 1.2;
  --popai-ppt-p-letterSpacing: var(--popai-spacing-sm);
  --popai-ppt-p-wordWrap: break-word;
  --popai-ppt-p-whiteSpace: normal;
  --popai-ppt-p-wordBreak: break-word;
  --popai-ppt-p-fontFamily: var(--popai-font-family);
  --popai-ppt-colors-primary: none;
  --popai-ppt-colors-secondary: none;
  --popai-ppt-outline-header-fontColor: var(--popai-colors-black);
  --popai-ppt-outline-body-header-fontColor: var(--popai-colors-black);
  --popai-ppt-outline-header-bgImage: none;
  --popai-ppt-outline-body-fontColor: var(--popai-colors-black);
  --popai-ppt-outline-borderRadius: var(--popai-spacing-md);
  --popai-ppt-cover-tray-width: 100%;
  --popai-ppt-cover-tray-height: auto;
  --popai-ppt-cover-tray-left: 0;
  --popai-ppt-cover-tray-right: 0;
  --popai-ppt-cover-tray-bottom: 0;
  --popai-ppt-cover-tray-top: 0;
  --popai-ppt-cover-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-cover-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-cover-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-cover-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-cover-bgImage: none;
  --popai-ppt-cover-list-bgImage: none;
  --popai-ppt-cover-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-cover-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-cover-accent-bgColor: var(--popai-colors-black);
  --popai-ppt-cover-accent-height: var(--popai-spacing-none);
  --popai-ppt-cover-header-textAlign: start;
  --popai-ppt-cover-header-bgColor: none;
  --popai-ppt-cover-header-fontSize: var(--popai-ppt-h1-fontSize);
  --popai-ppt-cover-header-lineHeight: var(--popai-ppt-h1-lineHeight);
  --popai-ppt-cover-header-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-cover-header-fontWeight: var(--popai-ppt-h1-fontWeight);
  --popai-ppt-cover-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-cover-header-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-cover-header-paddingRight: var(--popai-spacing-none);
  --popai-ppt-cover-header-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-cover-header-marginTop: var(--popai-spacing-none);
  --popai-ppt-cover-body-textAlign: start;
  --popai-ppt-cover-body-bgColor: none;
  --popai-ppt-cover-body-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-cover-body-fontFamily: var(--popai-ppt-h5-fontFamily);
  --popai-ppt-cover-header-fontFamily: var(--popai-font-family);
  --popai-ppt-cover-body-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-cover-body-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-cover-body-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-cover-body-paddingTop: var(--popai-spacing-none);
  --popai-ppt-cover-body-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-cover-body-paddingRight: var(--popai-spacing-none);
  --popai-ppt-cover-body-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-row-img-list-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-row-img-list-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-row-img-list-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-row-img-list-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-row-img-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-row-img-list-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-row-img-list-header-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-row-img-list-header-paddingRight: var(--popai-spacing-none);
  --popai-ppt-row-img-list-header-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-row-img-list-header-bgColor: none;
  --popai-ppt-row-img-list-header-textAlign: start;
  --popai-ppt-row-img-list-header-fontSize: var(--popai-ppt-h2-fontSize);
  --popai-ppt-row-img-list-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-row-img-list-header-fontColor: var(--popai-ppt-h2-fontColor);
  --popai-ppt-row-img-list-header-fontWeight: var(--popai-ppt-h2-fontWeight);
  --popai-ppt-row-img-list-body-paddingTop: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-margin: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-gap: var(--popai-spacing-lg);
  --popai-ppt-row-img-list-body-textAlign: start;
  --popai-ppt-row-img-list-body-fontColor: var(--popai-ppt-p-fontColor);
  --popai-ppt-row-img-list-body-h5-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-row-img-list-body-h5-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-row-img-list-body-h5-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-row-img-list-body-h5-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-row-img-list-body-h5-marginTop: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-h5-textAlign: var(--popai-ppt-h5-textAlign);
  --popai-ppt-row-img-list-body-h5-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-h5-paddingRight: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-p-fontSize: var(--popai-ppt-p-fontSize);
  --popai-ppt-row-img-list-body-p-fontColor: var(--popai-ppt-p-fontColor);
  --popai-ppt-row-img-list-body-p-lineHeight: var(--popai-ppt-p-lineHeight);
  --popai-ppt-row-img-list-body-p-fontWeight: var(--popai-ppt-p-fontWeight);
  --popai-ppt-row-img-list-body-p-marginTop: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-p-textAlign: var(--popai-ppt-p-textAlign);
  --popai-ppt-row-img-list-body-p-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-p-paddingRight: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-p-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-img-borderRadius: var(--popai-borderRadius-lg);
  --popai-ppt-row-img-list-body-img-margin: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-item-borderRadius: var(--popai-borderRadius-lg);
  --popai-ppt-row-img-list-body-item-accent-bgColor: var(--popai-colors-black);
  --popai-ppt-row-img-list-body-item-accent-height: var(--popai-spacing-none);
  --popai-ppt-row-img-list-body-item-bgColor-primary: var(--popai-colors-white);
  --popai-ppt-row-img-list-body-item-bgColor-secondary: var(--popai-colors-white);
  --popai-ppt-row-img-list-body-h5-fontColor-primary: var(--popai-ppt-h5-fontColor);
  --popai-ppt-row-img-list-body-h5-fontColor-secondary: var(--popai-ppt-h5-fontColor);
  --popai-ppt-row-img-list-body-p-fontColor-primary: var(--popai-ppt-p-fontColor);
  --popai-ppt-row-img-list-body-p-fontColor-secondary: var(--popai-ppt-p-fontColor);
  --popai-ppt-row-img-list-card-paddingTop: 60px;
  --popai-ppt-content-list-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-content-list-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-content-list-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-content-list-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-content-list-gridTemplateColumns: [c1] 20% 24px [c2] 36.34%;
  --popai-ppt-content-list-gridGap: 0;
  --popai-ppt-content-list-bgImage: '';
  --popai-ppt-content-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-content-list-header-bgColor: none;
  --popai-ppt-content-list-header-textAlign: start;
  --popai-ppt-content-list-header-fontSize: var(--popai-ppt-h2-fontSize);
  --popai-ppt-content-list-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-content-list-header-fontColor: var(--popai-ppt-h2-fontColor);
  --popai-ppt-content-list-header-fontWeight: var(--popai-ppt-h2-fontWeight);
  --popai-ppt-content-list-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-content-list-header-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-content-list-header-paddingRight: var(--popai-spacing-none);
  --popai-ppt-content-list-header-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-content-list-body-textAlign: start;
  --popai-ppt-content-list-body-bgColor: none;
  --popai-ppt-content-list-body-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-content-list-body-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-content-list-body-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-content-list-body-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-content-list-body-paddingTop: var(--popai-spacing-none);
  --popai-ppt-content-list-body-display: grid;
  --popai-ppt-content-list-body-item-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-content-list-tray-width: 100%;
  --popai-ppt-content-list-tray-height: auto;
  --popai-ppt-content-list-tray-left: 0;
  --popai-ppt-content-list-tray-right: 0;
  --popai-ppt-content-list-tray-bottom: 0;
  --popai-ppt-content-list-tray-top: 0;
  --popai-ppt-content-list-tray-bgImage: '';
  --popai-ppt-emphasis-list-flexGap: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-emphasis-list-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-emphasis-list-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-emphasis-list-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-emphasis-list-marginTop: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-bgImage: '';
  --popai-ppt-emphasis-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-emphasis-list-accent-bgColor: var(--popai-colors-black);
  --popai-ppt-emphasis-list-accent-height: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-header-bgColor: none;
  --popai-ppt-emphasis-list-header-textAlign: start;
  --popai-ppt-emphasis-list-header-fontSize: var(--popai-ppt-h2-fontSize);
  --popai-ppt-emphasis-list-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-emphasis-list-header-fontColor: var(--popai-ppt-h2-fontColor);
  --popai-ppt-emphasis-list-header-fontWeight: var(--popai-ppt-h2-fontWeight);
  --popai-ppt-emphasis-list-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-header-marginTop: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-body-textAlign: start;
  --popai-ppt-emphasis-list-body-bgColor: none;
  --popai-ppt-emphasis-list-body-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-emphasis-list-body-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-emphasis-list-body-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-emphasis-list-body-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-emphasis-list-body-paddingTop: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-body-marginTop: var(--popai-spacing-none);
  --popai-ppt-emphasis-list-tray-width: 100%;
  --popai-ppt-emphasis-list-tray-height: auto;
  --popai-ppt-emphasis-list-tray-left: 0;
  --popai-ppt-emphasis-list-tray-right: 0;
  --popai-ppt-emphasis-list-tray-bottom: 0;
  --popai-ppt-emphasis-list-tray-top: 0;
  --popai-ppt-emphasis-list-tray-bgImage: '';
  --popai-ppt-column-pro-list-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-column-pro-list-paddingLeft: var(--popai-spacing-300);
  --popai-ppt-column-pro-list-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-column-pro-list-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-column-pro-list-bgImage: '';
  --popai-ppt-column-pro-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-column-pro-list-margin: var(--popai-spacing-none);
  --popai-ppt-column-pro-list-header-textAlign: start;
  --popai-ppt-column-pro-list-header-fontSize: var(--popai-ppt-h2-fontSize);
  --popai-ppt-column-pro-list-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-column-pro-list-header-fontColor: var(--popai-ppt-h2-fontColor);
  --popai-ppt-column-pro-list-header-fontWeight: var(--popai-ppt-h2-fontWeight);
  --popai-ppt-column-pro-list-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-column-pro-list-body-h5-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-column-pro-list-body-h5-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-column-pro-list-body-h5-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-column-pro-list-body-h5-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-column-pro-list-body-h5-marginTop: var(--popai-spacing-none);
  --popai-ppt-column-pro-list-body-h5-textAlign: var(--popai-ppt-h5-textAlign);
  --popai-ppt-column-pro-list-body-p-fontSize: var(--popai-ppt-p-fontSize);
  --popai-ppt-column-pro-list-body-p-fontColor: var(--popai-ppt-p-fontColor);
  --popai-ppt-column-pro-list-body-p-lineHeight: var(--popai-ppt-p-lineHeight);
  --popai-ppt-column-pro-list-body-p-fontWeight: var(--popai-ppt-p-fontWeight);
  --popai-ppt-column-pro-list-body-p-marginTop: var(--popai-spacing-none);
  --popai-ppt-column-pro-list-body-p-textAlign: var(--popai-ppt-p-textAlign);
  --popai-ppt-column-pro-list-body-flexGap: var(--popai-spacing-lg);
  --popai-ppt-column-pro-list-body-paddingTop: var(--popai-spacing-xl);
  --popai-ppt-column-pro-list-body-textAlign: start;
  --popai-ppt-column-pro-list-bullet-borderRaduis: var(--popai-borderRadius-xl);
  --popai-ppt-column-pro-list-bullet-bgColor: var(--popai-colors-white);
  --popai-ppt-column-pro-list-bullet-bgColor-primary: var(--popai-colors-white);
  --popai-ppt-column-pro-list-bullet-bgColor-secondary: var(--popai-colors-white);
  --popai-ppt-column-pro-list-bullet-borderWidth: 1px;
  --popai-ppt-column-pro-list-bullet-borderColor: var(--popai-colors-white);
  --popai-ppt-column-pro-list-bullet-padding: var(--popai-spacing-lg);
  --popai-ppt-column-pro-list-bullet-boxShadow: none;
  --popai-ppt-column-pro-list-tray-bgImage: '';
  --popai-ppt-column-pro-list-tray-height: auto;
  --popai-ppt-column-pro-list-tray-top: 0;
  --popai-ppt-column-pro-list-tray-bottom: 0;
  --popai-ppt-column-pro-list-tray-left: 0;
  --popai-ppt-column-pro-list-tray-right: auto;
  --popai-ppt-column-pro-list-bullet-accent-width: var(--popai-spacing-none);
  --popai-ppt-column-pro-list-bullet-accent-bgColor-primary: var(--popai-colors-black);
  --popai-ppt-column-pro-list-bullet-accent-bgColor-secondary: var(--popai-colors-black);
  --popai-ppt-column-pro-list-body-h5-fontColor-primary: var(--popai-colors-black);
  --popai-ppt-column-pro-list-body-h5-fontColor-secondary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-row-pro-list-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-row-pro-list-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-row-pro-list-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-row-pro-list-bgImage: '';
  --popai-ppt-row-pro-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-row-pro-list-header-textAlign: start;
  --popai-ppt-row-pro-list-header-fontSize: var(--popai-ppt-h2-fontSize);
  --popai-ppt-row-pro-list-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-row-pro-list-header-fontColor: var(--popai-ppt-h2-fontColor);
  --popai-ppt-row-pro-list-header-fontWeight: var(--popai-ppt-h2-fontWeight);
  --popai-ppt-row-pro-list-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-row-pro-list-body-gridGap: var(--popai-spacing-lg);
  --popai-ppt-row-pro-list-body-paddingTop: var(--popai-spacing-xl);
  --popai-ppt-row-pro-list-body-textAlign: start;
  --popai-ppt-row-pro-list-body-margin: var(--popai-spacing-none);
  --popai-ppt-row-pro-list-body-flexGap: var(--popai-spacing-lg);
  --popai-ppt-row-pro-list-bullet-bgColor: var(--popai-colors-white);
  --popai-ppt-row-pro-list-bullet-borderColor-primary: var(--popai-colors-white);
  --popai-ppt-row-pro-list-bullet-borderColor-secondary: var(--popai-colors-white);
  --popai-ppt-row-pro-list-bullet-padding: var(--popai-spacing-lg);
  --popai-ppt-row-pro-list-bullet-boxShadow: none;
  --popai-ppt-row-pro-list-bullet-header-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-row-pro-list-bullet-body-paddingTop: var(--popai-spacing-none);
  --popai-ppt-row-pro-list-tray-bgImage: '';
  --popai-ppt-row-pro-list-bullet-borderWidth: 2px;
  --popai-ppt-row-pro-list-bullet-fontColor: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-borderRaduis: var(--popai-borderRadius-xl);
  --popai-ppt-row-pro-list-bullet-bgImage-primary: '';
  --popai-ppt-row-pro-list-bullet-bgImage-secondary: '';
  --popai-ppt-row-pro-list-bullet-bgColor-primary: '';
  --popai-ppt-row-pro-list-bullet-bgColor-secondary: '';
  --popai-ppt-row-pro-list-bullet-fontColor-secondary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-fontColor-primary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-h1-fontSize: var(--popai-ppt-h1-fontSize);
  --popai-ppt-row-pro-list-bullet-h1-fontWeight: var(--popai-ppt-h1-fontWeight);
  --popai-ppt-row-pro-list-bullet-h1-lineHeight: var(--popai-ppt-h1-lineHeight);
  --popai-ppt-row-pro-list-bullet-h1-textAlign: var(--popai-ppt-h1-textAlign);
  --popai-ppt-row-pro-list-bullet-h1-fontColor-primary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-h1-fontColor-secondary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-h1-accent-width: var(--popai-spacing-none);
  --popai-ppt-row-pro-list-bullet-h1-accent-bgColor-primary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-h1-accent-bgColor-secondary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-h5-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-row-pro-list-bullet-h5-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-row-pro-list-bullet-h5-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-row-pro-list-bullet-h5-textAlign: var(--popai-ppt-h5-textAlign);
  --popai-ppt-row-pro-list-bullet-h5-fontColor-primary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-h5-fontColor-secondary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-p-fontSize: var(--popai-ppt-p-fontSize);
  --popai-ppt-row-pro-list-bullet-p-fontWeight: var(--popai-ppt-p-fontWeight);
  --popai-ppt-row-pro-list-bullet-p-lineHeight: var(--popai-ppt-p-lineHeight);
  --popai-ppt-row-pro-list-bullet-p-textAlign: var(--popai-ppt-p-textAlign);
  --popai-ppt-row-pro-list-bullet-p-fontColor-primary: var(--popai-colors-black);
  --popai-ppt-row-pro-list-bullet-p-fontColor-secondary: var(--popai-colors-black);
  --popai-ppt-row-pro-heading1-borderColor: transparent;
  --popai-ppt-row-pro-heading1-fontSize: 32px;
  --popai-ppt-backcover-list-tray-width: 100%;
  --popai-ppt-backcover-list-tray-height: auto;
  --popai-ppt-backcover-list-tray-left: 0;
  --popai-ppt-backcover-list-tray-right: 0;
  --popai-ppt-backcover-list-tray-bottom: 0;
  --popai-ppt-backcover-list-tray-top: 0;
  --popai-ppt-backcover-list-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-backcover-list-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-backcover-list-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-backcover-list-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-backcover-list-bgImage: '';
  --popai-ppt-backcover-list-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-backcover-list-header-textAlign: start;
  --popai-ppt-backcover-list-header-bgColor: none;
  --popai-ppt-backcover-list-header-fontSize: var(--popai-ppt-h1-fontSize);
  --popai-ppt-backcover-list-header-lineHeight: var(--popai-ppt-h1-lineHeight);
  --popai-ppt-backcover-list-header-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-backcover-list-header-fontWeight: var(--popai-ppt-h1-fontWeight);
  --popai-ppt-backcover-list-header-paddingTop: var(--popai-spacing-none);
  --popai-ppt-backcover-list-header-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-backcover-list-header-paddingRight: var(--popai-spacing-none);
  --popai-ppt-backcover-list-header-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-backcover-list-header-margin: var(--popai-spacing-none);
  --popai-ppt-backcover-list-body-textAlign: start;
  --popai-ppt-backcover-list-body-bgColor: none;
  --popai-ppt-backcover-list-body-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-backcover-list-body-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-backcover-list-body-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-backcover-list-body-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-backcover-list-body-paddingTop: var(--popai-spacing-none);
  --popai-ppt-backcover-list-body-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-backcover-list-body-paddingRight: var(--popai-spacing-none);
  --popai-ppt-backcover-list-body-paddingBottom: var(--popai-spacing-none);
  --popai-ppt-backcover-list-body-margin: var(--popai-spacing-none);
  --popai-ppt-swot-paddingTop: var(--popai-ppt-card-paddingTop);
  --popai-ppt-swot-paddingLeft: var(--popai-ppt-card-paddingLeft);
  --popai-ppt-swot-paddingRight: var(--popai-ppt-card-paddingRight);
  --popai-ppt-swot-paddingBottom: var(--popai-ppt-card-paddingBottom);
  --popai-ppt-swot-header-paddingLeft: var(--popai-spacing-none);
  --popai-ppt-swot-bgImage: '';
  --popai-ppt-swot-bgColor: var(--popai-ppt-card-bg);
  --popai-ppt-swot-header-textAlign: start;
  --popai-ppt-swot-header-fontSize: var(--popai-ppt-h2-fontSize);
  --popai-ppt-swot-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-swot-header-fontColor: var(--popai-ppt-h2-fontColor);
  --popai-ppt-swot-header-fontWeight: var(--popai-ppt-h2-fontWeight);
  --popai-ppt-swot-body-margin: var(--popai-spacing-none);
  --popai-ppt-swot-body-paddingTop: var(--popai-spacing-100);
  --popai-ppt-swot-body-gridGap: var(--popai-spacing-lg);
  --popai-ppt-swot-body-p-paddingTop: var(--popai-spacing-md);
  --popai-ppt-swot-body-h5-paddingTop: var(--popai-spacing-md);
  --popai-ppt-swot-body-h5-fontSize: var(--popai-ppt-h5-fontSize);
  --popai-ppt-swot-body-h5-fontColor: var(--popai-ppt-h5-fontColor);
  --popai-ppt-swot-body-h5-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-swot-body-h5-fontWeight: var(--popai-ppt-h5-fontWeight);
  --popai-ppt-swot-body-h5-marginTop: var(--popai-spacing-none);
  --popai-ppt-swot-body-h5-textAlign: var(--popai-ppt-h5-textAlign);
  --popai-ppt-swot-body-p-fontSize: var(--popai-ppt-p-fontSize);
  --popai-ppt-swot-body-p-lineHeight: var(--popai-ppt-p-lineHeight);
  --popai-ppt-swot-body-p-fontWeight: var(--popai-ppt-p-fontWeight);
  --popai-ppt-swot-body-p-marginTop: var(--popai-spacing-none);
  --popai-ppt-swot-body-p-textAlign: var(--popai-ppt-p-textAlign);
  --popai-ppt-swot-body-p-fontColor: var(--popai-ppt-p-fontColor);
  --popai-ppt-swot-body-h1-fontSize: var(--popai-ppt-h1-fontSize);
  --popai-ppt-swot-body-h1-fontWeight: var(--popai-ppt-h1-fontWeight);
  --popai-ppt-swot-body-h1-lineHeight: var(--popai-ppt-h1-lineHeight);
  --popai-ppt-swot-body-h1-1-bgImage: '';
  --popai-ppt-swot-body-h1-1-bgColor: transparent;
  --popai-ppt-swot-body-h1-1-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-swot-body-h1-2-bgImage: '';
  --popai-ppt-swot-body-h1-2-bgColor: transparent;
  --popai-ppt-swot-body-h1-2-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-swot-body-h1-3-bgImage: '';
  --popai-ppt-swot-body-h1-3-bgColor: transparent;
  --popai-ppt-swot-body-h1-3-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-swot-body-h1-4-bgImage: '';
  --popai-ppt-swot-body-h1-4-bgColor: transparent;
  --popai-ppt-swot-body-h1-4-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-poster-bgImage: '';
  --popai-ppt-poster-bgColor: '';
  --popai-ppt-poster-paddingBottom: 30px;
  --popai-ppt-poster-header-fontColor: var(--popai-colors-black);
  --popai-ppt-poster-header-lineHeight: var(--popai-ppt-h2-lineHeight);
  --popai-ppt-poster-body-h5-fontColor: var(--popai-colors-black);
  --popai-ppt-poster-body-h5-lineHeight: var(--popai-ppt-h5-lineHeight);
  --popai-ppt-poster-body-p-fontColor: var(--popai-colors-black);
  --popai-ppt-poster-body-p-lineHeight: var(--popai-ppt-p-lineHeight);
  --popai-ppt-poster-accent-bgColor: var(--popai-colors-black);
  --popai-ppt-fivew-oneh-bgImage: '';
  --popai-ppt-fivew-oneh-bgColor: var(--popai-colors-white);
  --popai-ppt-fivew-oneh-header-heading-2-textColor: var(--popai-colors-black);
  --popai-ppt-fivew-oneh-body-heading-1-bgColor: var(--popai-colors-black);
  --popai-ppt-fivew-oneh-body-heading-1-textColor: var(--popai-colors-white);
  --popai-ppt-fivew-oneh-body-p-textColor: var(--popai-colors-black);
  --popai-ppt-pros-cons-bgImage: '';
  --popai-ppt-pros-cons-bgColor: var(--popai-colors-white);
  --popai-ppt-pros-cons-header-h2-fontColor: var(--popai-colors-black);
  --popai-ppt-pros-cons-body-h5-primary-color: #fff;
  --popai-ppt-pros-cons-body-h5-primary-bgColor: #5ec2cd;
  --popai-ppt-pros-cons-body-h5-secondary-color: var(--popai-ppt-pros-cons-body-h5-primary-color);
  --popai-ppt-pros-cons-body-h5-secondary-bgColor: #f27a5e;
  --popai-ppt-pros-cons-body-h5-fontColor: var(--popai-colors-white);
  --popai-ppt-pros-cons-body-h5-lineHeight: 1.2;
  --popai-ppt-pros-cons-body-h5-1-bgColor: var(--popai-colors-white);
  --popai-ppt-pros-cons-body-h5-2-bgColor: var(--popai-colors-white);
  --popai-ppt-pros-cons-body-card-bgColor: var(--popai-colors-gray-200);
  --popai-ppt-pros-cons-body-card2-bgColor: var(--popai-colors-gray-200);
  --popai-ppt-pros-cons-body-card-p-fontColor: var(var(--popai-colors-black));
  --popai-ppt-pros-cons-body-card-p-bgColor: #f6f9fa;
  --popai-ppt-pros-cons-body-card-borderColor: transparent;
  --popai-ppt-one-item-bgImage: '';
  --popai-ppt-one-item-bgColor: var(--popai-colors-white);
  --popai-ppt-one-item-header-fontColor: var(--popai-colors-black);
  --popai-ppt-one-item-accent-bgColor: var(--popai-colors-black);
  --popai-ppt-one-item-body-fontColor: var(--popai-colors-black);
  --popai-ppt-one-item-body-h5-fontColor: var(--popai-colors-black);
  --popai-ppt-one-item-p-bgColor: var(--popai-colors-black);
  --popai-ppt-one-item-p-fontColor: var(--popai-colors-black);
  --popai-ppt-time-bgImage: '';
  --popai-ppt-time-bgColor: var(--popai-colors-white);
  --popai-ppt-time-paddingLeft: 40px;
  --popai-ppt-time-paddingRight: 40px;
  --popai-ppt-time-paddingTop: 60px;
  --popai-ppt-time-header-fontColor: var(--popai-colors-black);
  --popai-ppt-time-header-bgColor: var(--popai-colors-black);
  --popai-ppt-time-body-h5-fontColor: var(--popai-colors-white);
  --popai-ppt-time-body-p-fontColor: var(--popai-colors-white);
  --popai-ppt-time-body-header-bgColor: var(--popai-colors-black);
  --popai-ppt-time-body-line-bgColor: var(--popai-colors-black);
  --popai-ppt-time-body-h5-bgColor: var(--popai-colors-black);
  --popai-ppt-time-body-p-bgColor: var(--popai-colors-black);
  --popai-ppt-time-body-before-bgColor: var(--popai-colors-black);
  --popai-ppt-time-body-before-fontColor: var(--popai-colors-white);
  --popai-ppt-time-body-item-primary-color: #f29ea2;
  --popai-ppt-time-body-item-secondary-color: #ca6a6f;
  --popai-ppt-time-item-primary-borderColor: transparent;
  --popai-ppt-time-item-secondary-borderColor: var(--popai-ppt-time-item-primary-borderColor);
  --popai-ppt-no-image-bgImage: '';
  --popai-ppt-no-image-bgColor: var(--popai-colors-white);
  --popai-ppt-no-image-header-bgColor: var(--popai-colors-white);
  --popai-ppt-no-image-header-fontColor: var(--popai-colors-black);
  --popai-ppt-no-image-body-h5-fontColor: var(--popai-colors-black);
  --popai-ppt-no-image-body-h1-bgColor: var(--popai-colors-black);
  --popai-ppt-no-image-body-h1-fontColor: var(--popai-colors-white);
  --popai-ppt-no-image-body-p-fontColor: var(--popai-colors-black);
  --popai-ppt-no-image-body-card1-bgColor: var(--popai-colors-white);
  --popai-ppt-no-image-body-card2-bgColor: var(--popai-colors-white);
  --popai-ppt-no-image-body-p2-fontColor: var(--popai-colors-gray-700);
  --popai-ppt-row-img-list-bgImage: '';
  --popai-ppt-row-img-list-bgColor: var(--popai-colors-white);
  --popai-ppt-three-items-header-bgColor: var(--popai-colors-white);
  --popai-ppt-three-items-header-fontColor: var(--popai-colors-black);
  --popai-ppt-three-items-body-bgColor: var(--popai-colors-white);
  --popai-ppt-three-items-body-fontColor: var(--popai-colors-black);
  --popai-ppt-two-item-bgImage: '';
  --popai-ppt-two-item-bgColor: transparent;
  --popai-ppt-two-item-fontColor: var(--popai-ppt-h1-fontColor);
  --popai-ppt-two-item-card-shadowColor: rgba(0, 0, 0, 0.1);
  --popai-ppt-two-item-card-borderColor: transparent;
  --popai-ppt-5w1h-header-borderColor: 'transparent';
  --popai-ppt-5w1h-header-bgColor: #fff;
  --popai-ppt-5w1h-header-bgImage: none;
  --popai-ppt-5w1h-header-color: var(--popai-ppt-theme-header-secondary-fontColor);
  --popai-ppt-5w1h-theme-borderColor: 'transparent';
  --popai-ppt-5w1h-card-paddingTop: 10px;
  --popai-ppt-theme-borderWidth: 2px;
}
.ppt-view .tiptap .ppt-card {
  border-radius: var(--popai-ppt-card-radius);
  min-height: var(--popai-ppt-card-min-height);
  background-color: var(--popai-ppt-card-bg);
  background-image: var(--popai-ppt-card-bg-image);
  box-sizing: border-box;
  box-shadow: var(--popai-ppt-card-boxShadow);
}
.ppt-view .tiptap .presentation-card {
  padding-top: var(--popai-ppt-card-paddingTop);
  padding-left: var(--popai-ppt-card-paddingLeft);
  padding-right: var(--popai-ppt-card-paddingRight);
  padding-bottom: var(--popai-ppt-card-paddingBottom);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ppt-view .tiptap .presentation-card::after {
  background: none;
}
.ppt-view .tiptap .ppt-heading-1 {
  font-size: var(--popai-ppt-h1-fontSize);
  font-weight: var(--popai-ppt-h1-fontWeight);
  color: var(--popai-ppt-h1-fontColor);
  margin-top: var(--popai-ppt-h1-marginTop);
  margin-bottom: var(--popai-ppt-h1-marginBottom);
  margin-left: var(--popai-ppt-h1-marginLeft);
  text-align: var(--popai-ppt-h1-textAlign);
  font-family: var(--popai-ppt-h1-fontFamily);
}
.ppt-view .tiptap .ppt-heading-2 {
  font-size: var(--popai-ppt-h2-fontSize);
  font-weight: var(--popai-ppt-h2-fontWeight);
  color: var(--popai-ppt-h2-fontColor);
  margin-top: var(--popai-ppt-h2-marginTop);
  margin-bottom: var(--popai-ppt-h2-marginBottom);
  margin-left: var(--popai-ppt-h2-marginLeft);
  text-align: var(--popai-ppt-h2-textAlign);
  font-family: var(--popai-ppt-h2-fontFamily);
}
.ppt-view .tiptap .ppt-heading-5 {
  font-size: var(--popai-ppt-h5-fontSize);
  font-weight: var(--popai-ppt-h5-fontWeight);
  color: var(--popai-ppt-h5-fontColor);
  margin-top: var(--popai-ppt-h5-marginTop);
  margin-bottom: var(--popai-ppt-h5-marginBottom);
  margin-left: var(--popai-ppt-h5-marginLeft);
  text-align: var(--popai-ppt-h5-textAlign);
  font-family: var(--popai-ppt-h5-fontFamily);
}
.ppt-view .tiptap .ppt-image-caption {
  margin-top: var(--popai-ppt-imageCaption-marginTop);
  margin-bottom: var(--popai-ppt-imageCaption-marginBottom);
  margin-left: var(--popai-ppt-imageCaption-marginLeft);
  background-color: var(--popai-ppt-imageCaption-bgColor);
  text-align: var(--popai-ppt-imageCaption-textAlign);
  width: 250px;
}
.ppt-view .tiptap .ppt-image-caption > h5 {
  color: var(--popai-ppt-imageCaption-titleColor);
}
.ppt-view .tiptap .ppt-image-caption > p {
  color: var(--popai-ppt-imageCaption-articleColor);
  background-color: var(--popai-ppt-imageCaption-articleBgColor);
  margin-bottom: var(--popai-spacing-md);
}
.ppt-view .tiptap .ppt-p {
  font-size: var(--popai-ppt-p-fontSize);
  font-weight: var(--popai-ppt-p-fontWeight);
  color: var(--popai-ppt-p-fontColor);
  margin-bottom: var(--popai-ppt-p-marginBottom);
  margin-top: var(--popai-ppt-p-marginTop);
  margin-left: var(--popai-ppt-p-marginLeft);
  text-align: var(--popai-ppt-p-textAlign);
  line-height: var(--popai-ppt-p-lineHeight);
  word-break: var(--popai-ppt-p-wordBreak);
  word-wrap: var(--popai-ppt-p-wordWrap);
  white-space: var(--popai-ppt-p-whiteSpace);
  word-break: break-word;
  word-wrap: break-word;
  white-space: normal;
  font-family: var(--popai-ppt-p-fontFamily);
}
.ppt-view .presentation-card.card-layout-cover .card-node > h1,
.ppt-view .presentation-card.card-layout-cover-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-content .card-node > h1,
.ppt-view .presentation-card.card-layout-content-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-emphasis .card-node > h1,
.ppt-view .presentation-card.card-layout-emphasis-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-single-text,
.ppt-view .presentation-card.card-layout-single-list {
  background-position-y: 88px;
}
.ppt-view .presentation-card.card-layout-single-text .card-node > h1,
.ppt-view .presentation-card.card-layout-single-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-left-text,
.ppt-view .presentation-card.card-layout-left-list {
  background-size: 33.3% 100%;
  padding-left: 45%;
  padding-right: 5%;
  padding-top: 64px;
}
.ppt-view .presentation-card.card-layout-left-text .card-node > h1,
.ppt-view .presentation-card.card-layout-left-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-left-text .card-block.block-main-text-content,
.ppt-view .presentation-card.card-layout-left-list .card-block.block-main-text-content,
.ppt-view .presentation-card.card-layout-left-text .card-block.card-block-body,
.ppt-view .presentation-card.card-layout-left-list .card-block.card-block-body {
  margin-top: 10px;
}
.ppt-view .presentation-card.card-layout-left-text .card-block.block-main-text-content > p,
.ppt-view .presentation-card.card-layout-left-list .card-block.block-main-text-content > p,
.ppt-view .presentation-card.card-layout-left-text .card-block.card-block-body > p,
.ppt-view .presentation-card.card-layout-left-list .card-block.card-block-body > p {
  padding-left: 1em;
}
.ppt-view .presentation-card.card-layout-left-text .card-block.card-block-tray,
.ppt-view .presentation-card.card-layout-left-list .card-block.card-block-tray,
.ppt-view .presentation-card.card-layout-left-text ~ .card-image,
.ppt-view .presentation-card.card-layout-left-list ~ .card-image {
  width: 33.33%;
  left: 0;
  right: auto;
}
.ppt-view .presentation-card.card-layout-row-list,
.ppt-view .presentation-card.card-layout-row-pro-list {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
}
.ppt-view .presentation-card.card-layout-row-list .card-block.card-block-body .card-node,
.ppt-view .presentation-card.card-layout-row-pro-list .card-block.card-block-body .card-node {
  background-origin: border-box;
}
.ppt-view .presentation-card.card-layout-row-list .card-block.card-block-body .card-node .p-image-wrapper,
.ppt-view .presentation-card.card-layout-row-pro-list .card-block.card-block-body .card-node .p-image-wrapper {
  cursor: default;
  overflow: hidden;
  aspect-ratio: 16/9;
}
div.ppt-view .presentation-card.card-layout-row-img-list {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
}
div.ppt-view .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node {
  background-origin: border-box;
}
div.ppt-view .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node .p-image-wrapper {
  cursor: default;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.ppt-view .presentation-card.card-layout-column-list .card-node > h1,
.ppt-view .presentation-card.card-layout-column-pro-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-back-cover .card-node > h1,
.ppt-view .presentation-card.card-layout-backcover-list .card-node > h1 {
  display: none;
}
.ppt-view .presentation-card.card-layout-swot {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--p-card-header-bg);
}
.ppt-view .tiptap div[layout='backcover-list'] .presentation-card-container.ppt-card,
.ppt-view .tiptap div[layout='back-cover'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-backcover-list-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='backcover-list'] .presentation-card.card-layout-backcover-list,
.ppt-view .tiptap div[layout='back-cover'] .presentation-card.card-layout-backcover-list,
.ppt-view .tiptap div[layout='backcover-list'] .presentation-card.card-layout-back-cover,
.ppt-view .tiptap div[layout='back-cover'] .presentation-card.card-layout-back-cover {
  padding-top: var(--popai-ppt-backcover-list-paddingTop);
  padding-bottom: var(--popai-ppt-backcover-list-paddingBottom);
  padding-inline-start: var(--popai-ppt-backcover-list-paddingLeft);
  padding-inline-end: var(--popai-ppt-backcover-list-paddingRight);
  background-image: var(--popai-ppt-backcover-list-bgImage);
  background-color: var(--popai-ppt-backcover-list-bgColor);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-tray,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-tray {
  position: absolute;
  box-sizing: border-box;
  height: var(--popai-ppt-backcover-list-tray-height);
  width: var(--popai-ppt-backcover-list-tray-width);
  left: var(--popai-ppt-backcover-list-tray-left);
  right: var(--popai-ppt-backcover-list-tray-right);
  top: var(--popai-ppt-backcover-list-tray-top);
  bottom: var(--popai-ppt-backcover-list-tray-bottom);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--popai-ppt-backcover-list-tray-bgImage);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-tray .p-image-content > img,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-tray .p-image-content > img {
  width: 100%;
  height: 100%;
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-ending-title,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-ending-title {
  padding-top: var(--popai-ppt-backcover-list-header-paddingTop);
  padding-bottom: var(--popai-ppt-backcover-list-header-paddingBottom);
  padding-inline-start: var(--popai-ppt-backcover-list-header-paddingLeft);
  padding-inline-end: var(--popai-ppt-backcover-list-header-paddingRight);
  background-color: var(--popai-ppt-backcover-list-header-bgColor);
  margin: var(--popai-ppt-backcover-list-header-margin);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-header > h1,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-header > h1,
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-ending-title > h1,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-ending-title > h1 {
  text-align: var(--popai-ppt-backcover-list-header-textAlign);
  font-size: var(--popai-ppt-backcover-list-header-fontSize);
  line-height: var(--popai-ppt-backcover-list-header-lineHeight);
  color: var(--popai-ppt-backcover-list-header-fontColor);
  font-weight: var(--popai-ppt-backcover-list-header-fontWeight);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-body {
  padding-top: var(--popai-ppt-backcover-list-body-paddingTop);
  padding-bottom: var(--popai-ppt-backcover-list-body-paddingBottom);
  padding-inline-start: var(--popai-ppt-backcover-list-body-paddingLeft);
  padding-inline-end: var(--popai-ppt-backcover-list-body-paddingRight);
  background-color: var(--popai-ppt-backcover-list-body-bgColor);
  margin: var(--popai-ppt-backcover-list-body-margin);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-body h5,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-body h5 {
  text-align: var(--popai-ppt-backcover-list-body-textAlign);
  font-size: var(--popai-ppt-backcover-list-body-fontSize);
  line-height: var(--popai-ppt-backcover-list-body-lineHeight);
  color: var(--popai-ppt-backcover-list-body-fontColor);
  font-weight: var(--popai-ppt-backcover-list-body-fontWeight);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-contact-info,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-contact-info {
  padding-top: var(--popai-ppt-backcover-list-body-paddingTop);
  padding-bottom: var(--popai-ppt-backcover-list-body-paddingBottom);
  padding-inline-start: var(--popai-ppt-backcover-list-body-paddingLeft);
  padding-inline-end: var(--popai-ppt-backcover-list-body-paddingRight);
  background-color: var(--popai-ppt-backcover-list-body-bgColor);
  margin: var(--popai-ppt-backcover-list-body-margin);
}
.ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-contact-info p,
.ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-contact-info p {
  text-align: var(--popai-ppt-backcover-list-body-textAlign);
  font-size: var(--popai-ppt-backcover-list-body-fontSize);
  line-height: var(--popai-ppt-backcover-list-body-lineHeight);
  color: var(--popai-ppt-backcover-list-body-fontColor);
  font-weight: var(--popai-ppt-backcover-list-body-fontWeight);
}
body[dir='rtl'] .ppt-view .tiptap div[layout='backcover-list'] .card-block.card-block-tray,
body[dir='rtl'] .ppt-view .tiptap div[layout='back-cover'] .card-block.card-block-tray {
  left: 0;
  right: auto;
}
.ppt-view .tiptap div[layout='column-pro-list'] .presentation-card-container.ppt-card,
.ppt-view .tiptap div[layout='column-list'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-column-pro-list-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='column-pro-list'] .presentation-card.card-layout-column-pro-list,
.ppt-view .tiptap div[layout='column-list'] .presentation-card.card-layout-column-pro-list,
.ppt-view .tiptap div[layout='column-pro-list'] .presentation-card.card-layout-column-list,
.ppt-view .tiptap div[layout='column-list'] .presentation-card.card-layout-column-list {
  padding-top: var(--popai-ppt-column-pro-list-paddingTop);
  padding-bottom: var(--popai-ppt-column-pro-list-paddingBottom);
  padding-left: var(--popai-ppt-column-pro-list-paddingLeft);
  padding-right: var(--popai-ppt-column-pro-list-paddingRight);
  background-image: var(--popai-ppt-column-pro-list-bgImage);
  background-color: var(--popai-ppt-column-pro-list-bgColor);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-header {
  padding-top: var(--popai-ppt-column-pro-list-header-paddingTop);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-header > h2,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-header > h2 {
  margin: var(--popai-ppt-column-pro-list-margin);
  font-size: var(--popai-ppt-column-pro-list-header-fontSize);
  line-height: var(--popai-ppt-column-pro-list-header-lineHeight);
  color: var(--popai-ppt-column-pro-list-header-fontColor);
  font-weight: var(--popai-ppt-column-pro-list-header-fontWeight);
  text-align: var(--popai-ppt-column-pro-list-header-textAlign);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: var(--popai-ppt-column-pro-list-body-paddingTop);
  gap: var(--popai-ppt-column-pro-list-body-flexGap);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body h5.ppt-heading-5,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body h5.ppt-heading-5 {
  font-size: var(--popai-ppt-column-pro-list-body-h5-fontSize);
  line-height: var(--popai-ppt-column-pro-list-body-h5-lineHeight);
  font-weight: var(--popai-ppt-column-pro-list-body-h5-fontWeight);
  text-align: var(--popai-ppt-column-pro-list-body-h5-textAlign);
  margin-bottom: 8px;
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body p.ppt-p,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body p.ppt-p {
  font-size: var(--popai-ppt-column-pro-list-body-p-fontSize);
  line-height: var(--popai-ppt-column-pro-list-body-p-lineHeight);
  font-weight: var(--popai-ppt-column-pro-list-body-p-fontWeight);
  text-align: var(--popai-ppt-column-pro-list-body-p-textAlign);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .card-node,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .card-node {
  background-color: var(--popai-ppt-column-pro-list-bullet-bgColor);
  border-color: var(--popai-ppt-column-pro-list-bullet-borderColor);
  width: 100%;
  padding: var(--popai-ppt-column-pro-list-bullet-padding);
  border-width: var(--popai-ppt-column-pro-list-bullet-borderWidth);
  border-style: solid;
  border-radius: var(--popai-ppt-column-pro-list-bullet-borderRaduis);
  box-shadow: var(--popai-ppt-column-pro-list-bullet-boxShadow);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .card-node::after,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .card-node::after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 10%;
  width: var(--popai-ppt-column-pro-list-bullet-accent-width);
  height: 80%;
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd),
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(odd),
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(odd),
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(odd) {
  background-color: var(--popai-ppt-column-pro-list-bullet-bgColor-primary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd) p,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(odd) p,
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(odd) p,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(odd) p {
  color: var(--popai-ppt-column-pro-list-body-p-fontColor-primary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd) h5,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(odd) h5,
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(odd) h5,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(odd) h5 {
  color: var(--popai-ppt-column-pro-list-body-h5-fontColor-primary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd)::after,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(odd)::after,
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(odd)::after,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(odd)::after {
  background-color: var(--popai-ppt-column-pro-list-bullet-accent-bgColor-primary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even),
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(even),
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(even),
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(even) {
  background-color: var(--popai-ppt-column-pro-list-bullet-bgColor-secondary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even) p,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(even) p,
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(even) p,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(even) p {
  color: var(--popai-ppt-column-pro-list-body-p-fontColor-secondary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even) h5,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(even) h5,
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(even) h5,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(even) h5 {
  color: var(--popai-ppt-column-pro-list-body-h5-fontColor-secondary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even)::after,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-list-item:nth-child(even)::after,
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-body .node-column-item:nth-child(even)::after,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-body .node-column-item:nth-child(even)::after {
  background-color: var(--popai-ppt-column-pro-list-bullet-accent-bgColor-secondary);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-tray,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-tray {
  width: 33.33%;
  position: absolute;
  left: var(--popai-ppt-column-pro-list-tray-left);
  right: var(--popai-ppt-column-pro-list-tray-right);
  top: var(--popai-ppt-column-pro-list-tray-top);
  bottom: var(--popai-ppt-column-pro-list-tray-bottom);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--popai-ppt-column-pro-list-tray-bgImage);
}
.ppt-view .tiptap div[layout='column-pro-list'] .card-block.card-block-tray .p-image-content > img,
.ppt-view .tiptap div[layout='column-list'] .card-block.card-block-tray .p-image-content > img {
  width: 100%;
  height: 100%;
}
.ppt-view .tiptap div[layout='content-list'] .presentation-card-container.ppt-card,
.ppt-view .tiptap div[layout='content'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-content-list-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='content-list'] .presentation-card.card-layout-content-list > div,
.ppt-view .tiptap div[layout='content'] .presentation-card.card-layout-content-list > div,
.ppt-view .tiptap div[layout='content-list'] .presentation-card.card-layout-content > div,
.ppt-view .tiptap div[layout='content'] .presentation-card.card-layout-content > div {
  padding-top: var(--popai-ppt-content-list-paddingTop);
  padding-bottom: var(--popai-ppt-content-list-paddingBottom);
  padding-left: var(--popai-ppt-content-list-paddingLeft);
  padding-right: var(--popai-ppt-content-list-paddingRight);
  background-color: var(--popai-ppt-content-list-bgColor);
  display: var(--popai-ppt-content-list-body-display);
  grid-template-columns: var(--popai-ppt-content-list-gridTemplateColumns);
  gap: var(--popai-ppt-content-list-gridGap);
  min-height: var(--popai-ppt-card-min-height);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-left-subtitle,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-left-subtitle {
  padding-top: var(--popai-ppt-content-list-header-paddingTop);
  background-color: var(--popai-ppt-content-list-header-bgColor);
  padding-left: var(--popai-ppt-content-list-header-paddingLeft);
  padding-right: var(--popai-ppt-content-list-header-paddingRight);
  padding-bottom: var(--popai-ppt-content-list-header-paddingBottom);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-header > h2,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-header > h2,
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-left-subtitle > h2,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-left-subtitle > h2 {
  text-align: var(--popai-ppt-content-list-header-textAlign);
  font-size: var(--popai-ppt-content-list-header-fontSize);
  line-height: var(--popai-ppt-content-list-header-lineHeight);
  color: var(--popai-ppt-content-list-header-fontColor);
  font-weight: var(--popai-ppt-content-list-header-fontWeight);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-section-list,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-section-list {
  padding-top: var(--popai-ppt-content-list-body-paddingTop);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-body h5,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-body h5,
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-section-list h5,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-section-list h5 {
  text-align: var(--popai-ppt-content-list-body-textAlign);
  font-size: var(--popai-ppt-content-list-body-fontSize);
  line-height: var(--popai-ppt-content-list-body-lineHeight);
  color: var(--popai-ppt-content-list-body-fontColor);
  font-weight: var(--popai-ppt-content-list-body-fontWeight);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-body .node-list-item,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-body .node-list-item,
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-section-list .node-list-item,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-section-list .node-list-item {
  padding-bottom: var(--popai-ppt-content-list-body-item-paddingBottom);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-tray,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-tray {
  position: absolute;
  box-sizing: border-box;
  height: var(--popai-ppt-content-list-tray-height);
  width: var(--popai-ppt-content-list-tray-width);
  left: var(--popai-ppt-content-list-tray-left);
  right: var(--popai-ppt-content-list-tray-right);
  top: var(--popai-ppt-content-list-tray-top);
  bottom: var(--popai-ppt-content-list-tray-bottom);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--popai-ppt-content-list-tray-bgImage);
}
.ppt-view .tiptap div[layout='content-list'] .card-block.card-block-tray .p-image-content > img,
.ppt-view .tiptap div[layout='content'] .card-block.card-block-tray .p-image-content > img {
  width: 100%;
  height: 100%;
}
.ppt-view .tiptap div[layout='cover-list'] .presentation-card-container.ppt-card,
.ppt-view .tiptap div[layout='cover'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-cover-list-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-tray,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-tray {
  position: absolute;
  box-sizing: border-box;
  height: var(--popai-ppt-cover-tray-height);
  width: var(--popai-ppt-cover-tray-width);
  left: var(--popai-ppt-cover-tray-left);
  right: var(--popai-ppt-cover-tray-right);
  top: var(--popai-ppt-cover-tray-top);
  bottom: var(--popai-ppt-cover-tray-bottom);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--popai-ppt-cover-bgImage);
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-tray .p-image-content > img,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-tray .p-image-content > img {
  width: 100%;
  height: 100%;
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-doc-title,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-doc-title {
  padding-bottom: var(--popai-ppt-cover-header-paddingBottom);
  margin-top: var(--popai-ppt-cover-header-marginTop);
  padding-top: var(--popai-ppt-cover-header-paddingTop);
  padding-left: var(--popai-ppt-cover-header-paddingLeft);
  padding-right: var(--popai-ppt-cover-header-paddingRight);
  background-color: var(--popai-ppt-cover-header-bgColor);
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-header > h1,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-header > h1,
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-doc-title > h1,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-doc-title > h1 {
  text-align: var(--popai-ppt-cover-header-textAlign);
  font-size: var(--popai-ppt-cover-header-fontSize);
  line-height: var(--popai-ppt-cover-header-lineHeight);
  color: var(--popai-ppt-cover-header-fontColor);
  font-weight: var(--popai-ppt-cover-header-fontWeight);
  font-family: var(--popai-ppt-cover-header-fontFamily);
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-body {
  padding-bottom: var(--popai-ppt-cover-body-paddingBottom);
  padding-top: var(--popai-ppt-cover-body-paddingTop);
  padding-left: var(--popai-ppt-cover-body-paddingLeft);
  padding-right: var(--popai-ppt-cover-body-paddingRight);
  background-color: var(--popai-ppt-cover-body-bgColor);
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-body h5,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-body h5 {
  text-align: var(--popai-ppt-cover-body-textAlign);
  font-size: var(--popai-ppt-cover-body-fontSize);
  line-height: var(--popai-ppt-cover-body-lineHeight);
  color: var(--popai-ppt-cover-body-fontColor);
  font-weight: var(--popai-ppt-cover-body-fontWeight);
  font-family: var(--popai-ppt-cover-body-fontFamily);
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-doc-subtitle,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-doc-subtitle {
  padding-bottom: var(--popai-ppt-cover-body-paddingBottom);
  padding-top: var(--popai-ppt-cover-body-paddingTop);
  padding-left: var(--popai-ppt-cover-body-paddingLeft);
  padding-right: var(--popai-ppt-cover-body-paddingRight);
  background-color: var(--popai-ppt-cover-body-bgColor);
}
.ppt-view .tiptap div[layout='cover-list'] .card-block.card-block-doc-subtitle p,
.ppt-view .tiptap div[layout='cover'] .card-block.card-block-doc-subtitle p {
  text-align: var(--popai-ppt-cover-body-textAlign);
  font-size: var(--popai-ppt-cover-body-fontSize);
  line-height: var(--popai-ppt-cover-body-lineHeight);
  color: var(--popai-ppt-cover-body-fontColor);
  font-weight: var(--popai-ppt-cover-body-fontWeight);
  font-family: var(--popai-ppt-cover-body-fontFamily);
}
.ppt-view .tiptap div[layout='cover-list'] .presentation-card.card-layout-cover-list,
.ppt-view .tiptap div[layout='cover'] .presentation-card.card-layout-cover-list,
.ppt-view .tiptap div[layout='cover-list'] .presentation-card.card-layout-cover,
.ppt-view .tiptap div[layout='cover'] .presentation-card.card-layout-cover {
  padding-top: var(--popai-ppt-cover-paddingTop);
  padding-bottom: var(--popai-ppt-cover-paddingBottom);
  padding-left: var(--popai-ppt-cover-paddingLeft);
  padding-right: var(--popai-ppt-cover-paddingRight);
  background-image: var(--popai-ppt-cover-bgImage);
  background-color: var(--popai-ppt-cover-list-bgColor);
}
.ppt-view .tiptap div[layout='cover-list'] .presentation-card.card-layout-cover-list::after,
.ppt-view .tiptap div[layout='cover'] .presentation-card.card-layout-cover-list::after,
.ppt-view .tiptap div[layout='cover-list'] .presentation-card.card-layout-cover::after,
.ppt-view .tiptap div[layout='cover'] .presentation-card.card-layout-cover::after {
  content: '';
  display: block;
  position: absolute;
  width: 30%;
  height: var(--popai-ppt-cover-accent-height);
  background: var(--popai-ppt-cover-accent-bgColor);
  top: 60px;
  left: 35%;
  bottom: auto;
  right: auto;
  z-index: 100;
}
.ppt-view .tiptap div[layout='emphasis-list'] .presentation-card-container.ppt-card,
.ppt-view .tiptap div[layout='emphasis'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-emphasis-list-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='emphasis-list'] .presentation-card.card-layout-emphasis-list > div,
.ppt-view .tiptap div[layout='emphasis'] .presentation-card.card-layout-emphasis-list > div,
.ppt-view .tiptap div[layout='emphasis-list'] .presentation-card.card-layout-emphasis > div,
.ppt-view .tiptap div[layout='emphasis'] .presentation-card.card-layout-emphasis > div {
  padding-top: var(--popai-ppt-emphasis-list-paddingTop);
  padding-bottom: var(--popai-ppt-emphasis-list-paddingBottom);
  padding-left: var(--popai-ppt-emphasis-list-paddingLeft);
  padding-right: var(--popai-ppt-emphasis-list-paddingRight);
  margin-top: var(--popai-ppt-emphasis-list-marginTop);
  background-image: var(--popai-ppt-emphasis-list-bgImage);
  background-color: var(--popai-ppt-emphasis-list-bgColor);
  display: flex;
  flex-flow: column;
  gap: var(--popai-ppt-emphasis-list-flexGap);
}
.ppt-view .tiptap div[layout='emphasis-list'] .presentation-card.card-layout-emphasis-list > div::after,
.ppt-view .tiptap div[layout='emphasis'] .presentation-card.card-layout-emphasis-list > div::after,
.ppt-view .tiptap div[layout='emphasis-list'] .presentation-card.card-layout-emphasis > div::after,
.ppt-view .tiptap div[layout='emphasis'] .presentation-card.card-layout-emphasis > div::after {
  content: '';
  display: block;
  position: absolute;
  width: 30%;
  height: var(--popai-ppt-emphasis-list-accent-height);
  top: auto;
  right: auto;
  bottom: 100px;
  left: 35%;
  z-index: 100;
  background: var(--popai-ppt-emphasis-list-accent-bgColor);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-header {
  order: 2;
  padding-top: var(--popai-ppt-emphasis-list-header-paddingTop);
  margin-top: var(--popai-ppt-emphasis-list-header-marginTop);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-header > h2,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-header > h2 {
  text-align: var(--popai-ppt-emphasis-list-header-textAlign);
  font-size: var(--popai-ppt-emphasis-list-header-fontSize);
  line-height: var(--popai-ppt-emphasis-list-header-lineHeight);
  color: var(--popai-ppt-emphasis-list-header-fontColor);
  font-weight: var(--popai-ppt-emphasis-list-header-fontWeight);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-punchline > h2,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-punchline > h2 {
  text-align: var(--popai-ppt-emphasis-list-header-textAlign);
  font-size: var(--popai-ppt-emphasis-list-header-fontSize);
  line-height: var(--popai-ppt-emphasis-list-header-lineHeight);
  color: var(--popai-ppt-emphasis-list-header-fontColor);
  font-weight: var(--popai-ppt-emphasis-list-header-fontWeight);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-body {
  order: 1;
  padding-top: var(--popai-ppt-emphasis-list-body-paddingTop);
  margin-top: var(--popai-ppt-emphasis-list-body-marginTop);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-body h5,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-body h5 {
  text-align: var(--popai-ppt-emphasis-list-body-textAlign);
  font-size: var(--popai-ppt-emphasis-list-body-fontSize);
  line-height: var(--popai-ppt-emphasis-list-body-lineHeight);
  color: var(--popai-ppt-emphasis-list-body-fontColor);
  font-weight: var(--popai-ppt-emphasis-list-body-fontWeight);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-description p,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-description p {
  text-align: var(--popai-ppt-emphasis-list-body-textAlign);
  font-size: var(--popai-ppt-emphasis-list-body-fontSize);
  line-height: var(--popai-ppt-emphasis-list-body-lineHeight);
  color: var(--popai-ppt-emphasis-list-body-fontColor);
  font-weight: var(--popai-ppt-emphasis-list-body-fontWeight);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-tray,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-tray {
  position: absolute;
  box-sizing: border-box;
  height: var(--popai-ppt-emphasis-list-tray-height);
  width: var(--popai-ppt-emphasis-list-tray-width);
  left: var(--popai-ppt-emphasis-list-tray-left);
  right: var(--popai-ppt-emphasis-list-tray-right);
  top: var(--popai-ppt-emphasis-list-tray-top);
  bottom: var(--popai-ppt-emphasis-list-tray-bottom);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--popai-ppt-emphasis-list-tray-bgImage);
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-tray .p-image-content > img,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-tray .p-image-content > img {
  width: 100%;
  height: 100%;
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-description p,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-description p {
  font-weight: 600;
  text-align: center;
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-punchline,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-punchline {
  margin-top: 0;
}
.ppt-view .tiptap div[layout='emphasis-list'] .card-block.card-block-punchline h2,
.ppt-view .tiptap div[layout='emphasis'] .card-block.card-block-punchline h2 {
  text-align: center;
}
.ppt-view .tiptap div[layout='outline'] .presentation-card.card-layout-outline {
  color: var(--popai-ppt-outline-body-fontColor);
  position: relative;
  border-radius: var(--popai-ppt-outline-borderRadius);
  overflow: hidden;
  width: 820px;
  padding: 0 7.5% 28px;
}
.ppt-view .tiptap div[layout='outline'] .presentation-card.card-layout-outline .card-block.card-block-card-subtitle {
  position: relative;
  z-index: 1;
}
.ppt-view .tiptap div[layout='outline'] .presentation-card.card-layout-outline .card-block.card-block-card-subtitle h2 {
  color: var(--popai-ppt-outline-header-fontColor);
  background-image: var(--p-outline-title-linear-gradient);
  -webkit-background-clip: text;
  margin-top: 30px;
  margin-bottom: 21px;
  line-height: normal;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.ppt-view .tiptap div[layout='outline'] .presentation-card.card-layout-outline .card-block.card-block-main-text-content {
  position: relative;
  z-index: 1;
}
.ppt-view .tiptap div[layout='outline'] .presentation-card.card-layout-outline .card-block.card-block-main-text-content h2 {
  color: var(--popai-ppt-outline-body-header-fontColor);
  background-image: var(--p-outline-subtitle-linear-gradient);
  -webkit-background-clip: text;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 600;
}
.ppt-view .tiptap div[layout='outline'] .presentation-card.card-layout-outline::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-size: 100% 75px;
  background-color: #fff;
  background-image: var(--popai-ppt-outline-header-bgImage);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card-container.ppt-card {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--popai-ppt-row-img-list-bgImage);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list {
  position: relative;
  padding-top: var(--popai-ppt-row-img-list-paddingTop);
  padding-bottom: var(--popai-ppt-row-img-list-paddingBottom);
  padding-left: var(--popai-ppt-row-img-list-paddingLeft);
  padding-right: var(--popai-ppt-row-img-list-paddingRight);
  background-color: var(--popai-ppt-row-img-list-bgColor);
}
.ppt-view .tiptap div[layout='row-img-list'] .card-block.card-block-header {
  padding-top: var(--popai-ppt-row-img-list-header-paddingTop);
  padding-bottom: var(--popai-ppt-row-img-list-header-paddingBottom);
  padding-left: var(--popai-ppt-row-img-list-header-paddingLeft);
  padding-right: var(--popai-ppt-row-img-list-header-paddingRight);
  background-color: var(--popai-ppt-row-img-list-header-bgColor);
}
.ppt-view .tiptap div[layout='row-img-list'] .card-block.card-block-header > h2 {
  text-align: var(--popai-ppt-row-img-list-header-textAlign);
  font-size: var(--popai-ppt-row-img-list-header-fontSize);
  line-height: var(--popai-ppt-row-img-list-header-lineHeight);
  color: var(--popai-ppt-row-img-list-header-fontColor);
  font-weight: var(--popai-ppt-row-img-list-header-fontWeight);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body {
  padding-top: var(--popai-ppt-row-img-list-body-paddingTop);
  margin: var(--popai-ppt-row-img-list-body-margin);
  display: grid;
  gap: var(--popai-ppt-row-img-list-body-gap);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .ppt-heading-1 {
  display: none;
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .ppt-heading-5 {
  margin-top: var(--popai-ppt-row-img-list-body-h5-marginTop);
  font-size: var(--popai-ppt-row-img-list-body-h5-fontSize);
  color: var(--popai-ppt-row-img-list-body-h5-fontColor);
  font-weight: var(--popai-ppt-row-img-list-body-h5-fontWeight);
  line-height: var(--popai-ppt-row-img-list-body-h5-lineHeight);
  text-align: var(--popai-ppt-row-img-list-body-h5-textAlign);
  margin-inline-start: var(--popai-ppt-row-img-list-body-h5-paddingLeft);
  margin-inline-end: var(--popai-ppt-row-img-list-body-h5-paddingRight);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .ppt-p {
  margin-top: var(--popai-ppt-row-img-list-body-p-marginTop);
  font-size: var(--popai-ppt-row-img-list-body-p-fontSize);
  color: var(--popai-ppt-row-img-list-body-p-fontColor);
  font-weight: var(--popai-ppt-row-img-list-body-p-fontWeight);
  line-height: var(--popai-ppt-row-img-list-body-p-lineHeight);
  text-align: var(--popai-ppt-row-img-list-body-p-textAlign);
  padding-bottom: var(--popai-ppt-row-img-list-body-p-paddingBottom);
  margin-inline-start: var(--popai-ppt-row-img-list-body-p-paddingLeft);
  margin-inline-end: var(--popai-ppt-row-img-list-body-p-paddingRight);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node .p-image-wrapper {
  border-radius: var(--popai-ppt-row-img-list-body-img-borderRadius);
  margin: var(--popai-ppt-row-img-list-body-img-margin);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node .p-image-wrapper .p-image-content {
  border-radius: var(--popai-ppt-row-img-list-body-img-borderRadius);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body.card-block-multiple-of-two {
  grid-template-columns: repeat(2, 1fr);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body.card-block-multiple-of-three {
  grid-template-columns: repeat(3, 1fr);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .node-list-item:nth-child(odd) {
  background-color: var(--popai-ppt-row-img-list-body-item-bgColor-primary);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .node-list-item:nth-child(odd) h5 {
  color: var(--popai-ppt-row-img-list-body-h5-fontColor-primary);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .node-list-item:nth-child(odd) p {
  color: var(--popai-ppt-row-img-list-body-p-fontColor-primary);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .node-list-item:nth-child(even) {
  background-color: var(--popai-ppt-row-img-list-body-item-bgColor-secondary);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .node-list-item:nth-child(even) h5 {
  color: var(--popai-ppt-row-img-list-body-h5-fontColor-secondary);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .node-list-item:nth-child(even) p {
  color: var(--popai-ppt-row-img-list-body-p-fontColor-secondary);
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node {
  border-top-left-radius: var(--popai-ppt-row-img-list-body-item-borderRadius);
  border-top-right-radius: var(--popai-ppt-row-img-list-body-item-borderRadius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
}
.ppt-view .tiptap div[layout='row-img-list'] .presentation-card.card-layout-row-img-list .card-block.card-block-body .card-node::after {
  content: '';
  position: absolute;
  display: block;
  height: var(--popai-ppt-row-img-list-body-item-accent-height);
  left: 0px;
  right: 0px;
  bottom: -16px;
  background-color: var(--popai-ppt-row-img-list-body-item-accent-bgColor);
  z-index: 100;
}
.ppt-view .tiptap div[layout='row-pro-list'] .presentation-card-container.ppt-card,
.ppt-view .tiptap div[layout='row-list'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-row-pro-list-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='row-pro-list'] .presentation-card.card-layout-row-pro-list,
.ppt-view .tiptap div[layout='row-list'] .presentation-card.card-layout-row-pro-list,
.ppt-view .tiptap div[layout='row-pro-list'] .presentation-card.card-layout-row-list,
.ppt-view .tiptap div[layout='row-list'] .presentation-card.card-layout-row-list {
  padding-top: var(--popai-ppt-row-pro-list-paddingTop);
  padding-bottom: var(--popai-ppt-row-pro-list-paddingBottom);
  padding-left: var(--popai-ppt-row-pro-list-paddingLeft);
  padding-right: var(--popai-ppt-row-pro-list-paddingRight);
  background-color: var(--popai-ppt-row-pro-list-bgColor);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-header,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-header {
  padding-top: var(--popai-ppt-row-pro-list-header-paddingTop);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-header h2,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-header h2 {
  padding: 0 80px;
  font-size: var(--popai-ppt-row-pro-list-header-fontSize);
  line-height: var(--popai-ppt-row-pro-list-header-lineHeight);
  color: var(--popai-ppt-row-pro-list-header-fontColor);
  font-weight: var(--popai-ppt-row-pro-list-header-fontWeight);
  text-align: var(--popai-ppt-row-pro-list-header-textAlign);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body {
  display: grid;
  gap: var(--popai-ppt-row-pro-list-body-flexGap);
  padding-top: var(--popai-ppt-row-pro-list-body-paddingTop);
  margin: var(--popai-ppt-row-pro-list-body-margin);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node {
  position: relative;
  background-color: var(--popai-ppt-row-pro-list-bullet-bgColor);
  width: 100%;
  padding: var(--popai-ppt-row-pro-list-bullet-padding);
  border-width: var(--popai-ppt-row-pro-list-bullet-borderWidth);
  border-style: solid;
  border-radius: var(--popai-ppt-row-pro-list-bullet-borderRaduis);
  box-shadow: var(--popai-ppt-row-pro-list-bullet-boxShadow);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node h1,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node h1,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node h5,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node h5,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node p,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node p {
  margin-bottom: 0;
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node h1,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node h1 {
  margin-bottom: var(--popai-ppt-row-pro-list-bullet-header-paddingBottom);
  font-size: var(--popai-ppt-row-pro-list-bullet-h1-fontSize);
  font-weight: var(--popai-ppt-row-pro-list-bullet-h1-fontWeight);
  line-height: var(--popai-ppt-row-pro-list-bullet-h1-lineHeight);
  text-align: var(--popai-ppt-row-pro-list-bullet-h1-textAlign);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node h5,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node h5 {
  margin-top: var(--popai-ppt-row-pro-list-bullet-h5-paddingTop);
  font-size: var(--popai-ppt-row-pro-list-bullet-h5-fontSize);
  font-weight: var(--popai-ppt-row-pro-list-bullet-h5-fontWeight);
  line-height: var(--popai-ppt-row-pro-list-bullet-h5-lineHeight);
  text-align: var(--popai-ppt-row-pro-list-bullet-h5-textAlign);
  word-break: break-all;
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node p,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node p {
  margin-top: var(--popai-ppt-row-pro-list-bullet-body-paddingTop);
  font-size: var(--popai-ppt-row-pro-list-bullet-p-fontSize);
  font-weight: var(--popai-ppt-row-pro-list-bullet-p-fontWeight);
  line-height: var(--popai-ppt-row-pro-list-bullet-p-lineHeight);
  text-align: var(--popai-ppt-row-pro-list-bullet-p-textAlign);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node p mark,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node p mark {
  font-weight: var(--popai-ppt-row-pro-list-bullet-p-fontWeight);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .card-node::after,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .card-node::after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 16px;
  width: var(--popai-ppt-row-pro-list-bullet-h1-accent-width);
  height: 56px;
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd),
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(odd),
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(odd),
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(odd) {
  border-color: var(--popai-ppt-row-pro-list-bullet-borderColor-primary);
  background-color: var(--popai-ppt-row-pro-list-bullet-bgColor-primary);
  background-image: var(--popai-ppt-row-pro-list-bullet-bgImage-primary);
  background-size: cover;
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd) h1,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(odd) h1,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(odd) h1,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(odd) h1 {
  color: var(--popai-ppt-row-pro-list-bullet-h1-fontColor-primary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd) h5,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(odd) h5,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(odd) h5,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(odd) h5 {
  color: var(--popai-ppt-row-pro-list-bullet-h5-fontColor-primary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd) p,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(odd) p,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(odd) p,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(odd) p {
  color: var(--popai-ppt-row-pro-list-bullet-p-fontColor-primary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(odd)::after,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(odd)::after,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(odd)::after,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(odd)::after {
  background-color: var(--popai-ppt-row-pro-list-bullet-h1-accent-bgColor-primary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even),
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(even),
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(even),
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(even) {
  border-color: var(--popai-ppt-row-pro-list-bullet-borderColor-secondary);
  background-color: var(--popai-ppt-row-pro-list-bullet-bgColor-secondary);
  background-image: var(--popai-ppt-row-pro-list-bullet-bgImage-secondary);
  background-size: cover;
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even) h1,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(even) h1,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(even) h1,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(even) h1 {
  color: var(--popai-ppt-row-pro-list-bullet-h1-fontColor-secondary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even) h5,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(even) h5,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(even) h5,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(even) h5 {
  color: var(--popai-ppt-row-pro-list-bullet-h5-fontColor-secondary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even) p,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(even) p,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(even) p,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(even) p {
  color: var(--popai-ppt-row-pro-list-bullet-p-fontColor-secondary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-list-item:nth-child(even)::after,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-list-item:nth-child(even)::after,
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body .node-row-item:nth-child(even)::after,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body .node-row-item:nth-child(even)::after {
  background-color: var(--popai-ppt-row-pro-list-bullet-h1-accent-bgColor-secondary);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body.card-block-multiple-of-two,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body.card-block-multiple-of-two {
  grid-template-columns: repeat(2, 1fr);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-body.card-block-multiple-of-three,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-body.card-block-multiple-of-three {
  grid-template-columns: repeat(3, 1fr);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-tray,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-tray {
  position: absolute;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--popai-ppt-row-pro-list-tray-bgImage);
}
.ppt-view .tiptap div[layout='row-pro-list'] .card-block.card-block-tray .p-image-content > img,
.ppt-view .tiptap div[layout='row-list'] .card-block.card-block-tray .p-image-content > img {
  width: 100%;
  height: 100%;
}
.ppt-view .tiptap div[layout='swot'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-swot-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='swot'] .presentation-card.card-layout-swot {
  padding-top: var(--popai-ppt-swot-paddingTop);
  padding-bottom: var(--popai-ppt-swot-paddingBottom);
  padding-left: var(--popai-ppt-swot-paddingLeft);
  padding-right: var(--popai-ppt-swot-paddingRight);
  background-color: var(--popai-ppt-swot-bgColor);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-header {
  padding-left: var(--popai-ppt-swot-header-paddingLeft);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-header h2 {
  text-align: var(--popai-ppt-swot-header-textAlign);
  font-size: var(--popai-ppt-swot-header-fontSize);
  line-height: var(--popai-ppt-swot-header-lineHeight);
  color: var(--popai-ppt-swot-header-fontColor);
  font-weight: var(--popai-ppt-swot-header-fontWeight);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  grid-template-rows: repeat(2, minmax(94px, auto));
  grid-gap: var(--popai-ppt-swot-body-gridGap);
  padding-left: var(--popai-ppt-swot-body-paddingLeft);
  padding-right: var(--popai-ppt-swot-body-paddingRight);
  padding-top: var(--popai-ppt-swot-body-paddingTop);
  background-color: var(--popai-ppt-swot-body-bgColor);
  margin: var(--popai-ppt-swot-body-margin);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body h5 {
  margin-top: var(--popai-ppt-swot-body-h5-paddingTop);
  color: var(--popai-ppt-swot-body-h5-fontColor);
  font-weight: var(--popai-ppt-swot-body-h5-fontWeight);
  font-size: var(--popai-ppt-swot-body-h5-fontSize);
  line-height: var(--popai-ppt-swot-body-h5-lineHeight);
  text-align: var(--popai-ppt-swot-body-h5-textAlign);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body p {
  margin-top: var(--popai-ppt-swot-body-p-paddingTop);
  color: var(--popai-ppt-swot-body-p-fontColor);
  font-weight: var(--popai-ppt-swot-body-p-fontWeight);
  font-size: var(--popai-ppt-swot-body-p-fontSize);
  line-height: var(--popai-ppt-swot-body-p-lineHeight);
  text-align: var(--popai-ppt-swot-body-p-textAlign);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node {
  display: none;
  height: auto;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node h1 {
  display: inline;
  position: absolute;
  top: 0;
  width: 52px;
  height: 52px;
  line-height: var(--popai-ppt-swot-body-h1-lineHeight);
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  text-align: center;
  align-content: center;
  color: black;
  z-index: 3;
  font-size: var(--popai-ppt-swot-body-h1-fontSize);
  font-weight: var(--popai-ppt-swot-body-h1-fontWeight);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(-n + 4) {
  position: relative;
  display: block;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(-n + 2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n + 1) {
  padding-right: 110px;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n + 1) > h5,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n + 1) > p {
  text-align: right;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n) {
  text-align: left;
  padding-left: 110px;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node .ICON_CONTENT {
  content: '';
  display: block;
  width: 94px;
  height: 94px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:after {
  content: '';
  display: block;
  width: 94px;
  height: 94px;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #dddddd;
  border-radius: 0;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node::before {
  content: '';
  display: block;
  width: 94px;
  height: 94px;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 66px;
  height: 66px;
  background-color: transparent;
  box-sizing: border-box;
  z-index: 2;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(1) h1 {
  margin: 0 21px 21px 0;
  color: var(--popai-ppt-swot-body-h1-1-fontColor);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(1)::before {
  margin: 0 14px 14px 0;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(1)::after {
  border-bottom-right-radius: 0;
  background-color: var(--popai-ppt-swot-body-h1-1-bgColor);
  background-image: var(--popai-ppt-swot-body-h1-1-bgImage);
  background-size: cover;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2) h1 {
  margin: 0 0 21px 21px;
  color: var(--popai-ppt-swot-body-h1-2-fontColor);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2)::before {
  margin: 0 0 14px 14px;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2)::after {
  border-bottom-left-radius: 0;
  background-color: var(--popai-ppt-swot-body-h1-2-bgColor);
  background-image: var(--popai-ppt-swot-body-h1-2-bgImage);
  background-size: cover;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(3) h1 {
  margin: 21px 21px 0 0;
  color: var(--popai-ppt-swot-body-h1-3-fontColor);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(3)::before {
  margin: 14px 14px 0 0;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(3)::after {
  border-top-right-radius: 0;
  background-color: var(--popai-ppt-swot-body-h1-3-bgColor);
  background-image: var(--popai-ppt-swot-body-h1-3-bgImage);
  background-size: cover;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(4) h1 {
  margin: 21px 0 0 21px;
  color: var(--popai-ppt-swot-body-h1-4-fontColor);
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(4)::before {
  margin: 14px 0 0 14px;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(4)::after {
  border-top-left-radius: 0;
  background-color: var(--popai-ppt-swot-body-h1-4-bgColor);
  background-image: var(--popai-ppt-swot-body-h1-4-bgImage);
  background-size: cover;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(-n + 2) h1,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(-n + 2)::after,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(-n + 2)::before {
  top: auto;
  bottom: 0;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n + 1) h1,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n + 1)::after,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n + 1)::before {
  right: 0;
}
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n) h1,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n)::after,
.ppt-view .tiptap div[layout='swot'] .card-block.card-block-body .card-node:nth-child(2n)::before {
  left: 0;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-poster-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster {
  flex-flow: column;
  padding-inline-start: 594px;
  padding-block-start: 200px;
  background-color: var(--popai-ppt-poster-bgColor);
  padding-bottom: var(--popai-ppt-poster-paddingBottom);
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-header {
  width: 190px;
  margin-bottom: 24px;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-header h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--popai-ppt-poster-header-fontColor);
  line-height: var(--popai-ppt-poster-header-lineHeight);
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-header::after {
  content: '';
  position: absolute;
  bottom: -24px;
  width: 50px;
  height: 2px;
  background-color: var(--popai-ppt-poster-accent-bgColor);
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body {
  width: 190px;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body .card-node {
  padding-top: 20px;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body h1 {
  display: none;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  margin-bottom: 10px;
  color: var(--popai-ppt-poster-body-h5-fontColor);
  line-height: var(--popai-ppt-poster-body-h5-lineHeight);
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body p {
  color: var(--popai-ppt-poster-body-p-fontColor);
  line-height: var(--popai-ppt-poster-body-p-lineHeight);
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body p,
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body ul,
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body ol,
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-body li {
  margin-top: 0;
  font-size: 14px;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-tray {
  width: 546px;
  left: 0;
  margin: 24px;
  border-radius: 18px;
  overflow: hidden;
}
.ppt-view .tiptap div[layout='poster'] .presentation-card.card-layout-poster .card-block.card-block-tray .p-image-wrapper {
  border-radius: 18px;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-theme-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list {
  background-color: var(--popai-ppt-theme-bgColor);
  padding: 60px 50px 30px;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-header {
  margin-bottom: 40px;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-header .ppt-heading-2 {
  font-family: Poppins;
  color: var(--popai-ppt-theme-header-fontColor);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body {
  display: flex;
  gap: 30px;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node {
  flex: 1;
  background-color: var(--popai-ppt-pros-cons-body-card-bgColor);
  background-image: var(--popai-ppt-pros-cons-body-card-bgImage);
  background-position: center;
  background-size: 100%;
  border-radius: 8px;
  padding: 16px 10px;
  border: var(--popai-ppt-theme-borderWidth) solid var(--popai-ppt-pros-cons-body-card-borderColor);
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node:nth-child(2n) {
  background-color: var(--popai-ppt-pros-cons-body-card2-bgColor);
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node .ppt-heading-1 {
  display: none;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node .ppt-heading-5 {
  text-align: center;
  color: var(--popai-ppt-pros-cons-body-h5-fontColor);
  font-weight: bold;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node .ppt-p {
  color: var(--popai-ppt-theme-p-secondary-fontColor);
  font-size: 16px;
  background-color: var(--popai-ppt-pros-cons-body-card-p-bgColor);
  padding: 8px 12px;
  margin-bottom: 10px;
  border-radius: 8px;
  text-align: center;
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node:nth-child(1) .ppt-heading-5 {
  color: var(--popai-ppt-pros-cons-body-h5-primary-color);
  background: var(--popai-ppt-pros-cons-body-h5-primary-bgColor);
}
.ppt-view .tiptap div[layout='pros-cons-list'] .presentation-card.card-layout-pros-cons-list .card-block-body .card-node:nth-child(2) .ppt-heading-5 {
  color: var(--popai-ppt-pros-cons-body-h5-secondary-color);
  background: var(--popai-ppt-pros-cons-body-h5-secondary-bgColor);
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-theme-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h {
  background-color: var(--popai-ppt-theme-bgColor);
  padding: 20px;
  /* 标题部分的样式 */
  /* 列表部分的样式 */
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-header {
  padding: 10px;
  border-radius: 20px 20px 0 0;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  z-index: 10;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--popai-ppt-5w1h-header-bgColor);
  background-image: var(--popai-ppt-5w1h-header-bgImage);
  background-position: center;
  background-size: 100%;
  border-radius: 50%;
  z-index: -1;
  border: var(--popai-ppt-theme-borderWidth) solid var(--popai-ppt-5w1h-header-borderColor);
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-header .ppt-heading-2,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-header p {
  color: var(--popai-ppt-5w1h-header-color);
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-header .ppt-heading-2 {
  font-size: 52px;
  top: 50%;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-header p {
  font-size: 14px;
  margin: 0;
  top: 75%;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body {
  padding: 10px;
  padding-top: var(--popai-ppt-5w1h-card-paddingTop);
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 200px;
  /* 每个列表项的样式 */
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node {
  padding: 10px;
  flex: 1;
  min-width: 200px;
  /* 序号样式 */
  /* 列表项内容文本样式 */
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node .ppt-heading-1 {
  background-color: var(--popai-ppt-fivew-oneh-body-heading-1-bgColor);
  color: var(--popai-ppt-fivew-oneh-body-heading-1-textColor);
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  display: none;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node .ppt-heading-5 {
  border-radius: 30px;
  background-color: var(--popai-ppt-theme-secondary-color);
  color: var(--popai-ppt-fivew-oneh-body-heading-1-textColor);
  margin-bottom: 10px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: var(--popai-ppt-theme-borderWidth) solid var(--popai-ppt-5w1h-theme-borderColor);
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node .ppt-p {
  color: var(--popai-ppt-theme-p-fontColor);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(1),
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(3),
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(5) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(1) .ppt-heading-5,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(3) .ppt-heading-5,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(5) .ppt-heading-5 {
  text-align: center;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(1) .ppt-p,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(3) .ppt-p,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(5) .ppt-p {
  text-align: right;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(2),
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(4),
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(6) {
  align-self: center;
  justify-self: flex-start;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(2) .ppt-heading-5,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(4) .ppt-heading-5,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(6) .ppt-heading-5 {
  text-align: center;
}
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(2) .ppt-p,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(4) .ppt-p,
.ppt-view .tiptap div[layout='5w1h'] .presentation-card.card-layout-5w1h .card-block-body .card-node:nth-child(6) .ppt-p {
  text-align: left;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-fivew-oneh-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--popai-ppt-fivew-oneh-bgColor);
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card {
  display: flex;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 50px;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-header h2.ppt-heading-2 {
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  color: var(--popai-ppt-fivew-oneh-header-heading-2-textColor);
  padding: 20px;
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-header p.ppt-p {
  background-image: url('https://www.svgrepo.com/show/61688/light-bulb.svg');
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 14px;
  text-indent: -9999px;
  margin-top: 50px;
  width: 200px;
  height: 200px;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-body .card-node.node-list-item {
  width: 200px;
  margin: 15px;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-body .card-node.node-list-item h1.ppt-heading-1 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background-color: var(--popai-ppt-fivew-oneh-body-heading-1-bgColor);
  color: #fff;
  width: 100px;
  padding: 5px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-body .card-node.node-list-item p.ppt-p {
  font-size: 12px;
  color: var(--popai-ppt-fivew-oneh-body-p-textColor);
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-body .card-node.node-list-item:nth-child(2n) {
  background-color: var(--popai-ppt-fivew-oneh-body-heading-1-bgColor);
}
.ppt-view .tiptap div[layout='fivew-oneh-2'] .presentation-card .card-block-body .card-node.node-list-item:nth-child(2n) p.ppt-p {
  color: var(--popai-ppt-fivew-oneh-body-heading-1-textColor);
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-theme-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline {
  background-image: var(--popai-ppt-time-bgImage);
  padding-top: var(--popai-ppt-time-paddingTop);
  padding-bottom: 30px;
  padding-left: var(--popai-ppt-time-paddingLeft);
  padding-right: var(--popai-ppt-time-paddingRight);
  background-color: var(--popai-ppt-theme-bgColor);
  font-family: Arial, sans-serif;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-header {
  text-align: center;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-header .ppt-heading-2 {
  color: var(--popai-ppt-theme-header-fontColor);
  font-size: 28px;
  text-align: center;
  font-weight: bold;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body {
  position: relative;
  min-height: 460px;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  counter-reset: card-counter;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  border-radius: 4px;
  background-color: var(--popai-ppt-theme-primary-color);
  z-index: 0;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node {
  position: relative;
  width: calc(100% / 6);
  display: flex;
  flex-direction: column;
  align-items: center;
  counter-increment: card-counter;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(odd) .content {
  position: relative;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(odd) .ppt-p {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  background-color: var(--popai-ppt-theme-primary-color);
  color: var(--popai-ppt-time-body-p-fontColor);
  padding: 20px 10px;
  border-radius: 20px;
  width: 142px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid var(--popai-ppt-time-item-secondary-borderColor);
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(odd) .ppt-heading-5 {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  background-color: var(--popai-ppt-theme-primary-color);
  color: var(--popai-ppt-time-body-h5-fontColor);
  padding: 20px 10px;
  border-radius: 20px;
  width: 80px;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--popai-ppt-time-item-primary-borderColor);
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(odd) .ppt-heading-1 {
  display: none;
  /* 将第一个元素隐藏 */
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(even) .content {
  position: relative;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(even) .ppt-heading-5 {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  background-color: var(--popai-ppt-theme-secondary-color);
  color: var(--popai-ppt-time-body-h5-fontColor);
  padding: 20px 10px;
  border-radius: 20px;
  width: 80px;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--popai-ppt-time-item-primary-borderColor);
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(even) .ppt-p {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  background-color: var(--popai-ppt-theme-secondary-color);
  color: var(--popai-ppt-time-body-p-fontColor);
  padding: 20px 10px;
  border-radius: 20px;
  width: 142px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid var(--popai-ppt-time-item-secondary-borderColor);
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node:nth-child(even) .ppt-heading-1 {
  display: none;
  /* 将第一个元素隐藏 */
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node .content {
  width: 90%;
  text-align: center;
  position: relative;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node::before {
  content: counter(card-counter);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-color: var(--popai-ppt-theme-primary-color);
  color: var(--popai-ppt-time-body-before-fontColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  z-index: 1;
  text-align: center;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node h5 {
  background-color: var(--popai-ppt-time-body-h5-bgColor);
  color: var(--popai-ppt-time-body-h5-fontColor);
  padding: 10px;
  border-radius: 20px;
  font-size: 14px;
  width: 130px;
  text-align: center;
}
.ppt-view .tiptap div[layout='timeline'] .presentation-card.card-layout-timeline .card-block.card-block-body .card-node p {
  background-color: var(--popai-ppt-time-body-p-bgColor);
  color: var(--popai-ppt-time-body-p-fontColor);
  padding: 15px;
  border-radius: 20px;
  font-size: 12px;
  line-height: 1.4;
  width: 142px;
  text-align: center;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-one-item-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  background-color: var(--popai-ppt-one-item-bgColor);
  font-family: 'Arial', sans-serif;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-header {
  padding-bottom: -10px;
  text-align: center;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-header .ppt-heading-2 {
  color: var(--popai-ppt-one-item-header-fontColor);
  font-size: 80px;
  font-weight: bold;
  text-align: center;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-body {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-body .card-node {
  margin-top: 0px;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-body .card-node .content {
  width: 70%;
  text-align: center;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-body .card-node .ppt-heading-1 {
  display: none;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-body .card-node .ppt-heading-5 {
  font-size: 40px;
  font-weight: 500;
  color: var(--popai-ppt-one-item-body-h5-fontColor);
  margin: 10px 0;
  text-align: center;
}
.ppt-view .tiptap div[layout='oneitem'] .presentation-card.card-layout-oneitem .card-block.card-block-body .card-node .ppt-p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--popai-ppt-one-item-body-p-fontColor);
  margin-bottom: 10px;
  text-align: center;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-one-item-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  padding-inline-start: 426px;
  padding-top: 80px;
  padding-bottom: 30px;
  background-color: var(--popai-ppt-theme-bgColor);
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-header {
  width: 300px;
  margin-top: 20px;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-header h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--popai-ppt-one-item-header-fontColor);
  margin-bottom: 10px;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-header::after {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 50px;
  height: 2px;
  background-color: var(--popai-ppt-one-item-header-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body {
  width: 300px;
  margin-top: 20px;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body h1 {
  display: none;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  margin-bottom: 10px;
  color: var(--popai-ppt-one-item-body-h5-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body p {
  color: var(--popai-ppt-one-item-body-p-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body p,
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body ul,
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body ol,
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-body li {
  margin-top: 0;
  font-size: 14px;
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-tray {
  width: 300px;
  height: 300px;
  margin-inline-start: 80px;
  top: 50%;
  border-radius: 18px;
  transform: translateY(-50%);
}
.ppt-view .tiptap div[layout='oneitemimg'] .presentation-card .card-block.card-block-tray .p-image-wrapper {
  border-radius: 18px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-one-item-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 {
  flex-flow: column;
  padding-top: 80px;
  padding-bottom: 30px;
  background-color: var(--popai-ppt-one-item-bgColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block {
  margin-inline-start: 80px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-header {
  width: 300px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-header h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--popai-ppt-one-item-header-fontColor);
  margin-bottom: 20px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-header::after {
  content: '';
  position: absolute;
  bottom: -20px;
  width: 50px;
  height: 2px;
  background-color: var(--popai-ppt-one-item-header-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body {
  width: 300px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body .card-node {
  padding-top: 20px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body h1 {
  display: none;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  margin-bottom: 10px;
  color: var(--popai-ppt-one-item-body-h5-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body p {
  color: var(--popai-ppt-one-item-body-p-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body p,
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body ul,
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body ol,
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-body li {
  margin-top: 0;
  font-size: 14px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-tray {
  width: 300px;
  height: 300px;
  margin-inline-start: 426px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 18px;
}
.ppt-view .tiptap div[layout='oneitemimg-v1'] .presentation-card.card-layout-oneitemimg-v1 .card-block.card-block-tray .p-image-wrapper {
  border-radius: 18px;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-theme-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem {
  padding: 60px 40px 30px;
  font-family: 'Arial', sans-serif;
  background-color: var(--popai-ppt-theme-bgColor);
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-header {
  text-align: center;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-header .ppt-heading-2 {
  color: var(--popai-ppt-theme-header-fontColor);
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding: 0 80px;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-body {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-body .card-node {
  background-color: var(--popai-ppt-no-image-body-card1-bgColor);
  background-image: var(--popai-ppt-no-image-body-card1-bgImage);
  background-size: 100%;
  background-position: center;
  padding: 40px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px var(--popai-ppt-two-item-card-shadowColor);
  border: var(--popai-ppt-theme-borderWidth) solid var(--popai-ppt-two-item-card-borderColor);
  flex: 1;
  max-width: 45%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-body .card-node:nth-child(2n) {
  background-image: var(--popai-ppt-no-image-body-card1-bgImage);
  background-color: var(--popai-ppt-no-image-body-card2-bgColor);
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-body .card-node .ppt-heading-1 {
  display: none;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-body .card-node .ppt-heading-5 {
  font-size: 28px;
  font-weight: bold;
  color: var(--popai-ppt-theme-header-secondary-fontColor);
  text-align: center;
  width: 80%;
  max-width: 300px;
  word-break: break-word;
  white-space: normal;
  line-height: 1.3;
  margin-bottom: 10px;
}
.ppt-view .tiptap div[layout='twoitem'] .presentation-card.card-layout-twoitem .card-block.card-block-body .card-node .ppt-p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--popai-ppt-theme-p-fontColor);
  text-align: center;
  margin-top: 10px;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card-container.ppt-card {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--popai-ppt-theme-bgImage);
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 {
  background-image: var(--popai-ppt-no-image-bgImage);
  padding: 60px 40px 30px;
  background-color: var(--popai-ppt-theme-bgColor);
  font-family: 'Arial', sans-serif;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-header {
  text-align: center;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-header .ppt-heading-2 {
  color: var(--popai-ppt-theme-header-fontColor);
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  padding: 0 80px;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-header .ppt-p {
  color: var(--popai-ppt-no-image-body-p2-fontColor);
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-body {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-body .card-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 30%;
  max-width: 300px;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-body .card-node .ppt-heading-1 {
  background-color: var(--popai-ppt-theme-secondary-color);
  color: var(--popai-ppt-no-image-body-h1-fontColor);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--popai-ppt-row-pro-heading1-fontSize);
  font-weight: bold;
  margin-bottom: 20px;
  border: var(--popai-ppt-theme-borderWidth) solid var(--popai-ppt-row-pro-heading1-borderColor);
  text-align: center;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-body .card-node .ppt-heading-5 {
  font-size: 20px;
  font-weight: bold;
  color: var(--popai-ppt-theme-header-fontColor);
  text-transform: capitalize;
  margin-bottom: 10px;
  text-align: center;
  min-height: 50px;
}
.ppt-view .tiptap div[layout='row-pro-list-v1'] .presentation-card.card-layout-row-pro-list-v1 .card-block.card-block-body .card-node .ppt-p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--popai-ppt-theme-p-fontColor);
  text-align: center;
  max-width: 300px;
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-one-item-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card {
  background-color: var(--popai-ppt-one-item-bgColor);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card .card-block {
  width: 70%;
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card .card-block.card-block-header {
  position: absolute;
  top: 30%;
  transform: translateY(-30%);
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card .card-block.card-block-header h2 {
  font-size: 80px;
  font-weight: 600;
  color: var(--popai-ppt-one-item-header-fontColor);
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  position: relative;
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card .card-block.card-block-header h2::before {
  content: '';
  background: url('https://www.svgrepo.com/show/76541/fireworks.svg') no-repeat center center;
  background-size: contain;
  position: relative;
  top: 0px;
  left: -25px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card .card-block.card-block-header h2::after {
  content: '';
  background: url('https://www.svgrepo.com/show/76541/fireworks.svg') no-repeat center center;
  background-size: contain;
  position: relative;
  top: 0px;
  left: 25px;
  width: 50px;
  height: 50px;
  display: inline-block;
  transform: scaleX(-1);
}
.ppt-view .tiptap div[layout='one-item-3'] .presentation-card .card-block.card-block-header p {
  font-size: 14px;
  color: var(--popai-ppt-one-item-body-fontColor);
  padding: 15px;
  color: var(--popai-ppt-one-item-p-fontColor);
  background-color: var(--popai-ppt-one-item-p-bgColor);
  text-align: center;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card-container.ppt-card {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--popai-ppt-theme-bgImage);
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 {
  position: relative;
  background-color: var(--popai-ppt-theme-bgColor);
  padding-top: var(--popai-ppt-row-img-list-card-paddingTop);
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .card-block.card-block-header {
  margin-bottom: 30px;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .card-block.card-block-header .ppt-heading-2 {
  text-align: center;
  color: var(--popai-ppt-theme-header-fontColor);
  padding: 0 80px;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body {
  margin-top: 0px;
  margin-bottom: 0px;
  display: grid;
  gap: 60px;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body .ppt-heading-1 {
  display: none;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body .ppt-heading-5 {
  margin: 10px 0;
  min-height: 45px;
  color: var(--popai-ppt-theme-header-fontColor);
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body .ppt-p {
  margin-top: 10px;
  color: var(--popai-ppt-theme-p-fontColor);
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body .card-node .p-image-wrapper {
  background-origin: border-box;
  cursor: default;
  aspect-ratio: 1.2/1;
  border-radius: 20px;
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body.card-block-multiple-of-two {
  grid-template-columns: repeat(2, 1fr);
}
.ppt-view .tiptap div[layout='row-img-list-v2'] .presentation-card.card-layout-row-img-list-v2 .card-block.card-block-body.card-block-multiple-of-three {
  grid-template-columns: repeat(3, 1fr);
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card-container.ppt-card {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--popai-ppt-theme-bgImage);
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 {
  background-image: var(--popai-ppt-no-image-bgImage);
  padding: 30px 40px;
  background-color: var(--popai-ppt-theme-bgColor);
  font-family: 'Arial', sans-serif;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  /* Header content */
  /* The rest of the layout for cards */
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-header {
  width: 460px;
  /* Ensure it takes up full width */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* First line styling */
  /* Second line styling (in blue) */
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-header .ppt-heading-2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--popai-ppt-theme-header-fontColor);
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-header .first-line {
  color: var(--popai-ppt-no-image-header-fontColor);
  /* Default color for the first line */
  white-space: pre-wrap;
  /* Allow the line to wrap as needed */
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-header .second-line {
  color: blue;
  /* Change this to your preferred blue color */
  white-space: pre-wrap;
  /* Allow the line to wrap as needed */
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body .card-node {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  /* Adjusting the height of each card's p with independent margins */
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body .card-node .ppt-heading-5 {
  display: none;
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body .card-node .ppt-heading-1 {
  display: none;
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body .card-node .ppt-p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--popai-ppt-theme-p-fontColor);
  text-align: center;
  max-width: 300px;
  margin-top: var(--custom-margin-top, 0);
  /* Allows flexibility */
  margin-bottom: var(--custom-margin-bottom, 0);
  /* Flexibility */
  text-align: left;
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body .card-node .p-image-wrapper {
  background-origin: border-box;
  cursor: default;
  aspect-ratio: 1.2 / 1;
  width: 200px;
}
.ppt-view .tiptap div[layout='row-img-list-v1'] .presentation-card.card-layout-row-img-list-v1 .card-block.card-block-body .card-node:nth-child(2) {
  flex-direction: row-reverse;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card-container.ppt-card {
  background-image: var(--popai-ppt-one-item-bgImage);
  background-size: cover;
  background-repeat: no-repeat;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 {
  flex-flow: column;
  padding-top: 80px;
  padding-bottom: 30px;
  padding-inline-start: 400px;
  background-color: var(--popai-ppt-one-item-bgColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block {
  margin-inline-start: 30px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-header {
  width: 300px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-header h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--popai-ppt-one-item-header-fontColor);
  margin-bottom: 20px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-header::after {
  content: '';
  position: absolute;
  bottom: -20px;
  width: 50px;
  height: 2px;
  background-color: var(--popai-ppt-one-item-header-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body {
  width: 300px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body .card-node {
  padding-top: 20px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body h1 {
  display: none;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  margin-bottom: 10px;
  color: var(--popai-ppt-one-item-body-h5-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body p {
  color: var(--popai-ppt-one-item-body-p-fontColor);
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body p,
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body ul,
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body ol,
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-body li {
  margin-top: 0;
  font-size: 14px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-tray {
  width: 300px;
  height: 300px;
  margin-inline-start: 80px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 18px;
}
.ppt-view .tiptap div[layout='oneitemimg-v2'] .presentation-card.card-layout-oneitemimg-v2 .card-block.card-block-tray .p-image-wrapper {
  border-radius: 18px;
}
.home-page-controller .template-preview-container {
  height: 500px;
}
.home-page-controller .template-preview-container .chat-spin-nested-loading {
  overflow-y: scroll;
}
@media (max-height: 830px) {
  .home-page-controller .template-preview-container {
    height: 400px;
  }
  .home-page-controller .template-preview-container .chat-spin-nested-loading {
    overflow-y: scroll;
  }
}
@media (max-height: 400px) {
  .home-page-controller .template-preview-container {
    height: 300px;
  }
  .home-page-controller .template-preview-container .chat-spin-nested-loading {
    overflow-y: scroll;
  }
}
.template-preview-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 912px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.template-preview-container.no-border {
  border: none;
}
.template-preview-container .title-highlight {
  color: #3c38ff;
}
.template-preview-container .close-button {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  background: transparent;
  border: none;
  font-size: 16px;
  padding: 0px;
  cursor: pointer;
}
.template-preview-container .template-preview-dialog {
  height: 100%;
  padding: 16px 34px;
  overflow: auto;
  background-color: var(--popai-ppt-view-bgColor);
  background-image: var(--popai-ppt-view-bgImage);
  animation: 15s moiveAnimation infinite;
}
.template-preview-container .template-preview-dialog.template-preview-dialog-v3 {
  width: 626px;
  padding: 12px;
}
.template-preview-container .template-preview-dialog.template-preview-dialog-v3 .ppt-template-container {
  height: calc(var(--content-height) * var(--content-scale));
  overflow-x: hidden;
  overflow-y: hidden;
}
.template-preview-container .template-preview-dialog.template-preview-dialog-v3 .tiptap.ProseMirror {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% * var(--content-rows));
  transform-origin: top left;
  transform: scale(var(--content-scale));
  justify-content: flex-start;
}
.template-preview-container .template-preview-dialog.template-preview-dialog-v3 .tiptap.ProseMirror .node-card {
  margin-right: 20px;
  width: calc(100% / var(--content-rows) - 30px);
  flex: 0 0 calc(100% / var(--content-rows) - 30px);
  align-self: stretch;
  display: flex;
}
.template-preview-container .template-preview-dialog.template-preview-dialog-v3 .tiptap.ProseMirror .presentation-card-wrapper {
  align-self: stretch;
  display: flex;
  margin-bottom: 30px;
}
.template-preview-container .template-preview-dialog.template-preview-dialog-v3 .tiptap.ProseMirror .presentation-card-container {
  align-items: center;
  display: flex;
}
.template-preview-container .template-preview-dialog .template-preview-container {
  max-width: 820px;
  margin: 0 auto;
}
.template-preview-container .template-preview-dialog .message-content-human {
  background: rgba(0, 0, 0, 0.06) !important;
}
.template-preview-container .chat-view-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.template-preview-container .chat-spin-nested-loading {
  flex: 1;
  overflow: hidden;
}
.template-preview-container .chat-spin-nested-loading .chat-spin-spinning {
  max-height: 100%;
}
.template-preview-container .chat-spin-nested-loading .chat-spin-container {
  height: 100%;
  overflow: hidden;
}
.template-preview-container .template-preview-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding: 0 34px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.template-preview-container .template-preview-footer > button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.88);
  border: none;
  border-radius: 6px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
}
.template-preview-container .template-preview-footer > button:hover {
  background: rgba(0, 0, 0, 0.6);
}
body[dir='rtl'] .template-preview-container .template-preview-dialog.template-preview-dialog-v3 .tiptap.ProseMirror {
  transform-origin: top right;
}
.ppt-setting-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
}
.ppt-setting-item .ppt-setting-item-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #525866;
}
.ppt-setting-item .ppt-setting-select {
  border-radius: 8px;
  width: 100%;
  background: #ffffff;
}
.ppt-setting-item .ppt-setting-select .chat-select-selector {
  border: none;
}
.ppt-setting-item .ppt-setting-select .arrow-icon {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  pointer-events: none !important;
}
.ppt-setting-item .ppt-setting-select.chat-select-open .arrow-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ppt-setting-item .ppt-setting-select.enhance {
  display: flex;
  gap: 8px;
  line-height: 32px;
  padding: 0 11px;
}
.ppt-setting-item .ppt-setting-select.enhance p {
  flex: 1;
}
.ppt-setting-select-popup {
  width: 256px;
}
.ppt-setting-select-popup .chat-select-item {
  margin: 2px 0;
}
.ppt-setting-select-popup.upgrade .chat-select-item-option-selected {
  background-color: #f2f4f7;
}
.PRO_LABEL .pro-label {
  background: linear-gradient(90deg, #3c38ff 0%, #d500ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.controller-loading {
  padding: 16px 0;
  margin: 0 0 8px;
  width: calc(100% - 20px);
  border-radius: 8px;
  background: #edf2ff;
  inset-inline-start: -10px;
}
.chat-controller2 .ppt-settings {
  display: grid;
  grid-template-columns: repeat(4, 1fr) minmax(100px, auto);
  justify-content: space-around;
  margin: 0 8px 8px;
  padding: 8px 4px;
  border-radius: 8px;
  background: #f4f4f4;
}
.ppt-settings {
  min-width: 288px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 8px;
}
.ppt-settings .ppt-setting-item {
  width: 140px;
  flex: 1;
}
.ppt-settings .ppt-setting-item .pro-ppt-select-option {
  height: auto;
  background: none;
}
.ppt-settings .ppt-setting-item .chat-select-selector {
  border-radius: 8px;
}
.ppt-settings .ppt-setting-item .chat-select-disabled .chat-select-selector {
  border: 1px solid #d7dae0 !important;
}
.ppt-settings .ppt-setting-item .chat-select-disabled .arrow-icon {
  color: #a9aeb8;
}
.ppt-settings__pro-option {
  display: flex;
  align-items: center;
}
.ppt-settings__pro-option .pro-label {
  background: linear-gradient(90deg, #3c38ff 0%, #d500ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.ppt-settings__pro-badge {
  display: inline-flex;
  margin-inline-start: 10px;
}
.pro-ppt-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
}
.pro-ppt-select-option:hover {
  background: url('/assets/upgrade-btn-531ad6cf.svg') no-repeat right 0 center / 80px auto;
}
.pro-ppt-select-option .pro-label {
  background: linear-gradient(90deg, #3c38ff 0%, #d500ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.pro-ppt-select-option-member {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: 24px;
}
.pro-ppt-select-option-member:hover {
  background: none;
}
body[lang='fr'] .ppt-setting-item {
  width: auto;
}
.question-container .chat-popover-content {
  margin-bottom: 2px;
}
.question-container .chat-popover-content .chat-popover-inner {
  padding: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 8px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
.question-container .chat-popover-content .chat-popover-inner .question-container-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.question-container .chat-popover-content .chat-popover-inner .question-container-content .question-item {
  height: 32px;
  padding: 8px;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  cursor: pointer;
}
.question-container .chat-popover-content .chat-popover-inner .question-container-content .question-item.header {
  cursor: default;
  color: rgba(0, 0, 0, 0.5);
}
.question-container .chat-popover-content .chat-popover-inner .question-container-content .question-item.header:hover {
  border: none;
  background: transparent;
}
.question-container .chat-popover-content .chat-popover-inner .question-container-content .question-item:hover {
  border-radius: 8px;
  background: #f5f7fa;
}
.pdf-opertate-container {
  display: flex;
  align-items: center;
}
.pdf-opertate-container hr {
  width: 1px;
  height: 10px;
  background-color: #d3d7e0;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  border: none;
}
.pdf-opertate-container .file-type-select {
  display: flex;
  justify-content: space-between;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #e6e9f0;
  background: #fff;
}
.pdf-opertate-container .file-type-select.chat-select-open {
  border-radius: 8px;
  background: #f4f4f4;
}
.pdf-opertate-container .file-type-select .chat-select-selector {
  padding: 8px;
}
.pdf-opertate-container .file-type-select .chat-select-selector .chat-select-selection-item {
  color: rgba(0, 0, 0, 0.88);
  padding-inline-end: 22px;
}
.pdf-opertate-container .file-type-select .chat-select-arrow {
  color: #000;
  font-size: 16px;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner .chat-divider-vertical {
  height: 14px;
  top: 0px;
  margin-inline: 4px;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner button {
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #e6e9f0;
  background-color: #fff;
  color: #3c38ff;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner button .custom-icon-container {
  font-size: 16px;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner button.chat-popover-open {
  border-color: #3c38ff;
  background-color: #f2f2ff;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner .icon-container {
  display: flex;
  align-items: center;
  font-size: 16px;
  /* 隐藏图标B */
  /* 为图标A添加旋转动画 */
  /* 旋转图标A */
  /* 在图标A隐藏后显示图标B */
}
.pdf-opertate-container .pdf-opertate-btn-conatiner .icon-container .finish-icon {
  opacity: 0;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner .icon-container .loading-icon {
  animation: rotateA 2s linear forwards;
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.pdf-opertate-container .pdf-opertate-btn-conatiner .icon-container .loading-icon img {
  width: 16px;
  height: 16px;
}
@keyframes rotateA {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(720deg);
    display: none;
  }
}
.pdf-opertate-container .pdf-opertate-btn-conatiner .icon-container .finish-icon {
  animation: showB 0s linear 2s forwards, hideB 0s linear 3s forwards;
}
@keyframes showB {
  to {
    display: block;
  }
}
@keyframes hideB {
  to {
    display: none;
  }
}
.pdf-opertate-container .output-lang {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.pdf-opertate-container .output-lang .output-lang-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.pdf-opertate-container .output-lang .output-lang-select {
  height: 24px;
  border-radius: 6px;
  background-color: #f4f4f4;
  color: #000000;
}
.pdf-opertate-container .output-lang .output-lang-select .chat-select-selector {
  border: 0;
  background: #f4f4f4;
  box-shadow: none;
  font-size: 12px;
}
.pdf-opertate-container .output-lang .output-lang-select .chat-select-selection-item {
  color: rgba(0, 0, 0, 0.88);
}
.pdf-opertate-container .output-lang .output-lang-select .chat-select-arrow {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
}
.pdf-opertate-common-popup {
  padding: 8px;
  border-radius: 12px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 8px 8px 0px rgba(0, 0, 0, 0.08);
}
.pdf-opertate-common-popup .select-header {
  padding: 8px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  cursor: default;
}
.pdf-opertate-common-popup .rc-virtual-list-holder-inner {
  gap: 8px;
}
.pdf-opertate-common-popup .rc-virtual-list-holder-inner .chat-select-item {
  display: flex;
  align-items: center;
  border-radius: 8px;
  min-height: 32px;
}
.pdf-opertate-common-popup .rc-virtual-list-holder-inner .chat-select-item.chat-select-item-option-selected .chat-select-item-option-content {
  font-weight: 600 !important;
}
.pdf-opertate-common-popup .rc-virtual-list-holder-inner .chat-select-item.chat-select-item-option-selected .chat-select-item-option-state {
  width: 20px;
  height: 20px;
  background-image: url('/assets/select-check-025999e8.svg');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.pdf-opertate-common-popup .rc-virtual-list-holder-inner .chat-select-item .chat-select-item-option-content {
  color: rgba(0, 0, 0, 0.88);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}
.file-type-select-popup {
  width: 196px !important;
}
.output-language-select-popup {
  min-width: 300px;
  padding: 0px;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
  overflow: visible;
}
.output-language-select-popup > div {
  padding: 8px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 8px;
}
.output-language-select-popup::after {
  content: '';
  width: 100%;
  height: 16px;
  display: block;
}
.output-language-select-popup .chat-select-item {
  margin: 2px 0;
  min-height: 28px;
}
.output-language-select-popup .chat-select-item-option {
  font-size: 12px;
}
.output-language-select-popup .chat-select-item-group {
  font-weight: 600;
}
.output-language-select-popup .chat-select-item-option-active:not(.chat-select-item-option-selected) {
  background: rgba(0, 0, 0, 0.06) !important;
}
.send-controller-view {
  display: block;
  position: relative;
  overflow: visible;
}
.send-controller-view .hideAddImg {
  display: none;
}
.send-controller-view .send-gradient-bg {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  z-index: 0;
}
.send-controller-view .send-gradient-bg .gradient-box {
  height: 26px;
  background: linear-gradient(180deg, rgba(246, 246, 246, 0), #f5f7fa);
}
.send-controller-view .send-gradient-bg .pure-white {
  height: 4px;
  background: #f5f7fa;
}
.send-controller-view .prompt-generators {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: -52px;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.send-controller-view .prompt-generators button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding: 12px;
  background: #e7e7e7;
  border: none;
  border-radius: 32px;
  margin: 0 auto;
  font-size: 12px;
  color: #000000;
  transition: all 0.3s ease;
  cursor: pointer;
}
.send-controller-view .prompt-generators button .stop-icon,
.send-controller-view .prompt-generators button .refresh-icon {
  margin-right: 6px;
  font-size: 16px;
}
.send-controller-view .prompt-generators button:hover {
  background: #c7c7c7;
}
.send-controller-view .prompt-generators button.primary {
  background-color: #3c38ff;
  color: white;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.send-controller-view .sendview-container {
  background: #fff;
  border: 1px solid #e6e9f0;
  border-radius: 12px;
}
.send-controller-view .sendview-container.active {
  border-color: #bcc1cc;
}
.send-controller-view .sendview-container .quotefiles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background: #f5f7fa;
  font-size: 14px;
  gap: 4px;
  margin-block-start: 12px;
  margin-inline-end: 12px;
  margin-inline-start: 12px;
}
.send-controller-view .sendview-container .quotefiles .custom-icon-container {
  font-size: 16px;
}
.send-controller-view .sendview-container .quotefiles.selecttext .custom-icon-container {
  align-self: flex-start;
  color: #525966;
}
.send-controller-view .sendview-container .quotefiles.selecttext .quotefiles-title {
  color: #525966;
  font-size: 13px;
  line-height: 20px;
  background-color: transparent;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.send-controller-view .sendview-container .quotefiles-title {
  display: flex;
  gap: 4px;
  border-radius: 4px;
  padding: 4px;
  background: #e6e9f0;
  align-items: center;
  margin-right: auto;
}
.send-controller-view .sendview-container .quotefiles-title section {
  max-width: 626px;
  font-size: 12px;
  line-height: 18px;
}
.send-controller-view .template {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px 8px 4px 4px;
  background: #f5f7fa;
  margin: 12px 12px 0;
}
.send-controller-view .template.reverse {
  flex-direction: column-reverse;
}
.send-controller-view .template .divider {
  width: calc(100% - 24px);
  height: 1px;
  background-color: #e6e9f0;
  margin-inline-start: 12px;
  margin-inline-end: 12px;
}
.send-controller-view .template-config {
  padding: 12px;
  width: 100%;
}
.send-controller-view .template-overview {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  gap: 12px;
  width: 100%;
}
.send-controller-view .template-overview .template-cover {
  width: 90px;
  height: 60px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background-color: #dfe4f2;
  flex-shrink: 0;
}
.send-controller-view .template-overview .template-cover-fake-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(0, 0, 0, 0.12);
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -1.52px;
  text-transform: uppercase;
}
.send-controller-view .template-overview .template-cover:hover .preview {
  display: flex;
}
.send-controller-view .template-overview .template-cover img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.send-controller-view .template-overview .template-cover .preview {
  cursor: pointer;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #00000080;
  gap: 4px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0em;
  color: #fff;
}
.send-controller-view .template-overview .template-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: calc(100% - 152px);
}
.send-controller-view .template-overview .template-info h2 {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  color: #000;
}
.send-controller-view .template-overview .template-info p {
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #525866;
}
.send-controller-view .template-overview .close {
  color: #818999;
  cursor: pointer;
}
.send-controller-view .input-container {
  padding: 0 12px 12px;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.send-controller-view .input-container .prompt-image-progress {
  flex-direction: column;
}
.send-controller-view .input-container .input-area {
  position: relative;
}
.send-controller-view .input-container .input-files {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
  max-height: 187px;
  overflow-y: scroll;
  padding-block-start: 12px;
  box-sizing: content-box;
  padding-inline-end: 8px;
}
.send-controller-view .input-container .input-files.marginTop {
  margin-top: 12px;
}
.send-controller-view .input-container .textarea {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  min-height: unset;
  color: #000;
  resize: none;
  padding: 0;
  margin-block-start: 12px;
  margin-block-end: 12px;
  border-radius: unset;
  transition: unset;
}
.send-controller-view .input-container .textarea::placeholder {
  color: #9da4b2;
}
.send-controller-view .input-container .size-tip {
  display: flex;
  height: 28px;
  padding: 6px;
  align-items: center;
  position: absolute;
  right: 12px;
  bottom: 12px;
  border-radius: 8px;
  background: #f5f7fa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.send-controller-view .input-container .size-tip.size-tip-error {
  color: #ff401a;
}
.send-controller-view .input-container .input-operators {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.send-controller-view .input-container .input-operators > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.send-controller-view .input-container .input-operators > div:last-of-type {
  justify-content: flex-end;
  gap: 12px;
}
.send-controller-view .input-container .input-operators .attachment-operator .onechat-tip-anchor {
  position: absolute;
  background-color: transparent;
  width: 36px;
  height: 20px;
  z-index: -1;
  pointer-events: none;
}
.send-controller-view .input-container .input-operators .attachment-operator .custom-icon-container {
  font-size: 20px;
  line-height: 32px;
  height: 32px;
}
.send-controller-view .input-container .input-operators .attachment-operator .custom-icon-container:has(.deep-thinking) {
  cursor: pointer;
  margin-inline-end: 10px;
  padding: 2px 8px;
  border-radius: 17.143px;
  color: #525966;
  background: #e6e9f0;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
}
.send-controller-view .input-container .input-operators .attachment-operator .custom-icon-container:has(.deep-thinking) .icon-text {
  font-size: clamp(10px, 1.2vw, 14px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
  font-style: normal;
  font-weight: 400;
}
.send-controller-view .input-container .input-operators .attachment-operator .custom-icon-container:has(.active.deep-thinking) {
  background: linear-gradient(266deg, #33f 4.34%, #73f 97.61%);
  color: #fff;
}
.send-controller-view .input-container .input-operators .attachment-operator .custom-icon-container:has(.stable.deep-thinking) {
  cursor: default;
}
.send-controller-view .input-container .input-operators .operator {
  font-size: 20px;
  padding-left: 6px;
  padding-right: 6px;
  color: #525966;
  cursor: pointer;
  margin-inline-end: 4px;
  border-radius: 8px;
}
.send-controller-view .input-container .input-operators .operator.disabled {
  color: #9da4b2;
  cursor: not-allowed;
}
.send-controller-view .input-container .input-operators .operator.active {
  background-color: #f2f2ff;
  color: #3c38ff;
}
.send-controller-view .input-container .input-operators .operator:hover {
  background-color: #f5f7fa;
}
.send-controller-view .input-container .input-operators .operator-send {
  font-size: 20px;
  color: #fff;
  padding: 6px 16px;
  border-radius: 8px;
  background-color: #3c38ff;
  cursor: pointer;
  display: flex;
  border: none;
  width: 52px;
  position: relative;
}
.send-controller-view .input-container .input-operators .operator-send .chat-btn-loading-icon {
  margin-inline-end: 0;
}
.send-controller-view .input-container .input-operators .operator-send.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.send-controller-view .input-container .input-operators .operator-send:hover {
  background-color: #3c38ff;
  color: #fff;
}
.send-controller-view .input-container .input-operators .operator-send .unlimited-icon {
  display: flex;
  width: 20px;
  padding: 2px 4px;
  align-items: center;
  gap: 2px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  z-index: 10;
}
.send-controller-view .language-selector-wrapper {
  font-size: 12px;
  color: #000000;
}
.send-controller-view .language-selector-wrapper .language-selector-label {
  width: 48px;
}
.send-controller-view .language-selector-wrapper .language-selector {
  height: 24px;
  border-radius: 8px;
  height: 32px;
  background-color: #f2f4f7;
  color: #000000;
}
.send-controller-view .language-selector-wrapper .language-selector.auto {
  padding: 6px;
  font-size: 12px;
  line-height: 100%;
  cursor: not-allowed;
}
.send-controller-view .language-selector-wrapper .language-selector .chat-select-selection-item {
  font-size: 12px !important;
}
.send-controller-view .language-selector-wrapper .language-selector .arrow-icon {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  pointer-events: none !important;
}
.send-controller-view .language-selector-wrapper .language-selector.chat-select-open .arrow-icon {
  color: rgba(0, 0, 0, 0.25);
}
.send-controller-view .searchtpl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  border-radius: 12px;
  background: #fff;
  margin-block-end: -4px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06), 0px 2px 3px 0px rgba(0, 0, 0, 0.04);
  gap: 4px;
}
.send-controller-view .searchtpl h1 {
  padding-inline-start: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  width: 100%;
  display: flex;
  line-height: 25px;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  position: relative;
}
.send-controller-view .searchtpl h1::after {
  content: '';
  width: 72px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -1px;
}
.send-controller-view .searchtpl-item {
  padding: 6px 8px;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.send-controller-view .searchtpl-item:hover {
  background-color: #f5f7fa;
}
.send-controller-view .searchtpl-item .icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #e6e9f0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.send-controller-view .searchtpl-item .icon img {
  width: 100%;
  height: 100%;
}
.send-controller-view .searchtpl-item p {
  font-weight: 500;
  color: #000;
}
.send-controller-view.upgrade .searchtpl {
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  z-index: 9;
}
.send-controller-view.upgrade .searchtpl .icon {
  color: #525966;
}
.send-controller-view.upgrade .searchtpl .icon .custom-icon-container {
  height: 16px;
  line-height: 16px;
}
.send-controller-view.upgrade .template-config {
  padding-top: 20px;
}
.send-controller-view.upgrade .template {
  position: relative;
}
.send-controller-view.upgrade .template > .custom-icon-container {
  cursor: pointer;
  font-size: 12px;
  color: #525866;
  position: absolute;
  top: 8px;
  right: 8px;
}
.send-controller-view:not(.bottom).upgrade .sendview-container {
  display: flex;
  flex-direction: column;
  border-color: #525966;
}
.send-controller-view:not(.bottom).upgrade .input-container {
  padding-right: 0;
  display: flex;
}
.send-controller-view:not(.bottom).upgrade .input-container .textarea {
  min-height: 58px;
  padding-right: 12px;
}
.send-controller-view:not(.bottom).upgrade .input-container .input-operators {
  padding-right: 12px;
  order: 3;
}
.send-controller-view:not(.bottom).upgrade .input-container .input-files {
  order: 2;
  margin-block-end: 12px;
}
.send-controller-view:not(.bottom).upgrade .input-container .input-files + .textarea {
  margin-block-end: 0px;
}
.send-controller-view:not(.bottom).upgrade .input-container .input-files.marginTop {
  padding-top: 12px;
  max-height: 175px;
}
.send-controller-view:not(.bottom).upgrade .input-container .input-files .file-container {
  width: 222px;
}
.send-controller-view:not(.bottom).upgrade .input-container .template {
  margin-inline-start: 0px;
}
.send-controller-view:not(.bottom).upgrade .template {
  border-radius: 12px;
  margin: 0 12px 12px 12px;
  order: 2;
}
.send-controller-view:not(.bottom).upgrade .template .template-overview {
  gap: 8px;
}
.send-controller-view:not(.bottom).upgrade .template .template-cover {
  width: 45px;
  height: 30px;
}
.send-controller-view:not(.bottom).upgrade .template .template-info h2 {
  display: none;
}
.send-controller-view:not(.bottom).upgrade .template .template-info p {
  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}
.send-controller-view:not(.bottom).upgrade .suggestion-container > div {
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  z-index: 9;
}
.send-controller-view:not(.bottom).upgrade .template-cover .preview div:nth-child(2) {
  display: none;
}
.send-controller-view.bottom .sendview-container {
  margin-block-start: 8px;
}
.addfiles-popover .chat-popover-inner {
  padding: 8px 0;
  width: 400px;
}
.addfiles-popover .chat-popover-inner .addfiles-popover-container {
  padding: 0 8px;
}
.addfiles-popover .chat-popover-inner .addfiles-popover-container .custom-icon-container {
  justify-content: flex-start;
  cursor: pointer;
}
.addfiles-popover .chat-popover-inner .addfiles-popover-container .url-btn {
  color: #081226;
}
.addfiles-popover .chat-popover-inner .addfiles-popover-container .url-btn a {
  color: #081226;
}
.addfiles-popover .chat-popover-inner .addfiles-item-shadow {
  justify-content: flex-start;
  margin-bottom: 4px;
}
.addfiles-popover .chat-popover-inner .addfiles-item-shadow:last-child {
  margin-bottom: 0;
}
.addfiles-popover .chat-popover-inner .addfiles-item-shadow > div:first-of-type,
.addfiles-popover .chat-popover-inner .addfiles-item-shadow > span,
.addfiles-popover .chat-popover-inner .addfiles-item-shadow .chat-upload {
  width: 100%;
}
.addfiles-popover .chat-popover-inner .uploadfile-container {
  width: 100%;
}
.addfiles-popover .divider {
  width: 100%;
  height: 1px;
  background-color: #e4e6eb;
  margin-block-start: 4px;
  margin-block-end: 4px;
  margin-inline-end: 8px;
}
.addfiles-popover .ocr-check-container {
  justify-content: flex-start;
  padding: 8px 10px;
  margin: 0;
}
.addfiles-popover .ocr-check-container .custom-icon-container {
  justify-content: center;
  padding: 0 !important;
  cursor: pointer;
}
.addfiles-popover .from-url {
  padding: 12px;
}
.send-controller-view .input-img {
  width: 66px;
  height: 66px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #e6e9f0;
  background-color: #fff;
  position: relative;
}
.send-controller-view .input-img .close-icon {
  display: none;
  cursor: pointer;
  font-size: 12px;
  padding: 4px;
  color: #fff;
  background-color: #9da4b2;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
}
.send-controller-view .input-img .close-icon:hover {
  background-color: #3c38ff;
}
.send-controller-view .input-img:hover {
  border-color: #e6e9f0;
  background-color: #f5f7fa;
}
.send-controller-view .input-img:hover .close-icon {
  display: block;
}
.send-controller-view .input-img .file-img-contain {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
}
.send-controller-view .input-img .file-img-contain:hover .custom-icon-container {
  display: block;
}
.send-controller-view .input-img .file-img-contain .custom-icon-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  display: none;
}
.send-controller-view .input-img .progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.send-controller-view .input-img .progress span {
  color: #818999;
  margin-top: 4px;
}
.preview-model-box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}
.preview-model-box .preview-model-content {
  height: 60vh;
  width: 80vw;
  overflow-y: auto;
  display: flex;
  justify-content: center;
}
.writing-setting-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
}
.writing-setting-item .writing-setting-item-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #525866;
}
.writing-setting-item .writing-setting-select {
  border-radius: 8px;
  width: 100%;
  background: #ffffff;
}
.writing-setting-item .writing-setting-select .chat-select-selector {
  border: none;
}
.writing-setting-item .writing-setting-select .arrow-icon {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  pointer-events: none !important;
}
.writing-setting-item .writing-setting-select.chat-select-open .arrow-icon {
  color: rgba(0, 0, 0, 0.25);
}
.writing-setting-item .writing-setting-select.enhance {
  display: flex;
  gap: 8px;
  line-height: 32px;
  padding: 0 11px;
}
.writing-setting-item .writing-setting-select.enhance p {
  flex: 1;
}
.writing-setting-select-popup {
  min-width: 256px;
}
.writing-setting-select-popup .chat-select-item {
  margin: 2px 0;
}
.writing-setting-select-popup .chat-select-item.chat-select-item-option-selected {
  background-color: #f2f4f7;
}
.PRO_LABEL .pro-label {
  background: linear-gradient(90deg, #3c38ff 0%, #d500ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.controller-loading {
  padding: 16px 0;
  margin: 0 0 8px;
  width: calc(100% - 20px);
  border-radius: 8px;
  background: #f5f7fa;
  inset-inline-start: -10px;
}
.writing-settings {
  min-width: 288px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 8px;
}
.writing-settings .writing-setting-item {
  width: 140px;
  flex: 1;
}
.writing-settings .writing-setting-item .pro-writing-select-option {
  height: auto;
  background: none;
}
.writing-settings .writing-setting-item .chat-select-selector {
  border-radius: 8px;
}
.writing-settings .writing-setting-item .chat-select-disabled .chat-select-selector {
  border: 1px solid #d7dae0 !important;
}
.writing-settings .writing-setting-item .chat-select-disabled .arrow-icon {
  color: #a9aeb8;
}
.writing-settings__pro-option {
  display: flex;
}
.writing-settings__pro-option .pro-label {
  background: linear-gradient(90deg, #3c38ff 0%, #d500ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.writing-settings__pro-badge {
  display: inline-flex;
  margin-inline-start: 10px;
}
.pro-writing-select-option {
  display: flex;
  justify-content: space-between;
  height: 24px;
}
.pro-writing-select-option:hover {
  background: url('/assets/upgrade-btn-531ad6cf.svg') no-repeat right 0 center / 80px auto;
}
.pro-writing-select-option .pro-label {
  background: linear-gradient(90deg, #3c38ff 0%, #d500ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.writing-setting-select-popup .option-container {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}
.word-count-tip {
  color: #9da4b2;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.word-count-tip .num-base {
  font-weight: 500;
  color: #818999;
}
.word-count-tip .zero {
  color: #ff521c !important;
}
.word-count-tip-icon {
  margin-inline-start: 4px;
  color: #9da4b2;
}
.usage-tip {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #818999;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.usage-tip .available-quota,
.usage-tip .usage-quota {
  color: #272b33;
}
.usage-tip .zero {
  color: #ff521c !important;
}
.usage-tip .num-base {
  font-weight: 500;
}
.usage-tip .doc-hint {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.usage-tip .doc-hint > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.usage-tip .ppt-hint {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.usage-tip .ppt-hint .num-base {
  color: #525966;
}
.usage-tip .ppt-hint > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.usage-tip .bypass-hint {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.usage-tip .bypass-hint .num-base {
  color: #525966;
}
.usage-tip .bypass-hint > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.usage-tip .chat {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  flex-wrap: wrap;
  font-size: 13px;
}
.usage-tip .chat .usage-num {
  margin-inline-start: 8px;
  margin-inline-end: 4px;
}
.usage-tip .chat .zero {
  color: #ff521c !important;
}
.usage-tip .chat .desc {
  margin-inline-end: 8px;
}
.usage-tip .chat .upgrade-consumption {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.home-container {
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.home-container .page-home {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100vh;
  padding: 0px 80px 16px 80px;
}
@media screen and (max-width: 768px) {
  .home-container .page-home {
    padding: 0px 16px 0 16px;
  }
  .home-container .page-home .user-actions-container {
    transform: none;
  }
}
.home-container .page-home .user-actions-container {
  transform: translateX(80px);
}
.home-container .page-home .page-slogan {
  margin-top: 96px;
}
.home-container .page-home:has(.upgrade-discount-container) .home-tab {
  margin-top: unset;
}
.home-container .page-home:has(.upgrade-discount-container) .page-slogan {
  margin-bottom: 152px;
}
.home-container .page-home:has(.upgrade-discount-container.fixed) .page-slogan {
  margin-bottom: 92px;
}
.home-container .page-home .upgrade-discount-container {
  margin-top: -136px;
  margin-bottom: 30px;
}
.home-container .page-home .min-wrapper-630 {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}
.home-container .page-home .home__recommend {
  max-width: 900px;
  min-width: 630px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.home-container .page-home .home__recommend-header {
  color: #272b33;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 157.143% */
  display: flex;
  gap: 4px;
}
.home-container .page-home .home__recommend-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.home-container .page-home .home__recommend-list > * {
  flex: 1;
  box-sizing: border-box;
}
.home-container .home-tab {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 30px;
}
.home-container .home-tab .chat-segmented {
  padding: 4px;
  border-radius: 12px;
  background: #fff;
}
.home-container .home-tab .chat-segmented .chat-segmented-group {
  gap: 4px;
}
.home-container .home-tab .chat-segmented .chat-segmented-group .chat-segmented-item {
  border-radius: 8px;
}
.home-container .home-tab .chat-segmented .chat-segmented-group .chat-segmented-item-selected {
  color: #3c38ff;
  background: linear-gradient(112deg, #f6e8ff 12.59%, #e1e4f5 75.56%);
}
@media only screen and (min-width: 768px) {
  .home-container .pc-footer {
    padding: 42px 60px 30px 60px;
  }
  .home-container .pc-footer .footer-container {
    width: 100%;
    margin: 0;
  }
}
.user-actions-container {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  margin-inline-start: auto;
  margin-inline-end: 20px;
  margin-bottom: 0px;
  width: max-content;
}
.user-actions-container .upgrade-pro-btn-container {
  height: 28px;
}
.user-actions-container .upgrade-pro-btn-container .free-trial-btn,
.user-actions-container .upgrade-pro-btn-container .upgrade-pro-btn {
  height: 28px;
}
.user-actions-container .expand-avatar-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}
.user-actions-container .collapsed-avatar-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-actions-container .collapsed-avatar-wrapper .user-badge {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
}
.user-actions-container .collapsed-avatar-wrapper .user-badge-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
}
.user-actions-container .new-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0px 8px;
  height: 28px;
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
}
.user-actions-container .new-login-btn:hover {
  color: #3c38ff;
}
.user-actions-container .new-signup-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background: linear-gradient(109deg, #ffa336 2.86%, #ff36c7 35%, #8c45ff 65.3%, #33f 100%);
  cursor: pointer;
  padding: 0px 12px;
  height: 28px;
  color: #fff;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
}
.user-actions-container .new-signup-btn:hover {
  background: linear-gradient(109deg, #33f 2.25%, #8c45ff 36.95%, #ff36c7 67.25%, #ffa336 99.4%);
}
@media screen and (max-width: 768px) {
  .user-actions-container .new-login-btn,
  .user-actions-container .new-signup-btn {
    display: none;
  }
}
.home-language {
  position: absolute;
  top: 15px;
  right: 90px;
  z-index: 999;
  display: inline-flex;
  height: 32px;
  padding: 6px 12px;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #e6e9f0;
}
.home-language__login {
  right: 20px;
}
.home-language .chat-select-selector {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}
.home-language .chat-select-selection-item {
  padding-right: 4px !important;
}
.home-language__popup {
  width: 256px !important;
  top: 60px !important;
}
@media screen and (max-width: 768px) {
  .home-language {
    top: 50px;
    left: 4px;
    right: auto;
    background: transparent;
  }
  .home-language .custom-icon-container:has(.popai-a-searchweb1) {
    font-size: 24px !important;
  }
}
.home-language .custom-icon-container:has(.popai-a-searchweb1) {
  font-size: 16px;
}
.to-history-mobile {
  position: absolute;
  display: none;
  right: 16px;
  top: 45px;
  z-index: 999;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .to-history-mobile {
    display: block;
  }
  .to-history-mobile .to-history-mobile__icon {
    font-size: 24px !important;
  }
}
.translate {
  max-width: 900px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  gap: 16px;
}
.translate-setting {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.translate-setting .custom-icon-container:has(.popai-chuansuo) {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.translate-input,
.translate-result {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-radius: 16px;
  width: calc(50% - 8px);
  margin-block-start: -8px;
  height: 277px;
  overflow: hidden;
  font-size: 20px;
}
.translate-input .chat-input {
  resize: none;
  border-color: #000;
  padding: 0;
  font-size: 20px;
}
.translate-result {
  display: flex;
  background-color: #e6e9f0;
  border-color: #e6e9f0;
  flex-direction: column;
  margin-block-end: 40px;
}
.translate-result p {
  flex: 1;
  overflow-y: scroll;
}
.translate-result p em {
  font-style: normal;
  color: #ff4d4f;
}
.translate-result.placeholder {
  color: #9da4b2;
}
.translate-result.loading p::after {
  content: '...';
  display: inline-block;
  animation: loading-dots 1s steps(3, end) infinite;
}
@keyframes loading-dots {
  0%,
  20% {
    content: '';
  }
  40% {
    content: '.';
  }
  60% {
    content: '..';
  }
  80%,
  100% {
    content: '...';
  }
}
.translate-result .tools {
  height: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.translate-result .tools .custom-icon-container {
  width: 20px;
  height: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #525966;
}
@media only screen and (max-width: 768px) {
  .home-container .page-home {
    padding-left: 16px;
    padding-right: 16px;
  }
  .translate {
    gap: 10px;
    padding-bottom: 50px;
  }
  .translate-input,
  .translate-result {
    width: 100%;
    margin-block-start: 0px;
    height: 160px;
  }
  .translate-input.chat-input {
    margin-block-start: 8px;
    height: 160px;
  }
}
/* fonts */
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: 'Poppins';
  -webkit-font-smoothing: antialiased;
}
html[data-isarabic='false'],
body[data-isarabic='false'],
div[data-isarabic='false'],
span[data-isarabic='false'],
applet[data-isarabic='false'],
object[data-isarabic='false'],
iframe[data-isarabic='false'],
h1[data-isarabic='false'],
h2[data-isarabic='false'],
h3[data-isarabic='false'],
h4[data-isarabic='false'],
h5[data-isarabic='false'],
h6[data-isarabic='false'],
p[data-isarabic='false'],
blockquote[data-isarabic='false'],
pre[data-isarabic='false'],
a[data-isarabic='false'],
abbr[data-isarabic='false'],
acronym[data-isarabic='false'],
address[data-isarabic='false'],
big[data-isarabic='false'],
cite[data-isarabic='false'],
code del[data-isarabic='false'],
dfn[data-isarabic='false'],
em[data-isarabic='false'],
font[data-isarabic='false'],
img[data-isarabic='false'],
ins[data-isarabic='false'],
kbd[data-isarabic='false'],
q[data-isarabic='false'],
s[data-isarabic='false'],
samp[data-isarabic='false'],
small[data-isarabic='false'],
strike[data-isarabic='false'],
strong[data-isarabic='false'],
sub[data-isarabic='false'],
sup[data-isarabic='false'],
tt[data-isarabic='false'],
var[data-isarabic='false'],
b[data-isarabic='false'],
u[data-isarabic='false'],
i[data-isarabic='false'],
center[data-isarabic='false'],
dl[data-isarabic='false'],
dt[data-isarabic='false'],
dd[data-isarabic='false'],
ol[data-isarabic='false'],
ul[data-isarabic='false'],
li[data-isarabic='false'],
fieldset[data-isarabic='false'],
form[data-isarabic='false'],
label[data-isarabic='false'],
legend[data-isarabic='false'],
table[data-isarabic='false'],
caption[data-isarabic='false'],
tbody[data-isarabic='false'],
tfoot[data-isarabic='false'],
thead[data-isarabic='false'],
tr[data-isarabic='false'],
th[data-isarabic='false'],
td[data-isarabic='false'] {
  direction: ltr;
}
.katex {
  font-family: KaTeX_Main, Times New Roman, serif !important;
}
.katex div,
.katex span,
.katex applet,
.katex object,
.katex h1,
.katex h2,
.katex h3,
.katex h4,
.katex h5,
.katex h6,
.katex p,
.katex blockquote,
.katex pre,
.katex a,
.katex abbr,
.katex acronym,
.katex address,
.katex big,
.katex cite,
.katex code del,
.katex dfn,
.katex em,
.katex font,
.katex img,
.katex ins,
.katex kbd,
.katex q,
.katex s,
.katex samp,
.katex small,
.katex strike,
.katex strong,
.katex sub,
.katex sup,
.katex tt,
.katex var,
.katex b,
.katex u,
.katex i,
.katex center,
.katex dl,
.katex dt,
.katex dd,
.katex ol,
.katex ul,
.katex li,
.katex fieldset,
.katex form,
.katex label,
.katex legend,
.katex table,
.katex caption,
.katex tbody,
.katex tfoot,
.katex thead,
.katex tr,
.katex th,
.katex td {
  font-family: KaTeX_Main, Times New Roman, serif !important;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-two-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-three-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-fore-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.no-scrollbar::-webkit-scrollbar-thumb,
.no-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.grecaptcha-badge {
  visibility: hidden;
}
.no-scroll {
  overflow: hidden !important;
}
.iconfont {
  font-size: 1em !important;
}
body ::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}
body ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  border-radius: 10px;
  background-color: transparent;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  background-color: #00000066;
}
.chat-select-dropdown {
  border-radius: 8px;
}
.chat-select-dropdown .chat-select-item {
  padding: 5px 8px;
}
.chat-select-dropdown .chat-select-item-option-grouped {
  padding-inline-start: 16px;
}
.chat-select-item-option-selected .chat-select-item-option-state {
  margin-inline-start: 16px;
  width: 20px;
  background-image: url('/assets/select-check-025999e8.svg');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.chat-progress.chat-progress-circle .chat-progress-text {
  color: #3c38ff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
}
.chat-btn-primary {
  color: #fff;
  background-color: #3c38ff;
  border-width: 0;
}
.chat-btn-primary:hover:not(:disabled):not(.chat-btn-disabled) {
  color: #fff;
  background-color: #3662ff;
}
.chat-btn-primary:disabled {
  background-color: #acaaff;
  color: #fff;
}