:root {
  --tahe-action-start: #7652e7;
  --tahe-action-end: #9c5ef6;
  --tahe-action-solid: #8b5cf6;
  --tahe-action-gradient: linear-gradient(135deg, var(--tahe-action-start), var(--tahe-action-end));
  --el-color-primary: #8b5cf6;
  --el-color-primary-rgb: 139, 92, 246;
  --el-color-primary-light-3: #a783f8;
  --el-color-primary-light-5: #c5adfb;
  --el-color-primary-light-7: #ddd0fd;
  --el-color-primary-light-8: #e9e1fe;
  --el-color-primary-light-9: #f4f0ff;
  --el-color-primary-dark-2: #7046d6;
  --tahe-nav-active: #7a57e3;
}

html body .sidebar-component .active-icon-gradient path {
  fill: var(--tahe-nav-active) !important;
}

html body .sidebar-component .active-icon-gradient + span {
  color: var(--tahe-nav-active) !important;
  background: none !important;
  -webkit-text-fill-color: var(--tahe-nav-active) !important;
}

html body .sub-btn,
html body .el-button--primary:not(.is-plain):not(.is-text):not(.is-link) {
  border-color: transparent !important;
  background: var(--tahe-action-gradient) !important;
}

html body .tahe-team-workspace-button-primary,
html body button.tahe-primary-action,
html body [role="button"].tahe-primary-action,
html body a.tahe-primary-action {
  border-color: transparent !important;
  background: var(--tahe-action-gradient) !important;
}

html body .el-tabs.custom-capsule-tabs .el-tabs__item.is-active {
  background: var(--tahe-action-gradient) !important;
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.28) !important;
}

html body button[class*="from-[#4facfe]"][class*="to-[#c77dff]"],
html body button[class*="from-[#5b93ff]"][class*="to-[#b87cf8]"],
html body button[class*="from-[#5da2f8]"][class*="to-[#b67bf9]"],
html body button[class*="from-[#5DA2F8]"][class*="to-[#B67BF9]"],
html body button[class*="from-[#6366f1]"],
html body [role="button"][class*="from-[#4facfe]"][class*="to-[#c77dff]"],
html body [role="button"][class*="from-[#5b93ff]"][class*="to-[#b87cf8]"],
html body [role="button"][class*="from-[#5da2f8]"][class*="to-[#b67bf9]"],
html body [role="button"][class*="from-[#5DA2F8]"][class*="to-[#B67BF9]"],
html body a[class*="from-[#4facfe]"][class*="to-[#c77dff]"],
html body a[class*="from-[#5b93ff]"][class*="to-[#b87cf8]"],
html body a[class*="from-[#5da2f8]"][class*="to-[#b67bf9]"],
html body a[class*="from-[#5DA2F8]"][class*="to-[#B67BF9]"],
html body button[class*="bg-[linear-gradient(105.27deg,#5da2f8"],
html body [role="button"][class*="bg-[linear-gradient(105.27deg,#5da2f8"],
html body a[class*="bg-[linear-gradient(105.27deg,#5da2f8"],
html body button[class*="bg-[linear-gradient(90deg,#8f67ff"],
html body [role="button"][class*="bg-[linear-gradient(90deg,#8f67ff"],
html body a[class*="bg-[linear-gradient(90deg,#8f67ff"],
html body [class*="[&.is-active]:bg-[linear-gradient(135deg,#5da2f8"] {
  background: var(--tahe-action-gradient) !important;
}

html body button[class*="bg-[#6366f1]"],
html body .el-button[class*="bg-[#6366f1]"] {
  background: var(--tahe-action-gradient) !important;
}

html body button[class*="rgba(79,172,254"] {
  --tw-shadow-color: rgba(139, 92, 246, 0.34) !important;
}

html body .sub-btn:hover,
html body .el-button--primary:not(.is-plain):not(.is-text):not(.is-link):hover {
  filter: brightness(1.07);
  opacity: 1 !important;
}

html body .sub-btn:active,
html body .el-button--primary:not(.is-plain):not(.is-text):not(.is-link):active {
  filter: brightness(0.96);
}

html body .review-shell.review-home {
  --rv-blue: var(--tahe-action-solid);
  --rv-blue-soft: rgba(139, 92, 246, 0.1);
  --rv-violet: var(--tahe-action-end);
  --rv-violet-soft: rgba(156, 94, 246, 0.1);
  --el-color-primary: var(--tahe-action-solid);
}

html body .review-shell.review-home .review-btn-primary {
  border-color: transparent !important;
  background: var(--tahe-action-gradient) !important;
}

html body .review-shell.review-home .review-empty .review-btn-primary {
  position: relative !important;
  justify-content: center !important;
  color: #fff !important;
  padding-inline: 36px !important;
  text-align: center !important;
}

html body .review-shell.review-home .review-empty .review-btn-primary > svg {
  position: absolute !important;
  inset-inline-start: 14px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

html body .review-shell.review-home .review-btn-primary:hover {
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.36) !important;
}

html body .review-shell.review-home .review-btn-primary:focus-visible {
  outline: 2px solid rgba(156, 94, 246, 0.82);
  outline-offset: 2px;
}

html body .review-shell.review-home .review-drop-band {
  border-color: rgba(139, 92, 246, 0.72) !important;
  background:
    radial-gradient(circle at 20%, rgba(118, 82, 231, 0.07) 0%, transparent 50%),
    radial-gradient(circle at 80%, rgba(156, 94, 246, 0.07) 0%, transparent 50%),
    #0d1110 !important;
}

html body .review-shell.review-home.dragging .review-drop-band,
html body .review-shell.review-home .review-drop-band:hover {
  border-color: var(--tahe-action-solid) !important;
  background:
    radial-gradient(circle at 20%, rgba(118, 82, 231, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 80%, rgba(156, 94, 246, 0.1) 0%, transparent 50%),
    #0d1110 !important;
}

html body .review-shell.review-home .upload-drop.active {
  border-color: var(--tahe-action-solid) !important;
  background-color: rgba(139, 92, 246, 0.08) !important;
}

html body .review-shell.review-home .review-empty svg,
html body .review-shell.review-home .review-card__placeholder {
  color: var(--tahe-action-solid) !important;
}

html body .review-shell.review-home .el-input__wrapper.is-focus,
html body .review-shell.review-home .el-textarea__inner:focus {
  box-shadow: inset 0 0 0 2px rgba(139, 92, 246, 0.3) !important;
}

html body .review-shell.review-create-dialog {
  --rv-blue: var(--tahe-action-solid);
  --rv-blue-soft: rgba(139, 92, 246, 0.1);
  --el-color-primary: var(--tahe-action-solid);
}

html body .review-create-dialog .el-segmented {
  --el-segmented-item-selected-bg-color: var(--tahe-action-solid);
  --el-segmented-item-selected-color: #fff;
}

html body .review-create-dialog .el-segmented__item-selected {
  background: var(--tahe-action-gradient) !important;
  box-shadow: 0 3px 10px rgba(139, 92, 246, 0.28) !important;
}

html body .review-create-dialog .el-segmented__item.is-selected {
  color: #fff !important;
}

html body .review-create-dialog .el-segmented__item:not(.is-selected):hover {
  color: #c5adfb !important;
  background: rgba(139, 92, 246, 0.1) !important;
}

html body .review-create-dialog .upload-drop > svg {
  color: var(--tahe-action-solid) !important;
  stroke: currentColor !important;
}

html body .review-create-dialog .upload-drop.active {
  border-color: var(--tahe-action-solid) !important;
  background-color: rgba(139, 92, 246, 0.08) !important;
}