/* packages/web/src/styles/globals.css */
.ss-page {
  display: flex;
  color: #23302e;
  container-type: inline-size;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.ss-header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  gap: 16px;
  padding-bottom: 22px;
}

.ss-eyebrow {
  letter-spacing: .16em;
  color: #79847e;
  margin-bottom: 5px;
  font-size: 11px;
}

.ss-header h2 {
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 650;
}

.ss-header p {
  color: #7a837e;
  margin-top: 6px;
  font-size: 12px;
}

.ss-workspace {
  display: flex;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe4e0;
  border-radius: 12px;
  flex: 1;
  min-height: 420px;
  box-shadow: 0 2px 8px #1b342805;
}

.ss-sidebar {
  display: flex;
  background: #f8faf8;
  border-right: 1px solid #e3e7e3;
  flex-direction: column;
  flex-shrink: 0;
  width: 260px;
  min-height: 0;
}

.ss-search {
  display: flex;
  color: #89938c;
  background: #fff;
  border: 1px solid #dfe5df;
  border-radius: 7px;
  align-items:  center;
  gap: 8px;
  margin: 18px 14px 12px;
  padding: 9px 10px;
}

.ss-search input {
  outline: none;
  color: #23302e;
  background: none;
  width: 100%;
  min-width: 0;
  font-size: 12px;
}

.ss-search:focus-within {
  outline: 2px solid #a2b5a7;
  outline-offset: 2px;
}

.ss-list-heading {
  display: flex;
  color: #6c7971;
  justify-content: space-between;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 600;
}

.ss-list-heading span {
  color: #9da69f;
  font-weight: 400;
}

.ss-list {
  overflow: auto;
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 0 10px 16px;
}

.ss-item {
  display: flex;
  text-align: left;
  color: #57635c;
  border: 1px solid #0000;
  border-radius: 7px;
  align-items:  center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin: 3px 0;
  padding: 11px 10px;
  font-size: 13px;
}

.ss-item:hover {
  background: #edf2ed;
}

.ss-item[aria-pressed="true"] {
  color: #214e38;
  background: #e8f0e9;
  border-color: #d6e2d8;
}

.ss-item svg {
  flex-shrink: 0;
}

.ss-item-name {
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.ss-item small {
  display: block;
  color: #8a968c;
  margin-top: 3px;
  font-size: 10px;
}

.ss-badge {
  color: #54745b;
  white-space: nowrap;
  background: #e5eee6;
  border-radius: 4px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.ss-sidebar-foot {
  color: #929a93;
  border-top: 1px solid #e3e7e3;
  padding: 14px 18px;
  font-size: 11px;
}

.ss-muted {
  color: #89938c;
  padding: 12px;
  font-size: 12px;
}

.ss-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.ss-editor-heading {
  border-bottom: 1px solid #edf0ed;
  flex-shrink: 0;
  padding: 20px 28px;
}

.ss-editor-heading small {
  color: #859086;
  font-size: 11px;
}

.ss-editor-heading h3 {
  display: flex;
  overflow-wrap: anywhere;
  align-items:  center;
  gap: 10px;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 600;
}

.ss-editor-body {
  overflow: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 18px;
  min-height: 0;
  padding: 22px 28px;
}

.ss-name-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ss-name-fields label {
  font-size: 12px;
  font-weight: 500;
}

.ss-name-fields input {
  margin-top: 8px;
}

.ss-input {
  color: #34443b;
  outline: none;
  background: #fff;
  border: 1px solid #e1e6e1;
  border-radius: 7px;
  width: 100%;
  min-width: 0;
  padding: 8px 10px;
  font-size: 13px;
}

.ss-input:focus {
  border-color: #a2b5a7;
  box-shadow: 0 0 0 2px #e7eee7;
}

.ss-prompt {
  display: block;
  resize: vertical;
  background: #fdfefa;
  min-height: 340px;
  padding: 18px 20px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.95;
}

.ss-tabs {
  display: flex;
  border-bottom: 1px solid #e3e7e3;
  flex-shrink: 0;
  gap: 22px;
}

.ss-tab {
  color: #859086;
  border-bottom: 2px solid #0000;
  padding: 8px 0 12px;
  font-size: 12px;
}

.ss-tab[aria-selected="true"] {
  color: #294d42;
  border-color: #294d42;
  font-weight: 600;
}

.ss-button {
  color: #34443b;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #dfe5df;
  border-radius: 7px;
  padding: 8px 12px;
  font-size: 12px;
}

.ss-button:hover {
  background: #f1f5f1;
}

.ss-page button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.ss-page button:focus-visible {
  outline: 2px solid #54745b;
  outline-offset: 2px;
}

.ss-save {
  color: #fff;
  background: #294d42;
  border-color: #294d42;
}

.ss-save:hover {
  background: #203e35;
}

.ss-actions {
  display: flex;
  background: #fff;
  border-top: 1px solid #edf0ed;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 8px;
  padding: 14px 28px;
}

.ss-preview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow: auto;
  background: #f8faf8;
  flex-shrink: 0;
  max-height: 240px;
  padding: 20px 28px;
  font-size: 13px;
  line-height: 1.8;
}

.ss-editor > details {
  overflow: auto;
  flex-shrink: 0;
  max-height: 240px;
}

.ss-empty {
  color: #87938a;
  text-align: center;
  flex: 1;
  padding: 64px 28px;
  font-size: 13px;
}

.ss-empty > span {
  color: #54745b;
  font-size: 16px;
}

.ss-empty p {
  margin-top: 10px;
}

@container (width <= 760px) {
  .ss-workspace {
    overflow: auto;
    flex-direction: column;
    min-height: 0;
  }

  .ss-sidebar {
    border-bottom: 1px solid #e3e7e3;
    border-right: 0;
    flex-shrink: 0;
    width: 100%;
    max-height: 210px;
  }

  .ss-sidebar-foot {
    display: none;
  }

  .ss-editor {
    overflow: visible;
    flex-shrink: 0;
  }

  .ss-editor-body {
    overflow: visible;
  }

  .ss-header {
    padding-bottom: 14px;
  }

  .ss-header h2 {
    font-size: 20px;
  }

  .ss-editor-heading, .ss-editor-body, .ss-actions {
    padding: 16px;
  }

  .ss-name-fields {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ss-prompt {
    min-height: 280px;
  }

  .ss-eyebrow {
    display: none;
  }

  .ss-header {
    flex-wrap: wrap;
  }

  .ss-tabs {
    gap: 16px;
  }
}

@keyframes agentGenerationPendingBreathe {
  0%, 100% {
    filter: brightness(1);
    opacity: .92;
  }

  50% {
    filter: brightness(1.045);
    opacity: 1;
  }
}

@keyframes agentGenerationPendingShimmer {
  0% {
    transform: translateX(-62%)rotate(12deg);
  }

  58%, 100% {
    transform: translateX(62%)rotate(12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agent-generation-pending-card, .agent-generation-pending-card:before {
    animation: none;
  }

  .agent-generation-pending-card:before {
    display: none;
  }
}

.writer-sealed-body {
  position: relative;
  display: flex;
  overflow: hidden;
  background: radial-gradient(circle at 50% 132%, #fbbf2442, #0000 64%), linear-gradient(168deg, #fdfaf3, #f5efe1);
  border: 1px solid #fcd34d9e;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 10px;
  min-height: 150px;
  box-shadow: inset 0 1px #fffc, 0 1px 2px #78716c14;
}

.writer-sealed-body:before {
  content: "";
  position: absolute;
  -webkit-mask-image: radial-gradient(circle, #000 24%, #0000 78%);
  mask-image: radial-gradient(circle, #000 24%, #0000 78%);
  background-image: linear-gradient(#d9770624 1px, #0000 1px), linear-gradient(90deg, #d9770624 1px, #0000 1px);
  background-size: 20px 20px;
  inset: 0;
}

.writer-sealed-body:after {
  content: "";
  position: absolute;
  animation: 3.6s linear infinite writerSealedScan;
  background: linear-gradient(#0000 38%, #fbbf242e 46%, #f59e0b57 50%, #fbbf242e 54%, #0000 62%);
  inset: 0;
}

@keyframes writerSealedScan {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(100%);
  }
}

.writer-sealed-body__core {
  position: relative;
  z-index: 1;
  display: grid;
  color: #b45309;
  background: #ffffffeb;
  border-radius: 14px;
  place-items:  center;
  width: 44px;
  height: 44px;
  box-shadow: inset 0 0 0 1px #f59e0b73, 0 2px 8px #b453091f;
}

.writer-sealed-body__core:before {
  content: "";
  position: absolute;
  animation: 2.8s ease-out infinite writerSealedPulse;
  border: 1px solid #f59e0ba6;
  border-radius: 18px;
  inset: -6px;
}

@keyframes writerSealedPulse {
  0% {
    transform: scale(.86);
    opacity: .9;
  }

  70%, 100% {
    transform: scale(1.35);
    opacity: 0;
  }
}

.writer-sealed-body__label {
  position: relative;
  z-index: 1;
  letter-spacing: .04em;
  color: #44403c;
  font-size: 12px;
  font-weight: 700;
}

.writer-sealed-body__meta {
  position: relative;
  z-index: 1;
  letter-spacing: .08em;
  color: #a8a29e;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}

.shot-scheme-preview {
  isolation: isolate;
  gap: 16px;
  min-height: 212px;
  padding: 20px 16px;
}

.shot-scheme-preview:before {
  opacity: .45;
  background-size: 28px 28px;
}

.shot-scheme-preview:after {
  animation: 6s ease-in-out infinite shotSchemeGlow;
  pointer-events: none;
  background: radial-gradient(at 50% 18%, #fbbf2438, #0000 65%);
}

.shot-scheme-preview .writer-sealed-body__core {
  flex-shrink: 0;
}

.shot-scheme-preview .writer-sealed-body__core:before {
  animation-duration: 4.8s;
}

.shot-scheme-preview__content {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: .2s ease-out shotSchemeReveal;
  width: 100%;
}

.shot-scheme-preview__title {
  color: #292524;
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}

.shot-scheme-preview__description {
  overflow-y: auto;
  color: #57534e;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 80px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 20px;
}

@keyframes shotSchemeGlow {
  0%, 100% {
    opacity: .45;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

@keyframes shotSchemeReveal {
  from {
    opacity: 0;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dark .shot-scheme-preview {
  background: #1f2937;
  border-color: #665231;
  box-shadow: inset 0 1px #ffffff0a;
}

.dark .shot-scheme-preview .writer-sealed-body__core {
  background: #111827;
  border-color: #92400e;
}

.dark .shot-scheme-preview__title {
  color: #fde68a;
}

.dark .shot-scheme-preview__description {
  color: #d1d5db;
}

@media (prefers-color-scheme: dark) {
  .shot-scheme-preview__title {
    color: #fde68a;
  }

  .shot-scheme-preview__description {
    color: #d1d5db;
  }
}

@media (prefers-reduced-motion: reduce) {
  .writer-sealed-body:after, .writer-sealed-body__core:before, .shot-scheme-preview__content {
    animation: none;
  }

  .writer-sealed-body:after {
    transform: translateY(0);
  }
}

.storyboard-progress-card {
  display: block;
  text-align: left;
  color: #292524;
  background: #fffdf7;
  border: 1px solid #fde6b6;
  border-radius: 12px;
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
}

.storyboard-progress-card:hover {
  border-color: #f4bc60;
}

.storyboard-progress-card:focus-visible {
  outline: 2px solid #d97706;
  outline-offset: 2px;
}

.storyboard-progress-heading {
  display: flex;
  align-items:  center;
  gap: 7px;
  font-size: 12px;
}

.storyboard-progress-heading > svg:first-child {
  color: #d97706;
  flex-shrink: 0;
}

.storyboard-progress-heading strong {
  min-width: 0;
}

.storyboard-progress-elapsed {
  color: #78716c;
  white-space: nowrap;
  margin-left: auto;
  font-size: 11px;
}

.storyboard-progress-stages {
  display: flex;
  color: #a8a29e;
  align-items:  center;
  gap: 8px;
  margin: 10px 0 8px;
  font-size: 11px;
}

.storyboard-progress-stages > span:not(.storyboard-progress-line) {
  display: inline-flex;
  white-space: nowrap;
  align-items:  center;
  gap: 3px;
}

.storyboard-progress-stages .is-current {
  color: #b45309;
  font-weight: 600;
}

.storyboard-progress-stages .is-done {
  color: #047857;
}

.storyboard-progress-line {
  background: #e7e5e4;
  border-radius: 2px;
  flex: 1;
  height: 2px;
}

.storyboard-progress-line.is-done {
  background: #a7d5bd;
}

.storyboard-progress-action {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
}

.storyboard-progress-meta {
  display: block;
  color: #78716c;
  overflow-wrap: anywhere;
  margin-top: 5px;
  font-size: 11px;
  line-height: 16px;
}

.storyboard-progress-episodes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  margin-top: 8px;
}

.storyboard-progress-episodes:empty {
  display: none;
}

.storyboard-progress-chip {
  display: flex;
  -moz-column-gap: 3px;
  border-radius: 5px;
  flex-wrap: wrap;
  justify-content: center;
  align-items:  center;
  column-gap: 3px;
  padding: 4px 2px;
  font-size: 10px;
  line-height: 14px;
}

.storyboard-progress-chip > span {
  white-space: nowrap;
}

.storyboard-progress-chip.is-waiting {
  color: #78716c;
  background: #f3f2f0;
}

.storyboard-progress-chip.is-running {
  color: #92400e;
  background: #fff0ce;
}

.storyboard-progress-chip.is-checking {
  color: #075985;
  background: #e0f2fe;
}

.storyboard-progress-chip.is-repairing {
  color: #5b21b6;
  background: #ede9fe;
}

.storyboard-progress-chip.is-ready {
  color: #3730a3;
  background: #e0e7ff;
}

.storyboard-progress-chip.is-saved {
  color: #166534;
  background: #dcfce7;
}

.storyboard-progress-chip.is-unfinished {
  color: #9a3412;
  background: #ffedd5;
}

.dark .storyboard-progress-card {
  color: #e7e5e4;
  background: #201c17;
  border-color: #62471d;
}

.dark .storyboard-progress-card .storyboard-progress-meta, .dark .storyboard-progress-elapsed {
  color: #a8a29e;
}

.dark .storyboard-progress-stages .is-current {
  color: #fbbf24;
}

.dark .storyboard-progress-stages .is-done {
  color: #6ee7b7;
}

.dark .storyboard-progress-line {
  background: #44403c;
}

.dark .storyboard-progress-line.is-done {
  background: #34725b;
}

.dark .storyboard-progress-chip {
  background: #292524;
}

.dark .storyboard-progress-chip.is-waiting {
  color: #a8a29e;
}

.dark .storyboard-progress-chip.is-running, .dark .storyboard-progress-chip.is-unfinished {
  color: #fcd34d;
}

.dark .storyboard-progress-chip.is-checking {
  color: #7dd3fc;
}

.dark .storyboard-progress-chip.is-repairing {
  color: #c4b5fd;
}

.dark .storyboard-progress-chip.is-ready {
  color: #a5b4fc;
}

.dark .storyboard-progress-chip.is-saved {
  color: #86efac;
}

@keyframes shot-plan-tip-cycle {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }

  8%, 92% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-3px);
  }
}

.shot-plan-waiting-tip {
  animation: 8s ease-in-out both shot-plan-tip-cycle;
}

@keyframes story-review-tip-cycle {
  0%, 88% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-3px);
  }
}

.story-review-waiting-tip {
  animation: 8s ease-in-out both story-review-tip-cycle;
}

@media (prefers-reduced-motion: reduce) {
  .shot-plan-waiting-tip, .story-review-waiting-tip {
    animation: none;
    transform: none;
  }
}

@keyframes chat-progress-arrive {
  from {
    opacity: .65;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes chat-progress-breathe {
  0%, 100% {
    opacity: .65;
    transform: scale(.9);
    box-shadow: 0 0 #3b82f600;
  }

  50% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 3px #3b82f617;
  }
}

.chat-progress-title {
  display: inline-block;
  animation: .28s cubic-bezier(.2,.7,.3,1) both chat-progress-arrive;
}

.chat-progress-indicator {
  opacity: 0;
  background: #3b82f6;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  transition: opacity .24s;
}

.chat-progress-indicator[data-active="true"] {
  animation: 3.2s ease-in-out infinite chat-progress-breathe;
}

.chat-progress-content {
  display: grid;
  transition: grid-template-rows .3s cubic-bezier(.2,.7,.3,1), opacity .24s;
}

.chat-progress-content[data-open="true"] {
  grid-template-rows: 1fr;
  opacity: 1;
}

.chat-progress-content[data-open="false"] {
  grid-template-rows: 0fr;
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .chat-progress-title {
    animation: none;
    transform: none;
  }

  .chat-progress-indicator {
    transition: none;
  }

  .chat-progress-indicator[data-active="true"] {
    animation: none;
    opacity: 1;
  }

  .chat-progress-content {
    transition: none;
  }
}

@keyframes new-shot-pulse {
  0%, 100% {
    box-shadow: inset 0 0 0 2px #34d39900;
  }

  35% {
    box-shadow: inset 0 0 0 2px #34d399f2;
  }
}

.project-floating-tools {
  position: fixed;
  z-index: 40;
  overflow: visible;
  width: 64px;
  height: 64px;
}

.project-sprite-button {
  position: relative;
  display: block;
  cursor: grab;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  border-radius: 24px;
  width: 64px;
  height: 64px;
  padding: 0;
}

.project-sprite-button:focus-visible {
  outline: 2px solid #ba852c;
  outline-offset: 3px;
}

.project-sprite-button[data-dragging] {
  cursor: grabbing;
}

.project-sprite-art {
  pointer-events: none;
  overflow: visible;
  filter: drop-shadow(0 4px 5px #b0833533);
  width: 100%;
  height: 100%;
  transition: filter .18s, transform .18s;
}

.project-sprite-button:hover .project-sprite-art {
  filter: drop-shadow(0 5px 10px #d5a14480);
  transform: translateY(-3px)rotate(-5deg)scale(1.04);
}

.project-sprite-button:hover .project-sprite-hand {
  animation: .65s ease-in-out 2 project-sprite-wave;
  transform-origin: 63px 47px;
}

.project-sprite-button:active .project-sprite-art {
  transform: translateY(1px)scale(.94);
}

.project-sprite-body {
  transform-origin: 40px 60px;
  animation: 5s ease-in-out infinite project-sprite-breathe;
}

.project-sprite-eyes {
  transform-origin: 40px 42px;
  animation: 7s linear infinite project-sprite-blink;
}

.project-sprite-shadow {
  transform-origin: center;
  animation: 5s ease-in-out infinite project-sprite-shadow;
}

.project-sprite-button[data-dragging] .project-sprite-body {
  animation: none;
  transform: rotate(-7deg);
}

.project-sprite-button[data-dragging] .project-sprite-eyes {
  animation: none;
}

.project-sprite-badge {
  position: absolute;
  color: #fff;
  pointer-events: none;
  background: #f43f5e;
  border-radius: 999px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  top: 2px;
  right: 0;
  box-shadow: 0 0 0 2px #fff;
}

.project-sprite-tooltip {
  position: absolute;
  color: #6e5735;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  background: #fffcf2;
  border: 1px solid #edddba;
  border-radius: 10px;
  width: 200px;
  padding: 8px 10px;
  transition: opacity .15s;
  font-size: 11px;
  line-height: 16px;
  box-shadow: 0 4px 14px #49382c12;
}

.project-sprite-button:hover + .project-sprite-tooltip {
  visibility: visible;
  opacity: 1;
}

.project-sprite-button:focus-visible + .project-sprite-tooltip {
  visibility: visible;
  opacity: 1;
}

.project-sprite-button[data-dragging] + .project-sprite-tooltip {
  visibility: hidden;
}

.project-sprite-panel {
  position: absolute;
  overflow: auto;
  overscroll-behavior: contain;
  backdrop-filter: blur(16px);
  scrollbar-width: thin;
  animation: .22s cubic-bezier(.2,.8,.2,1) project-wheel-appear;
  background: radial-gradient(circle at 38% 25%, #fffef9 0%, #fff9eccc 62%, #f5e8d3f5 100%);
  border: 1px solid #ecddbf;
  border-radius: 50%;
  box-shadow: 0 10px 35px -12px #85623240, inset 0 1px #fff;
}

.project-sprite-wheel {
  position: relative;
  min-width: 178px;
  min-height: 178px;
}

.project-sprite-wheel:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px dashed #dfcba173;
  border-radius: 50%;
  inset: 16%;
}

.project-sprite-wheel-center {
  position: absolute;
  display: flex;
  color: #9e8050;
  letter-spacing: .06em;
  pointer-events: none;
  white-space: nowrap;
  flex-direction: column;
  align-items:  center;
  gap: 2px;
  font-size: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.project-sprite-wheel-center > span {
  color: #c79b48;
  font-size: 24px;
  line-height: 26px;
}

.project-sprite-wheel-slot {
  position: absolute;
  transform: translate(-50%, -50%);
}

.project-sprite-wheel-slot .project-tools-action {
  color: #795c31;
  letter-spacing: 0;
  background: #fffdf7;
  border: 1px solid #ead9b7;
  border-radius: 50%;
  gap: 4px;
  width: 56px;
  height: 56px;
  padding: 0;
  transition: transform .18s, box-shadow .18s, background-color .18s, border-color .18s;
  font-size: 9px;
  box-shadow: 0 3px 7px #9b702013, inset 0 1px #fff;
}

.project-sprite-wheel-slot .project-tools-action:hover {
  color: #8b5e18;
  background: #fff1cf;
  border-color: #cc9b43;
  transform: translateY(-3px)scale(1.06);
  box-shadow: 0 6px 12px #b58a3030;
}

.project-sprite-wheel-slot .project-tools-action:active:not(:disabled) {
  transform: translateY(0)scale(.96);
}

.project-sprite-wheel-slot .project-tools-action:focus-visible {
  outline: 2px solid #c39642;
  outline-offset: 2px;
}

.project-sprite-wheel-slot .project-tools-action svg {
  color: inherit;
  width: 18px;
  height: 18px;
}

.project-sprite-wheel-slot .project-tools-action:disabled {
  color: #baa98d;
  background: #f8f1e6;
  border-color: #eee2ca;
}

.project-sprite-wheel-slot .project-tools-action[aria-busy="true"] {
  color: #ae7d27;
}

body:has([role="dialog"][aria-modal="true"]) .project-floating-tools .project-sprite-tooltip {
  visibility: hidden;
}

@keyframes project-wheel-appear {
  from {
    opacity: 0;
    transform: scale(.9)rotate(-5deg);
  }

  to {
    opacity: 1;
    transform: scale(1)rotate(0);
  }
}

@keyframes project-sprite-wave {
  0%, 100% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-18deg);
  }
}

@keyframes project-sprite-breathe {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px)rotate(1deg);
  }
}

@keyframes project-sprite-blink {
  0%, 43%, 47%, 100% {
    transform: scaleY(1);
  }

  45% {
    transform: scaleY(.1);
  }
}

@keyframes project-sprite-shadow {
  0%, 100% {
    transform: scaleX(1);
    opacity: .13;
  }

  50% {
    transform: scaleX(.88);
    opacity: .09;
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-sprite-body, .project-sprite-eyes, .project-sprite-shadow, .project-sprite-button:hover .project-sprite-hand, .project-sprite-panel {
    animation: none;
  }

  .project-sprite-art, .project-sprite-tooltip, .project-sprite-wheel-slot .project-tools-action {
    transition: none;
  }

  .project-sprite-button:hover .project-sprite-art, .project-sprite-wheel-slot .project-tools-action:hover {
    transform: none;
  }
}

body:has([role="dialog"][aria-modal="true"]) .project-floating-tools {
  visibility: hidden;
  pointer-events: none;
}

.project-tools-grip {
  display: flex;
  color: #94a3b8;
  cursor: grab;
  touch-action: none;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  height: 24px;
}

.project-tools-grip:active {
  cursor: grabbing;
}

.project-tools-action {
  display: flex;
  color: #475569;
  letter-spacing: .02em;
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  width: 62px;
  height: 60px;
  transition: background-color .16s, color .16s;
  font-size: 10px;
  font-weight: 600;
}

.project-tools-action:hover {
  color: #4f46e5;
  background: #eef2ff;
}

.project-tools-action:focus-visible {
  outline: 2px solid #818cf8;
  outline-offset: 2px;
}

.project-tools-grip:focus-visible {
  outline: 2px solid #818cf8;
  outline-offset: 2px;
}

.project-tools-action:disabled {
  cursor: wait;
  color: #6366f1;
  background: #eef2ff;
}

.project-tools-refresh {
  color: #4f46e5;
}

.project-tools-divider {
  background: #e2e8f0;
  flex-shrink: 0;
  height: 1px;
  margin: 4px 13px;
}

.project-tools-update-dot {
  position: absolute;
  background: #f59e0b;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  top: -3px;
  right: -5px;
  box-shadow: 0 0 0 2px #fff;
}

@media (prefers-reduced-motion: reduce) {
  .project-tools-action {
    transition: none;
  }
}

.project-tools-action:disabled:not([aria-busy="true"]) {
  cursor: not-allowed;
  color: #94a3b8;
  background: none;
}

.studio-asset-row-meta {
  display: flex;
  align-items:  center;
  min-height: 24px;
  margin-top: 3px;
}

.studio-asset-variant-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 240px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
  gap: 8px;
  min-width: 0;
  height: 100%;
}

.studio-asset-variant-strip > * {
  min-width: 0;
}

.studio-asset-variant-strip [data-testid^="studio-spec-thumb-frame-"] {
  max-height: 80px;
}

.studio-asset-row-meta.has-children {
  padding-right: 86px;
}

.studio-asset-family-toggle {
  min-width: 76px;
}

.studio-asset-row:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.studio-asset-family-toggle:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

@media (width <= 1023px) {
  main.studio-asset-workspace {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
  }

  .studio-asset-workspace > aside, .studio-asset-workspace > section {
    grid-template-rows: auto;
    flex-shrink: 0;
    min-width: 0;
  }

  .studio-asset-workspace > aside:first-child > .grid {
    grid-template-rows: none;
    grid-auto-rows: minmax(64px, auto);
    overflow-y: auto;
    max-height: 220px;
  }

  .studio-asset-workspace .studio-asset-family-list {
    max-height: 280px;
  }

  .studio-asset-workspace > section > .grid {
    grid-template-rows: auto;
  }

  .studio-asset-workspace > section > .grid > .grid {
    grid-template-columns: minmax(0, 1fr);
    min-height: 56px;
  }

  .studio-asset-workspace > section > .grid > div:first-child {
    min-height: 240px;
  }
}

.writer-manuscript .prose-chat, .writer-manuscript .prose-chat p, .writer-manuscript .prose-chat li, .writer-manuscript .prose-chat pre, .writer-manuscript .prose-chat code {
  font-size: 16px;
  line-height: 2;
}

.writer-manuscript .prose-chat pre, .writer-manuscript .prose-chat code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: inherit;
  font-family: inherit;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

@media (width >= 1024px) {
  section.writer-chat-pane {
    min-width: calc(380px / var(--app-zoom, 1));
  }
}

.writer-progress {
  background: #fffdf8;
  border-bottom: 1px solid #e9e3d8;
  padding: 15px 16px 12px;
  font-size: 12px;
}

.writer-progress-heading {
  display: flex;
  color: #77716a;
  letter-spacing: .03em;
  justify-content: space-between;
  align-items:  center;
  font-size: 11px;
}

.writer-progress-status {
  display: inline-flex;
  color: #77664a;
  letter-spacing: 0;
  background: #f3eee4;
  border-radius: 6px;
  align-items:  center;
  gap: 5px;
  padding: 3px 7px;
}

.writer-progress-status i {
  background: currentColor;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.writer-progress-status.is-completed {
  color: #426451;
  background: #edf3ee;
}

.writer-progress-status.is-awaiting_confirmation {
  color: #946008;
  background: #fff0cc;
}

.writer-progress-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px -6px 14px;
}

.writer-progress-step {
  position: relative;
  display: flex;
  color: #9b958b;
  border-radius: 7px;
  flex-direction: column;
  align-items:  center;
  gap: 7px;
  padding: 0 2px 7px;
  font-size: 11px;
}

.writer-progress-step:not(:last-child):after {
  content: "";
  position: absolute;
  background: #e7dfd2;
  width: calc(100% - 34px);
  height: 1px;
  top: 12px;
  left: calc(50% + 17px);
}

.writer-progress-node {
  display: grid;
  font-variant-numeric: tabular-nums;
  background: #fffdf8;
  border: 1px solid #e6dfd3;
  border-radius: 50%;
  place-items:  center;
  width: 25px;
  height: 25px;
  font-size: 10px;
}

.writer-progress-step.is-done {
  color: #647267;
}

.writer-progress-step.is-done .writer-progress-node {
  background: #eef2eb;
  border-color: #dae3d7;
}

.writer-progress-step[aria-current="step"] {
  color: #9c5e0d;
  font-weight: 600;
}

.writer-progress-step[aria-current="step"] .writer-progress-node {
  color: #fff;
  background: #a76717;
  border-color: #a76717;
  box-shadow: 0 0 0 3px #f9eedc;
}

.writer-progress-step.is-selected {
  box-shadow: inset 0 -2px #b58036;
}

.writer-progress-step:hover {
  background: #f7f3eb;
}

.writer-progress button:focus-visible {
  outline: 2px solid #bc8739;
  outline-offset: 3px;
}

.writer-progress-current strong {
  display: block;
  color: #38362f;
  font-size: 13px;
  font-weight: 600;
}

.writer-progress-current p {
  color: #918879;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.6;
}

.writer-progress-deliveries {
  border-top: 1px solid #eee7db;
  margin-top: 12px;
  padding-top: 9px;
}

.writer-progress-caption {
  display: flex;
  color: #9c9385;
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 10px;
}

.writer-progress-file-list {
  overflow-y: auto;
  max-height: 140px;
}

.writer-progress-file {
  display: flex;
  text-align: left;
  color: #6e6a61;
  border-radius: 6px;
  align-items:  center;
  gap: 8px;
  width: 100%;
  padding: 7px 6px;
  transition: background .15s;
}

.writer-progress-file > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.writer-progress-file > svg:first-child {
  color: #a59a88;
  flex-shrink: 0;
}

.writer-progress-file small {
  color: #9d9589;
  white-space: nowrap;
  font-size: 10px;
}

.writer-progress-file:hover, .writer-progress-file[aria-current="page"] {
  color: #935c17;
  background: #f4eddf;
}

.writer-progress-file:disabled {
  cursor: default;
  opacity: .5;
}

.writer-progress-empty {
  color: #a0988b;
  padding: 10px 6px;
}

[data-writer-artifact] {
  outline: none;
  scroll-margin-top: 20px;
}

.writer-artifact-arrival {
  animation: 1.4s ease-out writer-artifact-arrival;
}

@keyframes writer-artifact-arrival {
  from {
    box-shadow: 0 0 0 3px #dba44180;
  }

  to {
    box-shadow: 0 0 0 3px #0000;
  }
}

@media (prefers-reduced-motion: reduce) {
  .writer-artifact-arrival {
    animation: none;
    outline: 2px solid #dba441;
  }
}

.writer-progress-shell {
  position: relative;
  z-index: 35;
  background: #fffdf8;
  border-bottom: 1px solid #e9e3d8;
}

.writer-progress-toggle {
  display: flex;
  text-align: left;
  align-items:  center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 8px 14px;
}

.writer-progress-toggle strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5e5140;
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
}

.writer-progress-toggle > .writer-progress-status {
  white-space: nowrap;
  font-size: 10px;
}

.writer-progress-toggle > svg {
  color: #9c9385;
  flex-shrink: 0;
  transition: transform .15s;
}

.writer-progress-toggle:hover {
  background: #faf6ed;
}

.writer-progress-toggle:focus-visible {
  outline: 2px solid #bc8739;
  outline-offset: -3px;
}

.writer-progress-mini-step {
  color: #9c661c;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 600;
}

.writer-progress-mini-step small {
  color: #b7afa2;
  margin-left: 1px;
  font-size: 9px;
  font-weight: 400;
}

.writer-progress-popover {
  position: absolute;
  overflow-y: auto;
  border: 1px solid #e7ddcc;
  border-radius: 12px;
  max-height: min(60vh, 480px);
  top: calc(100% + 4px);
  left: 8px;
  right: 8px;
  box-shadow: 0 12px 30px #4937191a, 0 2px 6px #4937190a;
}

.writer-chat-heading {
  background: #fffdf8;
  border-bottom: 1px solid #e9e3d8;
  padding: 10px 16px 8px;
}

.writer-conversation-toggle {
  display: flex;
  text-align: left;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  min-height: 26px;
}

.writer-stage-caption {
  display: flex;
  color: #8a7760;
  text-align: left;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-top: 4px;
  font-size: 11px;
}

.writer-stage-caption > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.writer-stage-caption > span:last-child {
  flex-shrink: 0;
}

.writer-delivery {
  color: #514c43;
  border-top: 1px solid #ded6c8;
  margin-top: 12px;
  padding: 14px 0;
  font-size: 12px;
}

.writer-delivery-heading, .writer-delivery-fold {
  display: flex;
  text-align: left;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  width: 100%;
}

.writer-delivery-heading strong {
  font-size: 13px;
  font-weight: 600;
}

.writer-delivery-heading > span, .writer-delivery-fold small {
  color: #927347;
  flex-shrink: 0;
  font-size: 10px;
}

.writer-delivery-summary {
  color: #8a8276;
  margin-top: 6px;
  line-height: 1.7;
}

.writer-delivery-files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 9px;
}

.writer-delivery-files button {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: #d5c4a7;
  color: #80602e;
  text-align: left;
  overflow-wrap: anywhere;
}

.writer-delivery-files .writer-delivery-latest {
  color: #8a8276;
  margin-left: 8px;
  font-size: 10px;
}

.writer-delivery-actions {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 12px;
  margin-top: 12px;
}

.writer-delivery-primary {
  color: #fff;
  background: #8d6328;
  border-radius: 7px;
  padding: 7px 10px;
  font-weight: 500;
}

.writer-delivery button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.writer-delivery button:focus-visible {
  outline: 2px solid #b5853e;
  outline-offset: 3px;
}

.writer-stage-caption:focus-visible {
  outline: 2px solid #b5853e;
  outline-offset: 3px;
}

.writer-delivery-cost {
  color: #a39a8c;
  margin-top: 7px;
  font-size: 10px;
}

.writer-delivery-error {
  color: #b42318;
  margin-top: 8px;
}

.writer-delivery-reference {
  display: flex;
  color: #80602e;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 11px;
}

.writer-delivery-return {
  position: absolute;
  z-index: 10;
  color: #80602e;
  background: #fffdf8;
  border: 1px solid #ddd1bd;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 11px;
  bottom: 130px;
  right: 18px;
  box-shadow: 0 2px 10px #49371912;
}

.writer-progress-drawer {
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed !important;
  border-radius: 0 !important;
  width: min(420px, 100vw) !important;
  max-height: 100dvh !important;
  margin: 0 !important;
}

.writer-manuscript-content {
  overflow-wrap: anywhere;
  min-width: 0;
}

.writer-manuscript .writer-manuscript-content, .writer-manuscript .writer-manuscript-content p, .writer-manuscript .writer-manuscript-content li {
  font-size: var(--writer-reading-size, 16px);
  line-height: 1.9;
}

.writer-manuscript-content p {
  text-indent: 0;
  margin: 0 0 .85em;
}

.writer-manuscript-content .writer-narrative {
  text-indent: 2em;
}

.writer-manuscript-content .writer-manuscript-label {
  margin-top: 1.2em;
  margin-bottom: .5em;
  font-weight: 600;
}

.writer-manuscript-content > :first-child {
  margin-top: 0;
}

.writer-manuscript-content h1, .writer-manuscript-content h2, .writer-manuscript-content h3 {
  margin: 1.3em 0 .6em;
  line-height: 1.5;
}

.writer-manuscript-content pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.writer-task-error-card {
  color: #9f1239;
  background: #fff1f2;
  border-color: #fecdd3;
}

@media (prefers-color-scheme: dark) {
  .writer-task-error-card {
    color: #fecdd3;
    background: #291c25;
    border-color: #6b3446;
  }
}

.writer-team-controls {
  color: #574631;
  background: #fffaf0;
  border: 1px solid #e7dfd1;
  border-radius: 12px;
  padding: 12px;
  font-size: 12px;
  line-height: 1.7;
}

.writer-team-controls button {
  color: #a54d09;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.writer-team-controls button:disabled {
  opacity: .5;
  cursor: wait;
}

.dark .writer-team-controls {
  color: #e5e7eb;
  background: #1f2937;
  border-color: #4b5563;
}

.dark .writer-team-controls button {
  color: #fbbf24;
}

@media (prefers-color-scheme: dark) {
  .writer-team-controls {
    color: #e5e7eb;
    background: #1f2937;
    border-color: #4b5563;
  }

  .writer-team-controls button {
    color: #fbbf24;
  }
}

.writer-composer-actions {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  padding: 0 12px 10px;
}

.writer-quick-root {
  position: relative;
}

.writer-quick-trigger {
  display: grid;
  color: #78716c;
  background: #f5f1e8;
  border-radius: 10px;
  place-items:  center;
  width: 36px;
  height: 36px;
}

.writer-quick-trigger:hover {
  color: #92400e;
  background: #fef3c7;
}

.writer-quick-menu {
  position: absolute;
  display: flex;
  color: #292524;
  z-index: 60;
  overflow: hidden;
  background: #fffdf8;
  border: 1px solid #e7dfcf;
  border-radius: 16px;
  flex-direction: column;
  width: min(360px, 100vw - 52px);
  max-height: calc(100dvh - 24px);
  bottom: 46px;
  left: 0;
  box-shadow: 0 12px 40px #0003;
}

.writer-quick-menu header {
  display: flex;
  border-bottom: 1px solid #e7dfcf;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 600;
}

.writer-quick-search {
  display: flex;
  color: #78716c;
  align-items:  center;
  gap: 8px;
  padding: 8px 14px;
}

.writer-quick-search input {
  outline: none;
  background: none;
  width: 100%;
  min-width: 0;
  padding: 5px 0;
  font-size: 12px;
}

.writer-quick-list, .writer-quick-settings {
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
  padding: 6px;
}

.writer-quick-menu h4 {
  color: #78716c;
  padding: 8px;
  font-size: 11px;
  font-weight: 600;
}

.writer-quick-row {
  display: flex;
  text-align: left;
  border-radius: 9px;
  align-items:  center;
  gap: 10px;
  width: 100%;
  padding: 7px 9px;
}

.writer-quick-row:hover {
  outline: 2px solid #0000;
  background: #f5efdf;
}

.writer-quick-row:focus-visible {
  outline: 2px solid #0000;
  background: #f5efdf;
}

.writer-quick-row svg {
  color: #a16207;
  flex-shrink: 0;
}

.writer-quick-row span {
  min-width: 0;
}

.writer-quick-row strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
}

.writer-quick-row small {
  display: block;
  color: #78716c;
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.5;
}

.writer-quick-back {
  display: flex;
  align-items:  center;
  gap: 4px;
  padding: 8px;
  font-size: 12px;
}

.writer-quick-settings {
  padding: 12px;
  font-size: 12px;
}

.writer-quick-settings p {
  color: #78716c;
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.6;
}

.writer-quick-settings label {
  display: block;
}

.writer-quick-settings input, .writer-quick-settings select {
  display: block;
  background: none;
  border: 1px solid #e7dfcf;
  border-radius: 8px;
  width: 100%;
  margin-top: 6px;
  padding: 8px;
}

.writer-quick-range {
  display: flex;
  gap: 12px;
}

.writer-quick-range label {
  flex: 1;
  min-width: 0;
}

.writer-quick-done {
  color: #fff;
  background: #d97706;
  border-radius: 8px;
  width: 100%;
  margin-top: 12px;
  padding: 9px;
}

.writer-quick-reason, .writer-quick-inline-reason {
  color: #92400e;
  overflow-wrap: anywhere;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1.7;
}

.writer-quick-reason button, .writer-quick-inline-reason button {
  text-decoration: underline;
  margin-left: 8px;
}

.writer-quick-summary {
  display: flex;
  color: #92400e;
  flex-wrap: wrap;
  align-items:  center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 11px;
}

.writer-quick-summary button {
  background: #fef3c7;
  border-radius: 6px;
  padding: 4px 6px;
}

.writer-quick-cost {
  color: #78716c;
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.6;
}

.writer-quick-templates {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}

.writer-quick-templates button {
  text-align: left;
  border: 1px solid #d6d3d1;
  border-radius: 8px;
  padding: 10px;
}

.dark .writer-quick-menu {
  color: #f3f4f6;
  background: #202938;
  border-color: #465061;
}

.dark .writer-quick-menu header {
  border-color: #465061;
}

.dark .writer-quick-trigger, .dark .writer-quick-row:hover {
  color: #f9fafb;
  background: #374151;
}

.dark .writer-quick-row:focus-visible {
  color: #f9fafb;
  background: #374151;
}

.dark .writer-quick-row small, .dark .writer-quick-menu h4, .dark .writer-quick-settings p, .dark .writer-quick-cost {
  color: #b7c0cc;
}

.dark .writer-quick-settings input, .dark .writer-quick-settings select {
  background: #111827;
  border-color: #64748b;
}

.dark .writer-quick-summary, .dark .writer-quick-reason, .dark .writer-quick-inline-reason {
  color: #fcd34d;
}

.dark .writer-quick-summary button {
  background: #44341d;
}

@media (width <= 640px) {
  .writer-quick-row {
    min-height: 48px;
  }

  .writer-quick-range {
    flex-direction: column;
  }
}

@media (prefers-color-scheme: dark) {
  .writer-quick-menu {
    color: #f3f4f6;
    background: #202938;
    border-color: #465061;
  }

  .writer-quick-menu header {
    border-color: #465061;
  }

  .writer-quick-trigger, .writer-quick-row:hover {
    color: #f9fafb;
    background: #374151;
  }

  .writer-quick-row:focus-visible {
    color: #f9fafb;
    background: #374151;
  }

  .writer-quick-row small, .writer-quick-menu h4, .writer-quick-settings p, .writer-quick-cost {
    color: #b7c0cc;
  }

  .writer-quick-settings input, .writer-quick-settings select {
    background: #111827;
    border-color: #64748b;
  }

  .writer-quick-summary, .writer-quick-reason, .writer-quick-inline-reason {
    color: #fcd34d;
  }

  .writer-quick-summary button {
    background: #44341d;
  }
}

.writer-inline-ability {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  color: #a45108;
  white-space: nowrap;
  background: #fef0c2;
  border-radius: 7px;
  align-items:  center;
  gap: 3px;
  height: 24px;
  padding: 0 5px 0 7px;
  font-size: 12px;
  top: 12px;
  left: 16px;
}

.writer-inline-ability button {
  display: inline-flex;
  align-items:  center;
  gap: 3px;
  height: 24px;
}

.writer-inline-ability button:last-child {
  color: #b87930;
  padding: 0 2px;
}

.writer-composer-template {
  color: #a16207;
  margin-right: auto;
  padding: 5px 8px;
  font-size: 11px;
}

.dark .writer-inline-ability {
  color: #fcd780;
  background: #3d3423;
}

.dark .writer-inline-ability button:last-child {
  color: #d3b579;
}

@media (prefers-color-scheme: dark) {
  .writer-inline-ability {
    color: #fcd780;
    background: #3d3423;
  }

  .writer-inline-ability button:last-child {
    color: #d3b579;
  }

  .writer-composer-template {
    color: #fcd780;
  }
}

.dark .writer-copy-modal {
  color: #f3f4f6;
  background: #1f2937 !important;
}

.dark .writer-copy-modal h3, .dark .writer-copy-modal label {
  color: #f3f4f6;
}

.dark .writer-copy-modal input {
  color: #f3f4f6;
  border-color: #4b5563;
  background: #111827 !important;
}

.dark .writer-copy-modal .text-gray-500 {
  color: #b7c0cc;
}

@media (prefers-color-scheme: dark) {
  .writer-copy-modal {
    color: #f3f4f6;
    background: #1f2937 !important;
  }

  .writer-copy-modal h3, .writer-copy-modal label {
    color: #f3f4f6;
  }

  .writer-copy-modal input {
    color: #f3f4f6;
    border-color: #4b5563;
    background: #111827 !important;
  }

  .writer-copy-modal .text-gray-500 {
    color: #b7c0cc;
  }
}

.dark .writer-copy-mode[aria-pressed="true"] {
  color: #fcd34d;
  background: #44341d;
}

@media (prefers-color-scheme: dark) {
  .writer-copy-mode[aria-pressed="true"] {
    color: #fcd34d;
    background: #44341d;
  }
}

@media (width >= 1024px) {
  [data-testid="writer-workspace"] > .writer-project-header {
    display: grid;
    grid-template-columns: var(--writer-header-offset) minmax(0, 1fr);
    gap: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .writer-project-header > :first-child {
    padding: 0 12px;
  }
}

.writer-candidate-comparison {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  flex: 1;
  gap: 16px;
  height: 100%;
  min-height: 0;
}

.writer-candidate-column {
  display: flex;
  color: #292524;
  overflow: hidden;
  background: #fffdf8;
  border: 1px solid #e7e5e4;
  border-radius: 12px;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.writer-candidate-column > header {
  flex-shrink: 0;
}

.writer-candidate-content {
  overflow: auto;
  overflow-wrap: anywhere;
  line-height: 1.8;
  font-size: var(--writer-reading-size, 18px);
  flex: 1;
  min-height: 0;
  padding: 20px;
}

.dark .writer-candidate-column {
  color: #f3f4f6;
  background: #1f2937;
  border-color: #374151;
}

@media (prefers-color-scheme: dark) {
  .writer-candidate-column {
    color: #f3f4f6;
    background: #1f2937;
    border-color: #374151;
  }
}

@media (width <= 767px) {
  .writer-candidate-comparison {
    grid-template-columns: 1fr;
    height: 100%;
  }

  .writer-candidate-content {
    overflow: auto;
  }
}

.writer-candidate-tabs {
  display: none;
}

@media (width <= 767px) {
  .writer-candidate-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
  }

  .writer-candidate-tabs button {
    color: #57534e;
    background: #f5f5f4;
    border-radius: 8px;
    flex: 1;
    padding: 10px;
  }

  .writer-candidate-tabs button[aria-selected="true"] {
    color: #fff;
    background: #d97706;
  }

  .writer-candidate-column[data-active="false"] {
    display: none;
  }
}

.dark .writer-quick-settings input, .dark .writer-quick-settings select {
  color: #f3f4f6;
  caret-color: #f3f4f6;
}

@media (prefers-color-scheme: dark) {
  .writer-quick-settings input, .writer-quick-settings select {
    color: #f3f4f6;
    caret-color: #f3f4f6;
  }
}

.writer-composer textarea, .writer-manuscript-editor {
  background: var(--writer-input-bg, #fffdf8) !important;
  color: var(--writer-ink, #1c1917) !important;
  caret-color: var(--writer-ink, #1c1917) !important;
}

.ui-form-field.ui-form-field.ui-form-field {
  --buncss-light: initial;
  --buncss-dark: ;
  color-scheme: light;
  color: #1c1917;
  caret-color: currentColor;
  background-color: #fff;
}

.ui-form-field.ui-form-field::placeholder {
  color: #78716c;
  opacity: 1;
}

.ui-form-field.ui-form-field:disabled {
  color: #57534e;
  background-color: #f5f5f4;
}

.ui-form-field.ui-form-field option {
  background-color: inherit;
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  .ui-form-field.ui-form-field.ui-form-field {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark;
    color: #f3f4f6;
    background-color: #111827;
  }

  .ui-form-field.ui-form-field::placeholder {
    color: #9ca3af;
  }

  .ui-form-field.ui-form-field:disabled {
    color: #d1d5db;
    background-color: #1f2937;
  }
}

.dark .ui-form-field.ui-form-field.ui-form-field {
  --buncss-light: ;
  --buncss-dark: initial;
  color-scheme: dark;
  color: #f3f4f6;
  background-color: #111827;
}

.dark .ui-form-field.ui-form-field::placeholder {
  color: #9ca3af;
}

.dark .ui-form-field.ui-form-field:disabled {
  color: #d1d5db;
  background-color: #1f2937;
}

.writer-composer textarea, .writer-manuscript-editor {
  color-scheme: var(--writer-scheme, light) !important;
}

.writer-composer textarea::-moz-placeholder {
  color: var(--writer-muted, #78716c) !important;
}

.writer-manuscript-editor::-moz-placeholder {
  color: var(--writer-muted, #78716c) !important;
}

.writer-composer textarea::placeholder, .writer-manuscript-editor::placeholder {
  color: var(--writer-muted, #78716c) !important;
}

.writer-chat-card {
  width: min(100%, 560px);
  max-width: 100%;
}

.writer-direct-card {
  --task-accent: #b66b13;
  --task-muted: #897d6d;
  overflow: hidden;
  color: #352e25;
  background: #fffefb;
  border: 1px solid #e8ddcb;
  border-radius: 18px;
  box-shadow: 0 3px 14px #563d1506;
}

.writer-direct-card-header {
  display: flex;
  background: linear-gradient(120deg, #fff7e7, #fffefb 75%);
  align-items:  center;
  gap: 10px;
  padding: 16px 16px 12px;
}

.writer-direct-card-icon {
  display: grid;
  color: var(--task-accent);
  background: #fff9ef;
  border: 1px solid #ead8b8;
  border-radius: 7px 12px 7px 7px;
  flex-shrink: 0;
  place-items:  center;
  width: 38px;
  height: 44px;
  box-shadow: 2px 2px #efdfc3;
}

.writer-direct-card-heading {
  flex: 1;
  min-width: 0;
}

.writer-direct-card-eyebrow {
  display: block;
  color: var(--task-muted);
  letter-spacing: .15em;
  margin-bottom: 3px;
  font-size: 10px;
}

.writer-direct-card h3 {
  letter-spacing: .02em;
  margin: 0;
  font-size: 16px;
  font-weight: 650;
}

.writer-direct-card-state {
  display: inline-flex;
  color: #976012;
  background: #f8ecd6;
  border-radius: 20px;
  flex-shrink: 0;
  align-items:  center;
  gap: 5px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 600;
}

.writer-direct-card[data-status="completed"] .writer-direct-card-state {
  color: #397452;
  background: #eaf3ed;
}

.writer-direct-card[data-status="failed"] .writer-direct-card-state {
  color: #b95739;
  background: #fff0eb;
}

.writer-direct-card[data-status="cancelled"] .writer-direct-card-state {
  color: #766e64;
  background: #eeece8;
}

.writer-direct-card-body {
  padding: 2px 16px 14px;
}

.writer-direct-card-target {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  padding: 10px 0 12px;
}

.writer-direct-card-target p {
  min-width: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}

.writer-direct-card-target > span {
  display: flex;
  color: var(--task-muted);
  flex-shrink: 0;
  align-items:  center;
  gap: 5px;
}

.writer-direct-card-target time {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}

.writer-direct-card-progress {
  overflow: hidden;
  background: #eee8dd;
  border-radius: 10px;
  height: 3px;
}

.writer-direct-card-progress span {
  display: block;
  border-radius: inherit;
  background: #bf8a3a;
  height: 100%;
  transition: width .25s;
}

.writer-direct-card[data-status="completed"] .writer-direct-card-progress span {
  background: #769e80;
}

.writer-direct-card[data-status="running"] .writer-direct-card-progress span[style="width: 0%;"] {
  animation: 2s ease-in-out infinite writer-task-progress;
  width: 24% !important;
}

.writer-direct-card-caption {
  display: flex;
  color: var(--task-muted);
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.6;
}

.writer-direct-card-caption > span:last-child {
  flex-shrink: 0;
}

.writer-direct-card-caption > span:first-child {
  flex-shrink: 1;
}

.writer-direct-card-details {
  color: #746958;
  margin-top: 10px;
  font-size: 11px;
}

.writer-direct-card-details summary {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}

.writer-direct-card-details p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow: auto;
  max-height: 160px;
  margin: 8px 0 0;
  line-height: 1.8;
}

.writer-direct-card-error {
  color: #aa4935;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.6;
}

.writer-direct-card-footer {
  display: flex;
  border-top: 1px solid #efe8dc;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  padding: 10px 16px;
}

.writer-direct-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items:  center;
  gap: 12px;
}

.writer-direct-card-footer > span {
  color: var(--task-muted);
  min-width: 0;
  font-size: 10px;
  line-height: 1.5;
}

.writer-direct-card-footer button {
  display: flex;
  color: var(--task-accent);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  align-items:  center;
  gap: 4px;
  padding: 4px 0 4px 6px;
  font-size: 11px;
  font-weight: 600;
}

.writer-direct-card-footer button:disabled {
  opacity: .5;
  cursor: wait;
}

.writer-direct-card-footer button:focus-visible {
  outline: 2px solid #bf8a3a;
  outline-offset: 3px;
  border-radius: 4px;
}

.writer-direct-card-details summary:focus-visible {
  outline: 2px solid #bf8a3a;
  outline-offset: 3px;
  border-radius: 4px;
}

.writer-direct-card-spin {
  animation: 1.4s linear infinite writer-task-spin;
}

@keyframes writer-task-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes writer-task-progress {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(280%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .writer-direct-card-spin, .writer-direct-card-progress span {
    transition: none;
    animation: none !important;
  }
}

.dark .writer-direct-card {
  --task-muted: #b7aa96;
  --task-accent: #e9b965;
  color: #f0e7d8;
  background: #211f1b;
  border-color: #494133;
}

.dark .writer-direct-card-header {
  background: linear-gradient(120deg, #33291b, #211f1b 75%);
}

.dark .writer-direct-card-icon {
  background: #342b1e;
  border-color: #6a5331;
  box-shadow: 2px 2px #483922;
}

.dark .writer-direct-card-footer {
  border-color: #494133;
}

.dark .writer-direct-card-progress {
  background: #413b30;
}

.dark .writer-direct-card-details {
  color: #c2b59e;
}

.writer-export-modal {
  color: #29251f;
  background: #fffdf8;
}

.writer-export-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 20px;
}

.writer-export-panel {
  overflow: hidden;
  background: #f7f4ed;
  border: 1px solid #e8e0d2;
  border-radius: 16px;
  min-width: 0;
}

.writer-export-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 18px 18px 14px;
}

.writer-export-panel-heading h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
}

.writer-export-panel-heading p {
  color: #807567;
  margin: 4px 0 0;
  font-size: 11px;
}

.writer-export-panel-heading > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.writer-export-panel-heading > div:first-child {
  display: block;
}

.writer-export-panel-heading button {
  color: #93651d;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 4px 0;
  font-size: 12px;
}

.writer-export-panel-heading button:disabled {
  opacity: .4;
  cursor: default;
}

.writer-export-episodes {
  overflow: auto;
  max-height: 430px;
  padding: 0 12px 12px;
}

.writer-export-episode, .writer-export-content {
  display: flex;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e4ded3;
  border-radius: 11px;
  align-items:  center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 14px;
  transition: background .15s, border-color .15s;
}

.writer-export-episode[data-selected="true"], .writer-export-content[data-selected="true"] {
  background: #fffbf2;
  border-color: #be8b36;
  box-shadow: inset 0 0 0 1px #be8b3626;
}

.writer-export-episode[data-disabled="true"] {
  opacity: .5;
  cursor: default;
}

.writer-export-episode input, .writer-export-content input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.writer-export-episode:focus-within, .writer-export-content:focus-within {
  outline: 2px solid #be8b36;
  outline-offset: 2px;
}

.writer-export-episode > div {
  flex: 1;
  min-width: 0;
}

.writer-export-episode strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}

.writer-export-episode > div > span {
  display: block;
  color: #8b8173;
  margin-top: 5px;
  font-size: 10px;
}

.writer-export-check {
  display: flex;
  color: #fff;
  border: 1px solid #c6beaf;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 18px;
  height: 18px;
}

[data-selected="true"] > .writer-export-check {
  background: #a57323;
  border-color: #a57323;
}

.writer-export-options {
  padding-bottom: 14px;
}

.writer-export-content-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 0 12px;
}

.writer-export-content {
  gap: 7px;
  margin: 0;
  padding: 14px 10px;
  font-size: 12px;
}

.writer-export-content > span:first-of-type {
  flex: 1;
}

.writer-export-content > svg {
  color: #9b773e;
  flex-shrink: 0;
}

.writer-export-format {
  display: flex;
  color: #8c672d;
  border-top: 1px solid #e8e0d2;
  align-items:  center;
  gap: 12px;
  margin: 18px 16px 0;
  padding-top: 16px;
}

.writer-export-format strong {
  display: block;
  color: #3c3428;
  font-size: 13px;
}

.writer-export-format span {
  display: block;
  color: #8b8173;
  margin-top: 4px;
  font-size: 10px;
}

.writer-export-missing {
  color: #776042;
  background: #f0e8d8;
  border-radius: 10px;
  margin: 16px 16px 0;
  padding: 12px;
  font-size: 11px;
  line-height: 1.7;
}

.writer-export-missing strong {
  font-weight: 600;
}

.writer-export-missing p {
  overflow: auto;
  max-height: 100px;
  margin: 5px 0 0;
}

.writer-export-empty, .writer-export-loading {
  color: #82796b;
  padding: 16px;
  font-size: 12px;
}

.writer-export-error {
  color: #b23a31;
  margin: 14px 0 0;
  font-size: 12px;
}

.writer-export-attention {
  color: #8a5a12;
  background: #fff7e6;
  border: 1px solid #f0d9a8;
  border-radius: 8px;
  margin: 14px 0 0;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.6;
}

.dark .writer-export-attention {
  color: #f3dfb5;
  background: #2c2416;
  border-color: #7a5a24;
}

.writer-export-footer {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
}

.writer-export-footer > span {
  color: #837865;
  font-size: 12px;
}

.writer-export-footer > div {
  display: flex;
  align-items:  center;
  gap: 12px;
}

.writer-export-footer button {
  display: inline-flex;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded5c5;
  border-radius: 9px;
  align-items:  center;
  gap: 6px;
  padding: 9px 14px;
  font-size: 12px;
}

.writer-export-footer .writer-export-submit {
  color: #fff;
  background: #a57323;
  border-color: #a57323;
}

.writer-export-footer button:disabled {
  opacity: .4;
  cursor: default;
}

.dark .writer-export-modal {
  color: #eee7da;
  background: #1d1b18;
}

.dark .writer-export-panel {
  background: #27231d;
  border-color: #4a4133;
}

.dark .writer-export-episode, .dark .writer-export-content {
  background: #211e19;
  border-color: #4a4133;
}

.dark .writer-export-episode[data-selected="true"], .dark .writer-export-content[data-selected="true"] {
  background: #332a1c;
  border-color: #b08b4a;
}

.dark .writer-export-format strong {
  color: #eee7da;
}

.dark .writer-export-missing {
  color: #d6be97;
  background: #352d22;
}

.dark .writer-export-footer button {
  color: #eee7da;
  background: #27231d;
  border-color: #4a4133;
}

.dark .writer-export-footer .writer-export-submit {
  background: #a57323;
}

@media (width <= 640px) {
  .writer-export-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .writer-export-episodes {
    max-height: 240px;
  }

  .writer-export-footer {
    align-items:  flex-start;
  }

  .writer-export-footer > span {
    max-width: 110px;
    line-height: 1.6;
  }

  .writer-export-footer button {
    padding: 9px 11px;
  }
}

.writer-export-range {
  display: flex;
  align-items:  flex-end;
  gap: 8px;
  padding: 0 12px 14px;
}

.writer-export-range label {
  color: #807567;
  flex: 1;
  min-width: 0;
  font-size: 11px;
}

.writer-export-range input {
  display: block;
  color: #29251f;
  background: #fff;
  border: 1px solid #ded5c5;
  border-radius: 9px;
  width: 100%;
  min-width: 0;
  margin-top: 5px;
  padding: 9px 10px;
  font-size: 13px;
}

.writer-export-range button {
  color: #93651d;
  cursor: pointer;
  background: #fffaf0;
  border: 1px solid #b98a41;
  border-radius: 9px;
  flex-shrink: 0;
  padding: 10px 12px;
  font-size: 11px;
}

.writer-export-range input:focus-visible {
  outline: 2px solid #be8b36;
  outline-offset: 1px;
}

.writer-export-range input:disabled, .writer-export-range button:disabled {
  opacity: .4;
  cursor: default;
}

.writer-export-range-error {
  color: #b23a31;
  margin: 0;
  padding: 0 16px 12px;
  font-size: 11px;
  line-height: 1.6;
}

.dark .writer-export-range input {
  color: #eee7da;
  background: #211e19;
  border-color: #4a4133;
}

.dark .writer-export-range button {
  color: #d6be97;
  background: #332a1c;
  border-color: #b08b4a;
}

.writer-export-success {
  display: inline-flex;
  color: #387455;
  align-items:  center;
  gap: 6px;
  font-weight: 500;
  line-height: 1.6;
}

.writer-export-success > svg {
  flex-shrink: 0;
}

.dark .writer-export-success {
  color: #8ac9a9;
}

.project-sprite-speech {
  position: absolute;
  z-index: 1;
  color: #795b32;
  animation: .2s ease-out project-wheel-appear;
  background: #fffdf6;
  border: 1px solid #e6d2aa;
  border-radius: 15px;
  width: 200px;
  padding: 12px 26px 12px 13px;
  font-size: 12px;
  line-height: 1.7;
  box-shadow: 0 5px 18px #8a621d1f;
}

.project-sprite-speech:after {
  content: "";
  position: absolute;
  background: #fffdf6;
  border-bottom: 1px solid #e6d2aa;
  border-right: 1px solid #e6d2aa;
  width: 8px;
  height: 8px;
  bottom: -5px;
  right: 24px;
  transform: rotate(45deg);
}

.project-sprite-speech[data-below]:after {
  top: -5px;
  bottom: auto;
  transform: rotate(225deg);
}

.project-sprite-speech > button {
  position: absolute;
  color: #a38a64;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  top: 3px;
  right: 4px;
}

.project-sprite-speech > button:hover {
  color: #6e4c1e;
  background: #f6ecd5;
}

.project-sprite-button[data-motion="wave"] .project-sprite-hand {
  transform-origin: 63px 47px;
  animation: .6s ease-in-out 3 project-sprite-wave;
}

.project-sprite-button[data-motion="stretch"] .project-sprite-body {
  animation: 1.8s ease-in-out project-sprite-stretch;
}

.project-sprite-button[data-motion="bounce"] .project-sprite-body {
  animation: 1.8s ease-in-out project-sprite-bounce;
}

.project-sprite-button[data-motion="peek"] .project-sprite-eyes {
  animation: 1.8s ease-in-out project-sprite-peek;
}

@keyframes project-sprite-stretch {
  0%, 100% {
    transform: scale(1);
  }

  40% {
    transform: scale(.94, 1.08)translateY(-1px);
  }

  65% {
    transform: scale(1.03, .98);
  }
}

@keyframes project-sprite-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(1px)scale(1.04, .96);
  }

  50% {
    transform: translateY(-5px)rotate(3deg);
  }

  75% {
    transform: translateY(0)scale(1.02, .98);
  }
}

@keyframes project-sprite-peek {
  0%, 100% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-1.5px);
  }

  65% {
    transform: translateX(1.5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-sprite-speech, .project-sprite-button[data-motion] .project-sprite-body, .project-sprite-button[data-motion] .project-sprite-eyes, .project-sprite-button[data-motion] .project-sprite-hand {
    animation: none;
  }
}

.project-sprite-version-badge {
  position: absolute;
  display: flex;
  color: #fff;
  background: #6366f1;
  border: 2px solid #fff;
  border-radius: 999px;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 0;
  box-shadow: 0 2px 6px #6366f133;
}

.project-sprite-tooltip[data-update-hint="true"] {
  visibility: visible;
  opacity: 1;
}

body:has([role="dialog"][aria-modal="true"]) .project-floating-tools .project-sprite-tooltip[data-update-hint="true"] {
  visibility: hidden;
}

.workspace-markdown {
  color: #1e293b;
  width: 100%;
  font-size: 15px;
  line-height: 1.85;
}

.workspace-markdown p {
  margin: 0 0 1em;
}

.workspace-markdown h1, .workspace-markdown h2, .workspace-markdown h3, .workspace-markdown h4, .workspace-markdown h5, .workspace-markdown h6 {
  color: #0f172a;
  margin: 1.5em 0 .65em;
  font-weight: 700;
  line-height: 1.5;
}

.workspace-markdown h1 {
  font-size: 1.35em;
}

.workspace-markdown h2 {
  font-size: 1.2em;
}

.workspace-markdown h3 {
  font-size: 1.05em;
}

.workspace-markdown > :first-child {
  margin-top: 0;
}

.workspace-markdown > :last-child {
  margin-bottom: 0;
}

.workspace-markdown ul, .workspace-markdown ol {
  margin: .75em 0 1em;
  padding-left: 1.5em;
}

.workspace-markdown li {
  margin: .4em 0;
  padding-left: .15em;
}

.workspace-markdown li > p, .workspace-markdown li > ul, .workspace-markdown li > ol {
  margin: .3em 0;
}

.workspace-markdown a {
  color: #4f46e5;
  text-decoration: underline;
  text-decoration-color: #c7d2fe;
  text-underline-offset: 3px;
}

.workspace-markdown a:hover {
  text-decoration-color: currentColor;
}

.workspace-markdown code {
  color: #334155;
  background: #f1f5f9;
  font-size: .85em;
}

.workspace-markdown blockquote {
  color: #64748b;
  border-color: #c7d2fe;
  font-style: normal;
}

.workspace-markdown hr {
  border-color: #e2e8f0;
  margin: 1.5em 0;
}

.workspace-code-block {
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-width: 0;
  margin: 1em 0;
}

.workspace-code-header {
  display: flex;
  color: #64748b;
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 8px 14px;
  font: 12px / 1.5 ui-monospace, monospace;
}

.workspace-code-header button {
  display: inline-flex;
  border-radius: 4px;
  align-items:  center;
  gap: 5px;
  padding: 2px 4px;
  font-family: inherit;
}

.workspace-code-header button:hover {
  color: #4f46e5;
  background: #eef2ff;
}

.workspace-code-header button:focus-visible {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}

.workspace-table-scroll:focus-visible {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}

.workspace-markdown .workspace-code-block pre {
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 14px 16px;
  line-height: 1.65;
}

.workspace-markdown pre code {
  white-space: pre;
  background: none;
  padding: 0;
  font-size: 13px;
}

.workspace-table-scroll {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  max-width: 100%;
  margin: 1em 0;
}

.workspace-table-scroll table {
  width: max-content;
  min-width: 100%;
  margin: 0;
  font-size: 13px;
}

.workspace-table-scroll th, .workspace-table-scroll td {
  vertical-align: top;
  text-align: left;
  max-width: 360px;
  padding: 9px 13px;
}

.workspace-table-scroll th {
  background: #f8fafc;
  font-weight: 600;
}

.workspace-user-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  text-align: left;
  min-width: 0;
  max-width: 100%;
}

.workspace-markdown-process {
  color: #64748b;
  font-size: 13px;
}

.workspace-tool-group {
  color: #64748b;
  margin: 0 14px;
  font-size: 12px;
}

.workspace-tool-group-trigger, .workspace-tool-stage, .workspace-tool-row-trigger {
  display: flex;
  text-align: left;
  border-radius: 8px;
  align-items:  center;
  gap: 8px;
  max-width: 100%;
  padding: 7px 8px;
}

.workspace-tool-group-trigger:hover, .workspace-tool-stage:hover, .workspace-tool-row-trigger:hover {
  background: #f1f5f9;
}

.workspace-tool-group button:focus-visible {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}

.workspace-tool-stages {
  border-left: 1px solid #e2e8f0;
  margin-top: 5px;
  padding-left: 10px;
}

.workspace-tool-row-trigger {
  width: 100%;
  min-width: 0;
}

.workspace-tool-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334155;
  flex-shrink: 0;
  max-width: 40%;
  font-weight: 500;
}

.workspace-tool-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #94a3b8;
  flex: 1;
  min-width: 0;
}

.workspace-tool-state, .workspace-tool-duration {
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-size: 11px;
}

.workspace-tool-state {
  margin-left: auto;
}

.workspace-tool-duration {
  color: #94a3b8;
}

.workspace-tool-detail {
  overflow: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  max-height: 420px;
  margin: 4px 8px 8px 28px;
  padding: 10px 12px;
}

.workspace-tool-stages:not([hidden]), .workspace-tool-detail:not([hidden]) {
  animation: .16s ease-out workspace-tool-reveal;
}

@keyframes workspace-tool-reveal {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-tool-stages, .workspace-tool-detail {
    animation: none !important;
  }
}

.writer-manuscript-state {
  white-space: nowrap;
  color: #837865;
  font-size: 12px;
}

.writer-manuscript-state[data-tone="final"] {
  color: #2f6b3a;
}

.writer-manuscript-state[data-tone="diverged"] {
  color: #a14b00;
}

.dark .writer-manuscript-state {
  color: #a8a29e;
}

.dark .writer-manuscript-state[data-tone="final"] {
  color: #86efac;
}

.dark .writer-manuscript-state[data-tone="diverged"] {
  color: #fdba74;
}

.team-review-shell {
  --review-ink: #252820;
  --review-muted: #7d8078;
  --review-line: #e9eae4;
  display: flex;
  color: var(--review-ink);
  background: #fafbf8;
  flex-direction: column;
  height: 100dvh;
  min-height: 0;
}

.team-review-header {
  display: flex;
  border-bottom: 1px solid var(--review-line);
  background: #fff;
  flex-shrink: 0;
  align-items:  center;
  gap: 32px;
  min-height: 76px;
  padding: 14px 28px;
}

.team-review-brand {
  display: flex;
  white-space: nowrap;
  letter-spacing: -.5px;
  align-items:  center;
  gap: 10px;
  font-size: 21px;
  font-weight: 800;
}

.team-review-brand img {
  border-radius: 11px;
  box-shadow: 0 2px 5px #39301b14;
}

.team-review-edition {
  color: #8a7444;
  letter-spacing: 1px;
  background: #fcfaf4;
  border: 1px solid #e9e4d5;
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
}

.team-review-nav {
  display: flex;
  background: #f5f6f2;
  border-radius: 12px;
  gap: 4px;
  padding: 4px;
}

.team-review-nav a {
  display: flex;
  white-space: nowrap;
  color: #777c71;
  border-radius: 9px;
  align-items:  center;
  gap: 8px;
  padding: 9px 15px;
  transition: background .15s, color .15s;
  font-size: 13px;
  font-weight: 600;
}

.team-review-nav a:hover {
  color: #282c22;
}

.team-review-nav a[aria-current="page"] {
  color: #303629;
  background: #fff;
  box-shadow: 0 1px 5px #25282012, 0 0 0 1px #25282005;
}

.team-review-account {
  display: flex;
  align-items:  center;
  gap: 12px;
  min-width: 0;
  margin-left: auto;
}

.team-review-account-button {
  display: flex;
  color: #72766b;
  align-items:  center;
  gap: 9px;
  min-width: 0;
  font-size: 12px;
}

.team-review-avatar {
  display: grid;
  color: #798365;
  background: #f1f3eb;
  border-radius: 50%;
  flex-shrink: 0;
  place-items:  center;
  width: 32px;
  height: 32px;
}

.team-review-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}

.team-review-signout {
  color: #90958a;
  border-radius: 8px;
  padding: 7px;
}

.team-review-signout:hover {
  color: #303629;
  background: #f3f4ef;
}

.team-review-main, .team-review-editor {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.team-review-creation {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.team-review-context {
  display: flex;
  border-bottom: 1px solid var(--review-line);
  background: #fff;
  flex-wrap: wrap;
  align-items:  center;
  gap: 16px;
  padding: 13px 28px;
}

.team-review-scope-group {
  display: flex;
  align-items:  center;
  gap: 12px;
  min-width: 0;
}

.team-review-select {
  display: flex;
  color: #93998a;
  background: #fff;
  border: 1px solid #e5e8df;
  border-radius: 9px;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  padding: 7px 10px;
  transition: border-color .15s;
}

.team-review-select:focus-within {
  outline: 2px solid #cbd7b5;
  outline-offset: 2px;
}

.team-review-select > svg {
  pointer-events: none;
  flex-shrink: 0;
}

.team-review-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #444c3a;
  cursor: pointer;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  min-width: 0;
  max-width: 250px;
  padding: 0;
  font-size: 12px;
  line-height: 22px;
}

.team-review-select select:disabled {
  cursor: default;
  opacity: .6;
}

.team-review-scope-divider {
  color: #cfd3c8;
  font-size: 15px;
}

.team-review-credit-scope {
  display: flex;
  white-space: nowrap;
  color: #7f8873;
  align-items:  center;
  gap: 6px;
  font-size: 11px;
}

.team-review-credit-scope > strong {
  color: #3f4937;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 600;
}

.team-review-credit-scope > span {
  background: #a0ad8c;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.team-review-mobile-history {
  margin-left: auto;
}

.team-review-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.team-review-history {
  display: none;
  border-right: 1px solid var(--review-line);
  background: #fff;
  flex-direction: column;
  min-height: 0;
  padding-top: 24px;
}

.team-review-history > div:first-child > button {
  color: #4a5739;
  background: #f2f5ec;
  border-color: #dce2d2;
  border-radius: 10px;
  font-size: 13px;
}

.team-review-canvas {
  position: relative;
  overflow: auto;
  background: radial-gradient(at 50% 15%, #fff 0%, #fafbf8 70%);
  min-width: 0;
  min-height: 0;
}

.team-review-home {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items:  center;
  width: min(100%, 1200px);
  margin: auto;
  padding: clamp(60px, 12vh, 120px) 44px 64px;
}

.team-review-home h1 {
  letter-spacing: -.045em;
  color: #292e24;
  font-size: clamp(26px, 3.2vw, 42px);
  font-weight: 750;
  line-height: 1.4;
}

.team-review-home > p {
  color: #90978a;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 400;
}

.team-review-home > .mt-12 {
  margin-top: 40px;
}

.team-review-empty {
  display: flex;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items:  center;
  gap: 16px;
  min-height: 280px;
  padding: 40px 24px;
}

.team-review-state-icon {
  display: grid;
  color: #82916a;
  background: #edf1e6;
  border-radius: 18px;
  place-items:  center;
  width: 58px;
  height: 58px;
}

.team-review-empty h1 {
  letter-spacing: -.5px;
  font-size: 22px;
  font-weight: 650;
}

.team-review-empty p {
  color: #8a9081;
  max-width: 440px;
  font-size: 13px;
  line-height: 1.8;
}

.team-review-action {
  display: inline-flex;
  color: #fff;
  background: #414d32;
  border-radius: 10px;
  justify-content: center;
  align-items:  center;
  gap: 9px;
  margin-top: 8px;
  padding: 11px 18px;
  font-size: 13px;
}

.team-review-action:hover {
  background: #303d23;
}

.team-review-error {
  display: flex;
  color: #ab6537;
  background: #fff8ee;
  border-bottom: 1px solid #f3e6d3;
  align-items:  center;
  gap: 9px;
  padding: 12px 24px;
  font-size: 13px;
}

.team-review-error button {
  text-decoration: underline;
  white-space: nowrap;
  margin-left: auto;
}

.team-review-shell button:focus-visible {
  outline: 2px solid #97aa77;
  outline-offset: 3px;
}

.team-review-shell a:focus-visible {
  outline: 2px solid #97aa77;
  outline-offset: 3px;
}

@media (width >= 1280px) {
  .team-review-workspace {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .team-review-history {
    display: flex;
  }

  .team-review-mobile-history {
    display: none;
  }
}

@media (width <= 1000px) {
  .team-review-email {
    display: none;
  }

  .team-review-header {
    gap: 22px;
  }

  .team-review-home {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media (width <= 600px) {
  .team-review-header {
    flex-wrap: wrap;
    gap: 12px;
    min-height: 66px;
    padding: 12px 16px;
  }

  .team-review-brand {
    font-size: 19px;
  }

  .team-review-edition {
    display: none;
  }

  .team-review-account {
    gap: 4px;
  }

  .team-review-header .team-review-nav {
    order: 3;
    width: 100%;
  }

  .team-review-nav a {
    flex: 1;
    justify-content: center;
  }

  .team-review-context {
    gap: 10px;
    padding: 12px 16px;
  }

  .team-review-scope-group {
    gap: 8px;
    width: 100%;
  }

  .team-review-select {
    gap: 6px;
  }

  .team-review-scope-group > .team-review-select {
    flex: 1;
    width: 0;
  }

  .team-review-select select {
    width: 100%;
    font-size: 11px;
  }

  .team-review-mobile-history {
    max-width: 200px;
  }

  .team-review-home {
    padding: 44px 16px 40px;
  }

  .team-review-home h1 {
    font-size: 25px;
  }

  .team-review-home > p {
    font-size: 12px;
  }

  .team-review-home > .mt-12 {
    margin-top: 28px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --writer-input-bg: #111827;
    --writer-ink: #e5e7eb;
    --writer-muted: #9ca3af;
    --writer-scheme: dark;
  }

  [data-testid="writer-workspace"] {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark;
  }

  [data-testid="writer-workspace"] :-webkit-any(.writer-chat-heading, .writer-progress-shell, .writer-progress, .writer-progress-node, .writer-delivery-return) {
    color: #e5e7eb;
    background: #111827;
    border-color: #374151;
  }

  [data-testid="writer-workspace"] :-moz-any(.writer-chat-heading, .writer-progress-shell, .writer-progress, .writer-progress-node, .writer-delivery-return) {
    color: #e5e7eb;
    background: #111827;
    border-color: #374151;
  }

  [data-testid="writer-workspace"] :is(.writer-chat-heading, .writer-progress-shell, .writer-progress, .writer-progress-node, .writer-delivery-return) {
    color: #e5e7eb;
    background: #111827;
    border-color: #374151;
  }

  [data-testid="writer-workspace"] :-webkit-any(.writer-quick-cost, .writer-quick-inline-reason) {
    color: #cbd5e1;
  }

  [data-testid="writer-workspace"] :-moz-any(.writer-quick-cost, .writer-quick-inline-reason) {
    color: #cbd5e1;
  }

  [data-testid="writer-workspace"] :is(.writer-quick-cost, .writer-quick-inline-reason) {
    color: #cbd5e1;
  }

  .ui-dialog button:disabled {
    opacity: 1 !important;
    color: #aeb9ca !important;
    background-color: #273244 !important;
    border-color: #475569 !important;
  }

  [data-testid="writer-workspace"] :-webkit-any(button, select):disabled {
    opacity: 1 !important;
    color: #aeb9ca !important;
    background-color: #273244 !important;
    border-color: #475569 !important;
  }

  [data-testid="writer-workspace"] :-moz-any(button, select):disabled {
    opacity: 1 !important;
    color: #aeb9ca !important;
    background-color: #273244 !important;
    border-color: #475569 !important;
  }

  [data-testid="writer-workspace"] :is(button, select):disabled {
    opacity: 1 !important;
    color: #aeb9ca !important;
    background-color: #273244 !important;
    border-color: #475569 !important;
  }

  [data-testid="writer-workspace"] :-webkit-any(.writer-manuscript, .writer-manuscript-content) {
    color: #e5e7eb;
  }

  [data-testid="writer-workspace"] :-moz-any(.writer-manuscript, .writer-manuscript-content) {
    color: #e5e7eb;
  }

  [data-testid="writer-workspace"] :is(.writer-manuscript, .writer-manuscript-content) {
    color: #e5e7eb;
  }

  [data-testid="writer-workspace"] .writer-manuscript-editor {
    background: #111827 !important;
  }

  [data-testid="writer-workspace"] ::-webkit-scrollbar-thumb {
    background: #536174;
    border: 2px solid #111827;
    border-radius: 8px;
  }

  [data-testid="writer-workspace"] ::-webkit-scrollbar-track {
    background: #111827;
  }
}

.dark {
  --writer-input-bg: #111827;
  --writer-ink: #e5e7eb;
  --writer-muted: #9ca3af;
  --writer-scheme: dark;
}

.story-app :-webkit-any(.text-stone-400, .text-gray-400) {
  color: #6b6560;
}

.story-app :-moz-any(.text-stone-400, .text-gray-400) {
  color: #6b6560;
}

.story-app :is(.text-stone-400, .text-gray-400) {
  color: #6b6560;
}

.ui-dialog :-webkit-any(.text-stone-400, .text-gray-400) {
  color: #6b6560;
}

.ui-dialog :-moz-any(.text-stone-400, .text-gray-400) {
  color: #6b6560;
}

.ui-dialog :is(.text-stone-400, .text-gray-400) {
  color: #6b6560;
}

@media (prefers-color-scheme: dark) {
  .story-app :-webkit-any(.text-stone-400, .text-gray-400) {
    color: #aeb9ca;
  }

  .story-app :-moz-any(.text-stone-400, .text-gray-400) {
    color: #aeb9ca;
  }

  .story-app :is(.text-stone-400, .text-gray-400) {
    color: #aeb9ca;
  }

  .ui-dialog :-webkit-any(.text-stone-400, .text-gray-400) {
    color: #aeb9ca;
  }

  .ui-dialog :-moz-any(.text-stone-400, .text-gray-400) {
    color: #aeb9ca;
  }

  .ui-dialog :is(.text-stone-400, .text-gray-400) {
    color: #aeb9ca;
  }

  .story-app [data-missing-prerequisites] {
    color: #aeb9ca;
  }
}

.writer-sealed-body__meta {
  color: #78716c;
}

@media (prefers-color-scheme: dark) {
  .writer-sealed-body {
    background: #1f2937;
    border-color: #665231;
    box-shadow: inset 0 1px #ffffff0a;
  }

  .writer-sealed-body__label {
    color: #fde68a;
  }

  .writer-sealed-body__meta {
    color: #aeb9ca;
  }

  .writer-sealed-body__core {
    background: #111827;
    border-color: #92400e;
    box-shadow: 0 0 24px #f59e0b15;
  }
}

.writer-history-added {
  color: #166534;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #dcfce7;
}

.writer-history-removed {
  color: #991b1b;
  text-decoration: line-through;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #fee2e2;
}

@media (prefers-color-scheme: dark) {
  .writer-history-added {
    color: #b6dfcc;
    background: #19352e;
  }

  .writer-history-removed {
    color: #e4b9c3;
    background: #3b252d;
  }
}

.writer-input-attachment {
  display: flex;
  color: #5c4932;
  background: #faf7f0;
  border: 1px solid #d6cbbb;
  border-radius: 10px;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  margin: 8px;
}

.writer-input-attachment button {
  display: flex;
  text-align: left;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  font-size: 14px;
}

.writer-input-attachment button:first-child {
  flex: 1;
}

.writer-input-attachment small {
  display: block;
  opacity: .85;
  font-size: 12px;
}

.dark .writer-input-attachment {
  color: #e2e8f0;
  background: #202938;
  border-color: #526073;
}

.wv2-list, .wv2-project-list, .wv2-workspace, .wv2-dialog {
  --wv2-paper: #fffdf8;
  --wv2-bg: #f3f0e9;
  --wv2-ink: #302e28;
  --wv2-muted: #756f62;
  --wv2-line: #e4dfd4;
  --wv2-accent: #9b621d;
  --wv2-soft: #f7e9cb;
  color: var(--wv2-ink);
  background: var(--wv2-bg);
  font-family: Noto Sans SC, PingFang SC, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
}

.dark .wv2-list, .dark .wv2-project-list, .dark .wv2-workspace, .dark .wv2-dialog {
  --wv2-paper: #20252a;
  --wv2-bg: #171c20;
  --wv2-ink: #e6e2d8;
  --wv2-muted: #b5b1a7;
  --wv2-line: #383e44;
  --wv2-accent: #e8b874;
  --wv2-soft: #373022;
}

.wv2-list button {
  display: inline-flex;
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  min-height: 36px;
  padding: 7px 12px;
  transition: background .15s, color .15s;
  font-size: 13px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)) {
  display: inline-flex;
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  min-height: 36px;
  padding: 7px 12px;
  transition: background .15s, color .15s;
  font-size: 13px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)) {
  display: inline-flex;
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  min-height: 36px;
  padding: 7px 12px;
  transition: background .15s, color .15s;
  font-size: 13px;
}

:is(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)) {
  display: inline-flex;
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  min-height: 36px;
  padding: 7px 12px;
  transition: background .15s, color .15s;
  font-size: 13px;
}

.wv2-list button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):disabled {
  opacity: .45;
  cursor: not-allowed;
}

:-moz-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):disabled {
  opacity: .45;
  cursor: not-allowed;
}

:is(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):disabled {
  opacity: .45;
  cursor: not-allowed;
}

.wv2-list button:hover:not(:disabled) {
  background: var(--wv2-soft);
}

:-webkit-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):hover:not(:disabled) {
  background: var(--wv2-soft);
}

:-moz-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):hover:not(:disabled) {
  background: var(--wv2-soft);
}

:is(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):hover:not(:disabled) {
  background: var(--wv2-soft);
}

.wv2-list input:focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

.wv2-list button:focus-visible {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):focus-visible {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):focus-visible {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:is(.wv2-workspace, .wv2-dialog) button:where(:not(.wv2-shared-pane *)):focus-visible {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) input:where(:not(.wv2-shared-pane *)):focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) input:where(:not(.wv2-shared-pane *)):focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:is(.wv2-workspace, .wv2-dialog) input:where(:not(.wv2-shared-pane *)):focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) textarea:where(:not(.wv2-shared-pane *)):focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) textarea:where(:not(.wv2-shared-pane *)):focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

:is(.wv2-workspace, .wv2-dialog) textarea:where(:not(.wv2-shared-pane *)):focus {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

.wv2-list .wv2-primary {
  background: var(--wv2-ink);
  color: var(--wv2-paper);
  border-color: #0000;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) .wv2-primary {
  background: var(--wv2-ink);
  color: var(--wv2-paper);
  border-color: #0000;
}

:-moz-any(.wv2-workspace, .wv2-dialog) .wv2-primary {
  background: var(--wv2-ink);
  color: var(--wv2-paper);
  border-color: #0000;
}

:is(.wv2-workspace, .wv2-dialog) .wv2-primary {
  background: var(--wv2-ink);
  color: var(--wv2-paper);
  border-color: #0000;
}

.wv2-list .wv2-primary:hover:not(:disabled) {
  background: var(--wv2-accent);
  color: var(--wv2-paper);
}

:-webkit-any(.wv2-workspace, .wv2-dialog) .wv2-primary:hover:not(:disabled) {
  background: var(--wv2-accent);
  color: var(--wv2-paper);
}

:-moz-any(.wv2-workspace, .wv2-dialog) .wv2-primary:hover:not(:disabled) {
  background: var(--wv2-accent);
  color: var(--wv2-paper);
}

:is(.wv2-workspace, .wv2-dialog) .wv2-primary:hover:not(:disabled) {
  background: var(--wv2-accent);
  color: var(--wv2-paper);
}

.wv2-list input, .wv2-list select {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) input:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) input:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:is(.wv2-workspace, .wv2-dialog) input:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) select:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) select:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:is(.wv2-workspace, .wv2-dialog) select:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:-webkit-any(.wv2-workspace, .wv2-dialog) textarea:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:-moz-any(.wv2-workspace, .wv2-dialog) textarea:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

:is(.wv2-workspace, .wv2-dialog) textarea:where(:not(.wv2-shared-pane *)) {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  border: 1px solid var(--wv2-line);
  border-radius: 9px;
  min-width: 0;
  padding: 9px 11px;
  font-size: 14px;
}

.wv2-list {
  overflow: auto;
  height: 100%;
  padding: 40px clamp(18px, 4vw, 64px);
}

.wv2-list > header {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 20px;
  margin-bottom: 28px;
}

.wv2-list h1 {
  letter-spacing: .04em;
  font-family: Noto Serif SC, Songti SC, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, serif;
  font-size: 36px;
  font-weight: 600;
}

.wv2-list h1 span {
  color: var(--wv2-accent);
  margin-left: 8px;
  font-family: Georgia, serif;
  font-size: 23px;
}

.wv2-eyebrow {
  letter-spacing: .2em;
  color: var(--wv2-accent);
  margin-bottom: 8px;
  font-size: 11px;
}

.wv2-muted {
  color: var(--wv2-muted);
  margin-top: 8px;
  font-size: 14px;
}

.wv2-list-filters {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 12px;
  margin-bottom: 24px;
}

.wv2-list-filters > div {
  display: flex;
  gap: 4px;
}

.wv2-list-filters button[aria-pressed="true"] {
  background: var(--wv2-soft);
  color: var(--wv2-accent);
  border-color: var(--wv2-accent);
}

.wv2-list-filters input {
  min-width: 220px;
  margin-left: auto;
}

.wv2-project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  gap: 20px;
  margin-bottom: 24px;
}

.wv2-project-card {
  background: var(--wv2-paper);
  border: 1px solid var(--wv2-line);
  border-radius: 16px;
  min-height: 225px;
  padding: 24px;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 6px 20px -16px #51462e;
}

.wv2-project-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -20px #51462e;
}

.wv2-card-motif {
  display: flex;
  color: var(--wv2-accent);
  background: linear-gradient(135deg, var(--wv2-soft), transparent);
  border: 1px solid var(--wv2-line);
  border-radius: 3px 9px 9px 3px;
  justify-content: center;
  align-items:  center;
  width: 52px;
  height: 62px;
  margin-bottom: 22px;
}

.wv2-project-card h2 {
  overflow-wrap: anywhere;
  margin: 8px 0 20px;
  font-family: Noto Serif SC, Songti SC, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, serif;
  font-size: 21px;
  font-weight: 600;
}

.wv2-project-card small, .wv2-project-card span {
  color: var(--wv2-muted);
  font-size: 12px;
}

.wv2-workspace {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.wv2-workspace-header {
  border-bottom: 1px solid var(--wv2-line);
  display: flex;
  background: var(--wv2-paper);
  flex-shrink: 0;
  align-items:  center;
  gap: 12px;
  height: 64px;
  padding: 0 18px;
}

.wv2-title {
  flex: 1;
  min-width: 0;
}

.wv2-title h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
}

.wv2-title small {
  color: var(--wv2-accent);
  letter-spacing: .12em;
  font-size: 10px;
}

.wv2-header-actions {
  display: flex;
  align-items:  center;
  gap: 7px;
}

.wv2-workspace-body {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.wv2-work-tree {
  border-right: 1px solid var(--wv2-line);
  overflow: auto;
  background: var(--wv2-paper);
  flex-shrink: 0;
  width: 268px;
  padding: 22px 16px;
}

.wv2-work-tree h2 {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}

.wv2-work-tree h2 button {
  display: none;
}

.wv2-work-tree > button {
  display: flex;
  text-align: left;
  border: none;
  justify-content: space-between;
  width: 100%;
  margin: 2px 0;
  padding: 10px 8px;
  font-size: 14px;
}

.wv2-work-tree > button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wv2-work-tree > button small {
  color: var(--wv2-muted);
  flex-shrink: 0;
  font-size: 11px;
}

.wv2-work-tree > button[aria-current="page"] {
  background: var(--wv2-soft);
  color: var(--wv2-accent);
}

.wv2-scene-nav {
  border-top: 1px solid var(--wv2-line);
  margin-top: 24px;
  padding-top: 16px;
}

.wv2-scene-nav h3 {
  color: var(--wv2-muted);
  margin-bottom: 10px;
  font-size: 12px;
}

.wv2-scene-nav button {
  display: block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  max-width: 100%;
  font-size: 12px;
}

.wv2-center {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.wv2-manuscript-heading {
  display: flex;
  border-bottom: 1px solid var(--wv2-line);
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 16px 24px;
}

.wv2-manuscript-heading h2 {
  font-size: 15px;
  font-weight: 600;
}

.wv2-manuscript-heading small {
  color: var(--wv2-muted);
  font-size: 11px;
}

.wv2-manuscript-heading > div:last-child {
  display: flex;
  gap: 5px;
}

.wv2-manuscript-heading button[aria-pressed="true"] {
  background: var(--wv2-paper);
  color: var(--wv2-accent);
}

.wv2-writing-area {
  overflow: auto;
  flex: 1;
  min-height: 0;
  padding: 20px clamp(10px, 3vw, 42px);
}

.wv2-editor {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
}

.wv2-editor-controls {
  position: sticky;
  z-index: 5;
  display: flex;
  pointer-events: none;
  background: none;
  flex-direction: column;
  align-items:  center;
  height: 0;
  top: 12px;
}

.wv2-node-toolbar {
  position: relative;
  display: flex;
  border: 1px solid var(--wv2-line);
  background: var(--wv2-paper);
  pointer-events: auto;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: 999px;
  flex: none;
  justify-content: flex-start;
  align-items:  center;
  gap: 2px;
  width: 640px;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 4px 12px;
  box-shadow: 0 2px 4px -2px #413e3520, 0 10px 24px -18px #413e3570;
}

.wv2-node-toolbar::-webkit-scrollbar {
  display: none;
}

.wv2-node-toolbar button {
  display: flex;
  color: var(--wv2-muted);
  border: 0;
  border-radius: 12px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 2px;
  min-height: 44px;
  padding: 4px 6px;
  font-size: 11px;
}

.wv2-node-toolbar .wv2-node-type-button {
  position: relative;
  flex: 1 0 44px;
  min-width: 44px;
  padding-bottom: 6px;
  line-height: 1.4;
}

.wv2-node-toolbar svg {
  flex-shrink: 0;
}

.wv2-node-toolbar .wv2-node-type-button[aria-pressed="true"] {
  color: var(--wv2-ink);
  background: none;
  font-weight: 600;
}

.wv2-node-type-button[aria-pressed="true"]:after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 2px;
  height: 2px;
  bottom: 3px;
  left: calc(50% - 10px);
  right: calc(50% - 10px);
}

.wv2-prose {
  background: var(--wv2-paper);
  border: 1px solid var(--wv2-line);
  outline: none;
  font-size: var(--wv2-font-size, 18px);
  min-height: 70vh;
  padding: 86px clamp(24px, 5vw, 70px) 46px;
  font-family: Noto Serif SC, Songti SC, SimSun, serif;
  line-height: 1.9;
  box-shadow: 0 3px 18px -12px #51462e;
}

.wv2-row {
  position: relative;
  display: flex;
  align-items: baseline;
  margin: 4px 0;
  padding: 3px 0;
}

.wv2-row-content {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.wv2-row-tools {
  position: absolute;
  display: flex;
  opacity: 0;
  color: var(--wv2-muted);
  align-items:  center;
  width: 20px;
  top: 9px;
  left: -40px;
}

.wv2-row:hover .wv2-row-tools, .wv2-row.ProseMirror-selectednode .wv2-row-tools {
  opacity: 1;
}

.wv2-row-tools > span {
  display: inline-flex;
  cursor: grab;
  touch-action: none;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 24px;
}

.wv2-row-tools > span:active {
  cursor: grabbing;
}

.wv2-row-tools > span:focus-visible {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 1px;
  border-radius: 4px;
}

.wv2-row:focus-within .wv2-row-tools {
  opacity: 1;
}

.wv2-row-symbol {
  position: absolute;
  color: var(--wv2-muted);
  font-family: sans-serif;
  font-size: 14px;
  left: -18px;
}

.wv2-row-label {
  position: absolute;
  color: var(--wv2-muted);
  opacity: 0;
  font-family: sans-serif;
  font-size: 9px;
  top: 10px;
  right: -48px;
}

.wv2-row:focus-within .wv2-row-label {
  opacity: 1;
}

.wv2-row-speaker {
  margin-top: 16px;
  margin-bottom: 0;
  font-weight: 600;
}

.wv2-row-dialogue {
  margin-top: 0;
  padding-left: 20px;
}

.wv2-row-dialogue .wv2-row-symbol {
  left: 2px;
}

.wv2-row-scene_heading {
  letter-spacing: .025em;
  border-bottom: 1px solid var(--wv2-line);
  margin: 25px 0 14px;
  padding-bottom: 9px;
  font-weight: 600;
}

.wv2-row-parenthetical {
  color: var(--wv2-muted);
  margin: 0;
  padding-left: 20px;
  font-style: italic;
}

.wv2-row-transition {
  text-align: right;
  color: var(--wv2-muted);
}

.wv2-row-note {
  color: var(--wv2-muted);
  background: var(--wv2-bg);
  border-left: 2px solid var(--wv2-accent);
  padding: 8px 14px;
  font-family: sans-serif;
  font-size: 14px;
}

.wv2-row-on_screen_text {
  font-weight: 600;
}

.wv2-row-sound {
  font-style: italic;
}

.wv2-row-timeline_marker {
  border-bottom: 1px dashed var(--wv2-line);
  font-size: 14px;
}

.wv2-entity-ref {
  background: var(--wv2-soft);
  color: var(--wv2-accent);
  border-radius: 3px;
}

.wv2-keyboard-help {
  display: flex;
  color: var(--wv2-muted);
  flex-wrap: wrap;
  justify-content: center;
  align-items:  center;
  gap: 7px;
  padding: 16px 0;
  font-size: 10px;
}

.wv2-keyboard-help kbd {
  border: 1px solid var(--wv2-line);
  background: var(--wv2-paper);
  border-radius: 4px;
  padding: 2px 5px;
  font-family: monospace;
}

.wv2-statusbar {
  display: flex;
  background: var(--wv2-paper);
  border-top: 1px solid var(--wv2-line);
  color: var(--wv2-muted);
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 12px;
  padding: 6px 18px;
  font-size: 10px;
}

.wv2-statusbar span {
  display: flex;
  align-items:  center;
  gap: 4px;
}

.wv2-agent {
  border-left: 1px solid var(--wv2-line);
  display: flex;
  background: var(--wv2-paper);
  flex-direction: column;
  flex-shrink: 0;
  gap: 15px;
  width: 290px;
  padding: 16px;
}

.wv2-agent > header {
  display: flex;
  border-bottom: 1px solid var(--wv2-line);
  align-items:  center;
  gap: 8px;
  padding-bottom: 13px;
}

.wv2-agent h2 {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
}

.wv2-agent > header button {
  display: none;
}

.wv2-agent-message {
  border: 1px dashed var(--wv2-line);
  color: var(--wv2-muted);
  border-radius: 12px;
  padding: 15px;
  font-size: 13px;
  line-height: 1.8;
}

.wv2-agent-message strong {
  color: var(--wv2-ink);
  font-family: serif;
  font-size: 17px;
}

.wv2-agent-message p {
  margin-top: 8px;
}

.wv2-agent-message small {
  display: block;
  margin-top: 15px;
  font-size: 11px;
}

.wv2-generation-panel form {
  display: flex;
  border: 1px solid var(--wv2-line);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding: 10px;
}

.wv2-generation-panel textarea {
  resize: vertical;
  background: none;
  border: 0;
  width: 100%;
  height: 130px;
  line-height: 1.8;
}

.wv2-generation-panel form > div {
  display: flex;
  justify-content: flex-end;
}

.wv2-import-trigger {
  color: var(--wv2-muted);
}

.wv2-generation {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  min-height: 200px;
}

.wv2-generation-caption {
  display: flex;
  color: var(--wv2-muted);
  justify-content: space-between;
  align-items:  center;
  margin-bottom: 12px;
  font-size: 12px;
}

.wv2-generation-caption > span {
  display: flex;
  align-items:  center;
  gap: 7px;
}

.wv2-live-dot {
  background: var(--wv2-accent);
  animation: 1.6s infinite wv2-pulse;
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.wv2-stream-paper {
  overflow: auto;
  background: var(--wv2-paper);
  border: 1px solid var(--wv2-line);
  font-size: var(--wv2-font-size, 18px);
  flex: 1;
  width: 100%;
  max-width: 880px;
  margin: auto;
  padding: 36px clamp(20px, 5vw, 60px);
  font-family: Noto Serif SC, Songti SC, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, serif;
  line-height: 1.9;
}

.wv2-stream-node {
  margin: 8px 0;
}

.wv2-stream-node p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.wv2-stream-node small {
  color: var(--wv2-muted);
  font-family: sans-serif;
  font-size: 10px;
}

.wv2-stream-speaker {
  display: block;
  margin: 14px 0 3px;
}

.wv2-caret {
  display: inline-block;
  background: var(--wv2-accent);
  vertical-align: -.12em;
  animation: 1s steps(2, end) infinite wv2-pulse;
  width: 2px;
  height: 1em;
  margin-left: 3px;
}

.wv2-follow {
  position: absolute;
  background: var(--wv2-paper);
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 3px 16px #0002;
}

.wv2-adopt {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: 10px;
  padding-top: 12px;
}

.wv2-adopt small {
  color: var(--wv2-muted);
  font-size: 12px;
}

.wv2-empty {
  text-align: center;
  color: #756f62;
  padding: 60px 20px;
  font-size: 14px;
}

.dark .wv2-empty {
  color: #b5b1a7;
}

.wv2-error, .wv2-warning, .wv2-notice {
  overflow-wrap: anywhere;
  padding: 10px 16px;
  font-size: 13px;
}

.wv2-error {
  color: #b8372b;
  background: #fff1ed;
}

.dark .wv2-error {
  color: #ffb1a4;
  background: #3e2928;
}

.wv2-warning {
  color: var(--wv2-accent);
}

.wv2-notice {
  color: var(--wv2-muted);
  padding: 5px 24px;
  font-size: 11px;
}

.wv2-modal-backdrop, .wv2-picker-backdrop {
  position: fixed;
  z-index: 100;
  display: flex;
  backdrop-filter: blur(3px);
  background: #0006;
  justify-content: center;
  align-items:  center;
  padding: 20px;
  inset: 0;
}

.wv2-modal, .wv2-entity-picker {
  background: var(--wv2-paper);
  border: 1px solid var(--wv2-line);
  color: var(--wv2-ink);
  overflow: auto;
  border-radius: 18px;
  width: min(100%, 600px);
  max-height: 90dvh;
  padding: 24px;
  box-shadow: 0 18px 70px #0003;
}

.wv2-modal > header, .wv2-entity-picker > header {
  display: flex;
  border-bottom: 1px solid var(--wv2-line);
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
}

.wv2-modal h2 {
  font-size: 18px;
  font-weight: 600;
}

.wv2-modal label:not(.wv2-checkbox) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 14px;
}

.wv2-modal footer {
  display: flex;
  border-top: 1px solid var(--wv2-line);
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
  padding-top: 18px;
}

.wv2-modal textarea {
  resize: vertical;
  width: 100%;
  height: 240px;
  line-height: 1.8;
}

.wv2-modal pre {
  white-space: pre-wrap;
  overflow: auto;
  max-height: 350px;
  padding: 15px;
  font-size: 13px;
  line-height: 1.8;
}

.wv2-modal summary {
  cursor: pointer;
  padding: 12px;
}

.wv2-checkbox {
  display: flex;
  align-items:  center;
  gap: 8px;
  font-size: 13px;
}

.wv2-entity-picker {
  max-width: 360px;
}

.wv2-entity-picker > input {
  width: 100%;
  margin: 12px 0;
}

.wv2-picker-tabs {
  display: flex;
  gap: 6px;
}

.wv2-picker-tabs button[aria-pressed="true"] {
  background: var(--wv2-soft);
  color: var(--wv2-accent);
}

.wv2-picker-results {
  overflow: auto;
  max-height: 280px;
  margin-bottom: 10px;
}

.wv2-picker-results button {
  display: flex;
  border: none;
  flex-direction: column;
  align-items:  flex-start;
  width: 100%;
  font-size: 14px;
}

.wv2-picker-results small {
  color: var(--wv2-muted);
  font-size: 11px;
}

@keyframes wv2-pulse {
  50% {
    opacity: .3;
  }
}

@media (width <= 1250px) {
  .wv2-work-tree {
    width: 220px;
  }

  .wv2-agent {
    width: 250px;
  }

  .wv2-node-toolbar button {
    padding: 4px 6px;
  }
}

@media (width <= 1050px) {
  .wv2-agent {
    display: none;
  }

  .wv2-agent.is-open {
    display: flex;
    position: absolute;
    z-index: 20;
    top: 64px;
    bottom: 0;
    right: 0;
    box-shadow: -10px 0 30px #0002;
  }

  .wv2-agent > header button {
    display: inline-flex;
  }

  .wv2-workspace {
    position: relative;
  }
}

@media (width <= 767px) {
  .wv2-list {
    padding: 22px 16px;
  }

  .wv2-list h1 {
    font-size: 28px;
  }

  .wv2-list > header {
    align-items:  flex-start;
  }

  .wv2-list > header > .wv2-primary {
    white-space: nowrap;
  }

  .wv2-list-filters input {
    width: 100%;
    margin-left: 0;
  }

  .wv2-project-grid {
    grid-template-columns: 1fr;
  }

  .wv2-work-tree {
    display: none;
  }

  .wv2-work-tree.is-open {
    display: block;
    position: absolute;
    z-index: 30;
    width: min(84vw, 290px);
    top: 58px;
    bottom: 0;
    left: 0;
    box-shadow: 12px 0 30px #0002;
  }

  .wv2-work-tree h2 button {
    display: inline-flex;
  }

  .wv2-workspace-header {
    gap: 5px;
    height: 58px;
    padding: 0 8px;
  }

  .wv2-title {
    display: none;
  }

  .wv2-workspace-header > button {
    flex-shrink: 0;
    width: 32px;
    min-width: 32px;
    padding: 5px;
  }

  .wv2-header-actions {
    overflow-x: auto;
    scrollbar-width: none;
    flex: 1;
    gap: 3px;
    min-width: 0;
  }

  .wv2-header-actions > * {
    flex-shrink: 0;
  }

  .wv2-header-actions button {
    min-height: 36px;
    padding: 5px;
  }

  .wv2-header-actions select {
    max-width: 48px;
    padding: 6px 2px;
    font-size: 11px;
  }

  .wv2-title h1 {
    font-size: 13px;
  }

  .wv2-title small {
    font-size: 9px;
  }

  .wv2-workspace-header .wv2-primary {
    font-size: 11px;
  }

  .wv2-workspace-header .wv2-primary svg {
    display: none;
  }

  .wv2-agent.is-open {
    width: min(90vw, 320px);
    top: 58px;
  }

  .wv2-manuscript-heading {
    padding: 10px 12px;
  }

  .wv2-manuscript-heading h2 {
    font-size: 13px;
  }

  .wv2-manuscript-heading button {
    min-height: 30px;
    padding: 4px 7px;
    font-size: 11px;
  }

  .wv2-writing-area {
    padding: 10px 8px;
  }

  .wv2-node-toolbar {
    justify-content: flex-start;
  }

  .wv2-node-toolbar button {
    font-size: 11px;
  }

  .wv2-prose {
    min-height: 65dvh;
    padding: 80px 27px 25px;
  }

  .wv2-row-tools {
    max-width: 20px;
    left: -22px;
  }

  .wv2-row-label {
    display: none;
  }

  .wv2-row-symbol {
    font-size: 11px;
    left: -14px;
  }

  .wv2-statusbar {
    gap: 8px;
    padding: 6px 10px;
    font-size: 9px;
  }

  .wv2-modal-backdrop, .wv2-picker-backdrop {
    padding: 12px;
  }

  .wv2-modal, .wv2-entity-picker {
    max-height: calc(100dvh - 24px);
    padding: 18px;
  }

  .wv2-modal h2 {
    font-size: 16px;
  }

  .wv2-scene-fields input {
    width: 110px;
  }

  .wv2-scene-fields {
    font-size: 12px;
  }

  .wv2-stream-paper {
    padding: 25px 22px;
  }

  .wv2-keyboard-help {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wv2-live-dot, .wv2-caret {
    animation: none;
  }

  .wv2-project-card {
    transition: none;
  }

  .wv2-project-card:hover {
    transform: none;
  }
}

.wv2-text-artifact {
  resize: vertical;
  background: var(--wv2-paper);
  width: 100%;
  min-height: 65vh;
  font-family: Noto Serif SC, Songti SC, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, serif;
  font-size: 16px;
  line-height: 1.9;
  padding: 25px !important;
}

.wv2-list-create-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.wv2-row-menu {
  position: absolute;
  z-index: 8;
  background: var(--wv2-paper);
  border: 1px solid var(--wv2-line);
  border-radius: 10px;
  min-width: 170px;
  max-width: 220px;
  padding: 5px;
  font-family: sans-serif;
  top: 32px;
  left: -22px;
  box-shadow: 0 8px 20px #0002;
}

.wv2-row-menu label {
  display: flex;
  color: var(--wv2-muted);
  flex-direction: column;
  gap: 4px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.wv2-row-menu input, .wv2-row-menu select {
  width: 100%;
  min-width: 0;
  font-size: 13px;
}

.wv2-row-menu button {
  display: flex;
  white-space: nowrap;
  border: 0;
  width: 100%;
  font-size: 12px;
}

.wv2-conflict {
  display: flex;
  background: var(--wv2-soft);
  color: var(--wv2-accent);
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  padding: 10px 16px;
  font-size: 12px;
}

.wv2-agent-tabs {
  display: flex;
  flex-shrink: 0;
  gap: 5px;
}

.wv2-agent-tabs button {
  flex: 1;
  font-size: 12px;
}

.wv2-agent-tabs button[aria-pressed="true"] {
  color: var(--wv2-accent);
  background: var(--wv2-soft);
}

.wv2-agent-chat {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.wv2-agent-chat > div {
  height: 100%;
  min-height: 0;
}

.wv2-agent {
  width: 340px;
}

@media (width <= 1250px) {
  .wv2-agent {
    width: 310px;
  }
}

@media (width <= 1050px) {
  .wv2-agent.is-open {
    width: 340px;
  }
}

@media (width <= 767px) {
  .wv2-agent.is-open {
    width: min(95vw, 380px);
  }
}

.wv2-modify-selection {
  display: flex;
  color: var(--wv2-accent);
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  padding: 8px 0;
  font-size: 13px;
}

.wv2-modify-selection button {
  padding: 4px 8px;
  font-size: 12px;
}

.wv2-import-preview {
  overflow: auto;
  border: 1px solid var(--wv2-line);
  border-radius: 10px;
  max-height: 220px;
  padding: 10px;
}

.wv2-import-preview > div {
  display: flex;
  gap: 10px;
  padding: 5px 0;
  line-height: 1.6;
}

.wv2-import-preview small {
  color: var(--wv2-muted);
  flex: 0 0 36px;
}

.wv2-import-preview span {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.wv2-import-classification {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 0;
  gap: 8px;
  margin: 12px 0;
  padding: 0;
}

.wv2-import-classification legend {
  color: var(--wv2-muted);
  margin-bottom: 8px;
  font-size: 13px;
}

.wv2-import-classification label {
  display: flex;
  border: 1px solid var(--wv2-line);
  cursor: pointer;
  border-radius: 10px;
  align-items:  center;
  gap: 8px;
  padding: 12px;
  font-size: 13px;
}

.wv2-import-classification label.is-selected {
  color: var(--wv2-accent);
  border-color: var(--wv2-accent);
  background: var(--wv2-soft);
}

.wv2-import-classification input {
  accent-color: var(--wv2-accent);
  width: auto;
  margin: 0;
}

.wv2-work-tree {
  width: 232px;
  padding: 18px 12px;
}

.wv2-work-tree > button {
  padding: 7px 8px;
  font-size: 13px;
}

.wv2-agent {
  width: 300px;
}

.wv2-agent-tabs {
  gap: 4px;
  padding: 8px;
}

.wv2-agent-tabs button {
  white-space: nowrap;
  min-width: 0;
  padding: 7px 6px;
  font-size: 12px;
}

.wv2-writing-info {
  overflow: auto;
  flex: 1;
  padding: 22px 18px;
}

.wv2-writing-info header small {
  color: var(--wv2-muted);
  font-size: 11px;
}

.wv2-writing-info h3 {
  margin: 7px 0 20px;
  font-size: 18px;
}

.wv2-writing-info dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--wv2-line);
  overflow: hidden;
  background: var(--wv2-line);
  border-radius: 12px;
  gap: 1px;
}

.wv2-writing-info dl div {
  background: var(--wv2-paper);
  padding: 14px;
}

.wv2-writing-info dt {
  color: var(--wv2-muted);
  font-size: 11px;
}

.wv2-writing-info dd {
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  line-height: 1.6;
}

.wv2-writing-info h4 {
  color: var(--wv2-muted);
  margin: 20px 0 8px;
  font-size: 12px;
}

.wv2-writing-info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wv2-writing-info li {
  background: var(--wv2-soft);
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 12px;
}

.wv2-writing-info > button {
  width: 100%;
  margin-top: 24px;
}

.wv2-board-tabs {
  display: flex;
  gap: 5px;
}

.wv2-manuscript-heading {
  flex-wrap: wrap;
}

.wv2-artifact-board {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 8px 12px;
}

.wv2-artifact-board > header {
  display: flex;
  align-items:  center;
  gap: 12px;
  margin: 10px 0 22px;
}

.wv2-artifact-board > header h2 {
  font-size: 21px;
  font-weight: 600;
}

.wv2-artifact-board > header small {
  color: var(--wv2-muted);
  font-size: 12px;
}

.wv2-artifact-board > header button {
  margin-left: auto;
}

.wv2-artifact-board > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.wv2-artifact-board .wv2-board-card {
  display: flex;
  text-align: left;
  background: var(--wv2-paper);
  border-radius: 13px;
  flex-direction: column;
  align-items: stretch;
  min-height: 180px;
  padding: 20px;
}

.wv2-board-card > small {
  color: var(--wv2-accent);
  font-size: 10px;
}

.wv2-board-card h3 {
  margin-top: 7px;
  font-size: 17px;
  font-weight: 600;
}

.wv2-board-card p {
  color: var(--wv2-muted);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin: 8px 0 18px;
  font-size: 13px;
  line-height: 1.8;
}

.wv2-board-card footer {
  display: flex;
  color: var(--wv2-muted);
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  font-size: 11px;
}

@media (width <= 767px) {
  .wv2-work-tree {
    width: min(84vw, 290px);
  }

  .wv2-agent {
    width: min(90vw, 320px);
  }

  .wv2-artifact-board {
    padding: 0 4px;
  }

  .wv2-artifact-board > div {
    grid-template-columns: 1fr;
  }

  .wv2-artifact-board > header {
    flex-wrap: wrap;
    gap: 7px;
  }

  .wv2-artifact-board > header h2 {
    font-size: 17px;
  }

  .wv2-board-tabs button {
    font-size: 10px;
  }

  .wv2-row-tools {
    opacity: 1;
    top: 6px;
    left: -24px;
  }

  .wv2-row-menu {
    min-width: 140px;
    left: 0;
  }
}

.wv2-diagnostics {
  background: var(--wv2-soft);
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1.7;
}

.wv2-diagnostics summary {
  cursor: pointer;
  color: var(--wv2-accent);
}

.wv2-work-tree.wv2-shared-pane {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 300px;
  padding: 0;
}

.wv2-work-tree > nav {
  border-right: 0;
  flex: 1;
  width: 100%;
  min-height: 0;
}

.wv2-work-tree .wv2-scene-nav {
  overflow: auto;
  flex-shrink: 0;
  max-height: 140px;
  padding: 8px 12px;
}

.wv2-work-tree .wv2-scene-nav:has(:only-child) {
  display: none;
}

.wv2-agent.wv2-shared-pane {
  gap: 0;
  width: 380px;
  min-height: 0;
  padding: 0;
}

.wv2-mobile-pane-header {
  display: none;
}

.wv2-manuscript-heading {
  flex-wrap: wrap;
}

.wv2-episode-tabs {
  display: flex;
  gap: 4px;
}

.wv2-episode-tabs button[aria-pressed="true"] {
  background: var(--wv2-soft);
  color: var(--wv2-accent);
}

.wv2-generation-panel {
  display: flex;
  color: var(--wv2-ink);
  flex-direction: column;
  gap: 12px;
}

@media (width <= 1250px) {
  .wv2-agent.wv2-shared-pane {
    width: 340px;
  }
}

@media (width <= 1050px) {
  .wv2-agent.wv2-shared-pane {
    display: none;
  }

  .wv2-agent.wv2-shared-pane.is-open {
    display: flex;
    width: min(95vw, 380px);
  }

  .wv2-agent .wv2-mobile-pane-header {
    display: flex;
    border-bottom: 1px solid var(--wv2-line);
    justify-content: space-between;
    align-items:  center;
    padding: 8px 12px;
  }
}

@media (width <= 767px) {
  .wv2-work-tree.wv2-shared-pane {
    display: none;
  }

  .wv2-work-tree.wv2-shared-pane.is-open {
    display: flex;
    width: min(90vw, 300px);
  }

  .wv2-work-tree .wv2-mobile-pane-header {
    display: flex;
    border-bottom: 1px solid var(--wv2-line);
    justify-content: space-between;
    align-items:  center;
    padding: 8px 12px;
  }

  .wv2-header-actions button[aria-label="创作正文"] span {
    display: none;
  }
}

.wv2-project-list {
  background: none;
  font-family: inherit;
}

.wv2-collection-header {
  display: flex;
  flex-shrink: 0;
  align-items:  flex-start;
  gap: 12px;
}

.wv2-collection-header > div {
  flex: 1;
  min-width: 0;
}

.wv2-conversion-link {
  flex-shrink: 0;
  padding: 8px 0;
}

@media (width <= 767px) {
  .wv2-collection-header {
    flex-wrap: wrap;
    gap: 6px;
  }

  .wv2-collection-header > div {
    flex-basis: 100%;
  }

  .wv2-conversion-link {
    margin-left: auto;
    padding: 0;
    font-size: 12px;
  }
}

.wv2-parenthetical-content {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.wv2-parenthetical-content .wv2-row-content {
  display: inline;
}

.wv2-parenthesis {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.wv2-speaker-content {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.wv2-speaker-content .wv2-row-content {
  display: inline;
}

.wv2-speaker-colon {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.wv2-manuscript-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  background: var(--wv2-paper);
  gap: 12px;
  min-height: 48px;
  padding: 0 18px;
}

.wv2-manuscript-heading h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
}

.wv2-episode-tabs {
  background: var(--wv2-bg);
  border-radius: 10px;
  gap: 0;
  padding: 3px;
}

.wv2-episode-tabs button {
  background: none;
  border: 0;
  min-height: 28px;
  padding: 4px 12px;
  font-size: 12px;
}

.wv2-episode-tabs button[aria-pressed="true"] {
  background: var(--wv2-paper);
  color: var(--wv2-ink);
  box-shadow: 0 1px 3px #0000000a;
}

.wv2-view-actions {
  display: flex;
  justify-self: end;
  align-items:  center;
  gap: 8px;
}

.wv2-manuscript-heading .wv2-output-link {
  white-space: nowrap;
  border: 0;
  padding: 4px;
  font-size: 11px;
}

.wv2-view-menu {
  position: relative;
}

.wv2-view-menu > summary {
  display: flex;
  cursor: pointer;
  list-style: none;
  color: var(--wv2-muted);
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
}

.wv2-view-menu > summary::-webkit-details-marker {
  display: none;
}

.wv2-view-menu > summary:hover, .wv2-view-menu[open] > summary {
  background: var(--wv2-bg);
  color: var(--wv2-ink);
}

.wv2-view-menu > summary:focus-visible {
  outline: 2px solid var(--wv2-accent);
  outline-offset: 2px;
}

.wv2-view-menu-items {
  position: absolute;
  z-index: 20;
  border: 1px solid var(--wv2-line);
  background: var(--wv2-paper);
  border-radius: 12px;
  width: 160px;
  padding: 5px;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px #00000012;
}

.wv2-view-menu-items button {
  display: flex;
  text-align: left;
  border: 0;
  width: 100%;
  padding: 9px 10px;
  font-size: 12px;
}

.wv2-writing-area {
  padding: 38px clamp(14px, 3vw, 44px) 24px;
}

.wv2-editor {
  max-width: 940px;
}

.wv2-editor-controls {
  top: 0;
  transform: translateY(-18px);
}

.wv2-node-toolbar {
  border-color: #0000;
  width: 600px;
}

.wv2-prose {
  border: 0;
  min-height: calc(100dvh - 172px);
  padding: 94px clamp(30px, 5vw, 76px) 48px;
  box-shadow: 0 2px 18px -12px #51462e35;
}

.wv2-row {
  margin: 2px 0;
  padding: 1px 0;
}

.wv2-row-speaker {
  margin-top: 10px;
  margin-bottom: 0;
}

.wv2-row-dialogue, .wv2-row-parenthetical {
  margin-top: 0;
  margin-bottom: 0;
}

.wv2-row-scene_heading {
  border: 0;
  margin: 24px 0 10px;
  padding-bottom: 0;
}

.wv2-statusbar {
  position: relative;
  align-items:  center;
  gap: 10px;
  min-height: 30px;
  padding: 4px 16px;
}

.wv2-draft-state {
  color: var(--wv2-accent);
}

.wv2-statusbar .wv2-status-notice {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 100px;
  min-width: 0;
}

.wv2-status-actions {
  display: flex;
  align-items:  center;
  gap: 10px;
  margin-left: auto;
}

.wv2-statusbar .wv2-status-conflict {
  color: var(--wv2-accent);
  white-space: nowrap;
  border: 0;
  min-height: 22px;
  padding: 3px 0;
  font-size: 11px;
}

.wv2-status-diagnostics > summary {
  cursor: pointer;
  color: var(--wv2-accent);
}

.wv2-status-diagnostics > div {
  position: absolute;
  overflow: auto;
  border: 1px solid var(--wv2-line);
  background: var(--wv2-paper);
  z-index: 20;
  border-radius: 10px;
  width: min(440px, 100% - 24px);
  max-height: 240px;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.8;
  bottom: calc(100% + 8px);
  right: 12px;
  box-shadow: 0 8px 24px #00000012;
}

.wv2-stream-paper {
  border: 0;
  max-width: 940px;
  box-shadow: 0 2px 18px -12px #51462e35;
}

.wv2-stream-speaker {
  margin-top: 10px;
}

.wv2-row-action, .wv2-stream-node.wv2-row-action {
  padding-left: 1.25em;
}

.wv2-row-dialogue, .wv2-stream-node.wv2-row-dialogue {
  padding-left: 2em;
}

.wv2-row-parenthetical, .wv2-stream-node.wv2-row-parenthetical {
  padding-left: 1em;
}

.wv2-row-action .wv2-row-symbol {
  left: 0;
}

.wv2-row-dialogue .wv2-row-symbol {
  left: 1em;
}

.wv2-row-action .wv2-row-symbol, .wv2-row-dialogue .wv2-row-symbol {
  font-size: inherit;
  line-height: inherit;
  width: 1em;
}

.wv2-stream-node {
  position: relative;
}

.wv2-stream-node.wv2-row-action:before, .wv2-stream-node.wv2-row-dialogue:before {
  position: absolute;
  color: var(--wv2-muted);
  font-family: sans-serif;
  line-height: inherit;
  width: 1em;
}

.wv2-stream-node.wv2-row-action:before {
  content: "△";
  left: 0;
}

.wv2-stream-node.wv2-row-dialogue:before {
  content: "└";
  left: 1em;
}

@media (width <= 767px) {
  .wv2-manuscript-heading {
    gap: 6px;
    min-height: 44px;
    padding: 0 10px;
  }

  .wv2-episode-tabs button {
    padding: 4px 8px;
  }

  .wv2-view-actions {
    gap: 3px;
  }

  .wv2-writing-area {
    padding: 30px 8px 12px;
  }

  .wv2-prose {
    min-height: calc(100dvh - 150px);
    padding: 84px 27px 30px;
  }

  .wv2-statusbar {
    gap: 7px;
    padding: 5px 10px;
  }
}

.wv2-node-candidate {
  color: #6b4a12;
  background: #fffaf0;
  border: 1px solid #f0c27a;
  border-radius: 10px;
  max-width: 820px;
  margin: 0 auto 14px;
  padding: 12px 14px;
  font-size: 13px;
}

.wv2-node-candidate > p {
  margin-bottom: 8px;
}

.wv2-node-candidate [role="alert"] {
  color: #b42318;
  margin-top: 8px;
}

.wv2-node-candidate-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.wv2-node-candidate-list li {
  border: 1px solid var(--wv2-line);
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
}

.wv2-node-candidate-list li.is-outside {
  border-color: #f0a35e;
}

.wv2-node-candidate-list pre {
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
  line-height: 1.7;
}

.wv2-node-candidate-list pre.is-before {
  color: #9f1d1d;
  text-decoration: line-through;
  background: #fdecec;
}

.wv2-node-candidate-list pre.is-after {
  color: #14532d;
  background: #e9f8ef;
}

.wv2-node-candidate-tag {
  display: inline-block;
  color: #a14b00;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
}

.wv2-node-candidate-empty {
  color: #78716c;
  font-size: 12px;
}

.wv2-node-candidate-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}

.dark .wv2-node-candidate {
  color: #f3dfb5;
  background: #2c2416;
  border-color: #7a5a24;
}

.dark .wv2-node-candidate-list li {
  background: var(--wv2-paper);
}

.dark .wv2-node-candidate-list pre.is-before {
  color: #fca5a5;
  background: #3b1f1f;
}

.dark .wv2-node-candidate-list pre.is-after {
  color: #86efac;
  background: #18321f;
}

.dark .wv2-node-candidate-tag {
  color: #fdba74;
}

.story-prestige-card {
  --card-ink: #273341;
  --card-muted: #536171;
  --card-metal: #63768a;
  --card-line: #b8c3ce;
  --card-bg: linear-gradient(135deg, #fff 0%, #edf1f5 42%, #fafbfc 72%, #e2e8ed 100%);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 22px;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 14px 35px -22px #24334470, inset 0 1px #ffffffc0;
  background: var(--card-bg) !important;
  color: var(--card-ink) !important;
  border-color: var(--card-line) !important;
}

.story-prestige-card[data-tier="gold"] {
  --card-ink: #4e3215;
  --card-muted: #79572c;
  --card-metal: #9b681e;
  --card-line: #d8b477;
  --card-bg: linear-gradient(135deg, #fffcf4, #f4e4c3 44%, #fff7e6 75%, #ead1a2);
}

.story-prestige-card[data-tier="diamond"] {
  --card-ink: #263557;
  --card-muted: #526284;
  --card-metal: #526dab;
  --card-line: #a8b8d7;
  --card-bg: linear-gradient(135deg, #fafbff, #e1e8f5 40%, #f3eef9 72%, #d7e1f0);
}

.story-prestige-card[data-tier="supreme"] {
  --card-ink: #f5e5bf;
  --card-muted: #d3c29d;
  --card-metal: #edce87;
  --card-line: #96733d;
  --card-bg: radial-gradient(ellipse at 100% 0%, #65503280, transparent 65%), linear-gradient(145deg, #25251f, #141715 70%, #303025);
  box-shadow: 0 18px 42px -20px #352712a0, inset 0 1px #d9b86b50;
}

.story-prestige-card:before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  opacity: .32;
  -webkit-mask-image: linear-gradient(#000, #0000 64%);
  mask-image: linear-gradient(#000, #0000 64%);
  background: repeating-linear-gradient(120deg, #0000 0 18px, #a1937730 18px 19px, #0000 19px 38px);
  inset: 0;
}

.story-prestige-card:after {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px solid var(--card-line);
  opacity: .32;
  z-index: -1;
  border-radius: 16px;
  inset: 7px;
}

.story-prestige-insignia {
  display: flex;
  color: var(--card-metal);
  align-items:  center;
  gap: 14px;
  margin-bottom: 22px;
}

.story-prestige-emblem {
  display: grid;
  border: 1px solid var(--card-line);
  background: linear-gradient(140deg, #ffffff50, #ffffff05);
  border-radius: 15px;
  place-items:  center;
  width: 52px;
  height: 52px;
  transform: rotate(-6deg);
  box-shadow: inset 0 1px #ffffff60, 0 4px 12px #00000008;
}

.story-prestige-emblem svg {
  transform: rotate(6deg);
}

.story-prestige-rule {
  background: linear-gradient(90deg, var(--card-line), transparent);
  flex: 1;
  height: 1px;
}

.story-prestige-number {
  letter-spacing: .06em;
  font-family: Georgia, serif;
  font-size: 24px;
  font-style: italic;
}

.story-prestige-card h3 {
  letter-spacing: .08em;
}

.story-prestige-card :-webkit-any(p, h3, span) {
  color: inherit;
}

.story-prestige-card :-moz-any(p, h3, span) {
  color: inherit;
}

.story-prestige-card :is(p, h3, span) {
  color: inherit;
}

.story-prestige-card p.text-sm {
  color: var(--card-muted);
}

.story-prestige-card [aria-label="会员价格"] > p:nth-child(2) {
  color: var(--card-ink);
  font-family: Georgia, Times New Roman, serif;
  font-weight: 600;
}

.story-prestige-card [aria-label="会员价格"] > p:last-child {
  color: var(--card-ink);
  border: 1px solid var(--card-line);
  background: #ffffff28;
}

.story-prestige-card > div.border-t {
  border-color: var(--card-line);
}

.story-prestige-card > button {
  border: 1px solid #b58b47;
  box-shadow: inset 0 1px #fff5d0;
  color: #38270f !important;
  background: linear-gradient(115deg, #e8c887, #f8e8bc 48%, #d5ad65) !important;
}

.story-prestige-card > button:disabled {
  border-color: var(--card-line);
  box-shadow: none;
  color: var(--card-muted) !important;
  background: none !important;
}

.story-prestige-card [class*="rounded-full"] {
  color: var(--card-ink);
  border: 1px solid var(--card-line);
  background: #ffffff20;
}

@media (hover: hover) {
  .story-prestige-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px -22px #35271280;
  }
}

@media (prefers-reduced-motion: reduce) {
  .story-prestige-card {
    transition: none;
  }

  .story-prestige-card:hover {
    transform: none;
  }
}

@media (prefers-color-scheme: dark) {
  .story-prestige-card:not([data-tier="supreme"]) {
    --card-ink: #e4eaf2;
    --card-muted: #bec8d6;
    --card-metal: #c5d3e4;
    --card-line: #607287;
    --card-bg: linear-gradient(135deg, #354252, #1b2430 60%, #283444);
  }

  .story-prestige-card[data-tier="gold"] {
    --card-ink: #f6e4bd;
    --card-muted: #d9c7a5;
    --card-metal: #e8c985;
    --card-line: #8d744a;
    --card-bg: linear-gradient(135deg, #4e402a, #28231c 60%, #3b3021);
  }

  .story-prestige-card[data-tier="diamond"] {
    --card-ink: #e4e6ff;
    --card-muted: #c1c9e3;
    --card-metal: #bacbef;
    --card-line: #6c7fa7;
    --card-bg: linear-gradient(135deg, #35435f, #222537 60%, #38364f);
  }
}

@keyframes story-card-arrive {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes story-metal-sweep {
  from {
    background-position: 160% 0, 0 0;
  }

  to {
    background-position: -60% 0, 0 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .story-prestige-card {
    animation: .55s cubic-bezier(.2,.7,.3,1) backwards story-card-arrive;
  }

  .story-prestige-card[data-tier="gold"] {
    animation-delay: 70ms;
  }

  .story-prestige-card[data-tier="diamond"] {
    animation-delay: .14s;
  }

  .story-prestige-card[data-tier="supreme"] {
    animation-delay: .21s;
  }

  .story-prestige-emblem {
    transition: transform .3s, box-shadow .3s;
  }

  .story-prestige-card > button {
    transition: filter .2s, transform .2s;
  }

  .story-prestige-card > button:not(:disabled):active {
    transform: scale(.98);
  }

  @media (hover: hover) and (pointer: fine) {
    .story-prestige-card:before {
      background-image: linear-gradient(110deg, #0000 30%, #ffffff75 48%, #0000 66%), repeating-linear-gradient(120deg, #0000 0 18px, #a1937730 18px 19px, #0000 19px 38px);
      background-position: 160% 0, 0 0;
      background-repeat: no-repeat;
      background-size: 250% 100%, 100% 100%;
    }

    .story-prestige-card:hover:before {
      animation: 1.1s ease-out story-metal-sweep;
    }

    .story-prestige-card:hover .story-prestige-emblem {
      transform: rotate(0)translateY(-2px);
      box-shadow: inset 0 1px #ffffff80, 0 6px 16px #00000014;
    }

    .story-prestige-card > button:not(:disabled):hover {
      filter: brightness(1.06);
    }
  }
}

.story-sale-banner {
  color: #562b2d;
  display: flex;
  background: linear-gradient(115deg, #fff8eb, #f7ece7);
  border: 1px solid #dac8b6;
  border-radius: 20px;
  justify-content: space-between;
  align-items:  center;
  gap: 24px;
  margin-top: 24px;
  padding: 28px;
}

.story-sale-banner h2 {
  margin: 8px 0;
  font-family: Georgia, serif;
  font-size: 26px;
  line-height: 1.4;
}

.story-sale-eyebrow {
  letter-spacing: .22em;
  font-size: 11px;
  font-weight: 700;
}

.story-sale-offer {
  margin: 12px 0;
  font-size: 28px;
  font-weight: 700;
}

.story-sale-banner details {
  max-width: 300px;
  font-size: 13px;
  line-height: 1.8;
}

.story-sale-banner summary {
  cursor: pointer;
  display: list-item;
  min-height: 44px;
  padding: 10px 0;
}

.story-sale-entry {
  display: flex;
  color: #722f3a;
  background: #f8ede6;
  border-bottom: 1px solid #e7d5c8;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 8px 20px;
  font-size: 13px;
}

.story-sale-entry a {
  padding: 8px 0;
}

.story-sale-entry-cta {
  font-weight: 600;
}

.story-sale-entry button {
  min-width: 44px;
  min-height: 44px;
  font-size: 22px;
}

@media (width <= 640px) {
  .story-sale-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 20px;
  }

  .story-sale-banner h2 {
    font-size: 23px;
  }

  .story-sale-offer {
    font-size: 25px;
  }

  .story-sale-entry {
    padding: 6px 12px;
  }

  .story-sale-entry-cta {
    display: block;
  }
}

@media (prefers-color-scheme: dark) {
  .story-sale-banner, .story-sale-entry {
    color: #f4d8ca;
    background: #34282a;
    border-color: #62474b;
  }
}

.story-sale-aside {
  flex: none;
  min-width: 0;
}

.story-sale-clock-title {
  letter-spacing: .08em;
  margin-bottom: 10px;
  font-size: 12px;
}

.story-sale-countdown {
  display: inline-grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 100%;
}

.story-sale-time-unit {
  display: flex;
  color: #562b2d;
  background: #fffdf9b8;
  border: 1px solid #dfc6b4;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  min-width: 60px;
  padding: 12px 10px;
}

.story-sale-time-number {
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.story-sale-time-label {
  font-size: 11px;
  line-height: 1.3;
}

.story-sale-entry-link {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 8px 14px;
  min-width: 0;
}

.story-sale-entry-copy {
  min-width: 0;
}

.story-sale-countdown-compact {
  flex-shrink: 0;
  gap: 4px;
}

.story-sale-countdown-compact .story-sale-time-unit {
  background: #fffdf9;
  border-radius: 5px;
  flex-direction: row;
  gap: 2px;
  min-width: 0;
  padding: 4px 5px;
}

.story-sale-countdown-compact .story-sale-time-number {
  font-size: 12px;
  line-height: 1.4;
}

.story-sale-countdown-compact .story-sale-time-label {
  font-size: 10px;
}

@media (width <= 640px) {
  .story-sale-aside {
    width: 100%;
  }

  .story-sale-countdown:not(.story-sale-countdown-compact) {
    display: grid;
    width: 100%;
  }

  .story-sale-time-unit {
    min-width: 0;
  }

  .story-sale-countdown-compact .story-sale-time-unit {
    padding: 3px 4px;
  }
}

@media (prefers-color-scheme: dark) {
  .story-sale-time-unit, .story-sale-countdown-compact .story-sale-time-unit {
    color: #f8dfd2;
    background: #4a3438;
    border-color: #7f5c60;
  }
}

.story-sale-banner h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  line-height: 1.25;
}

.story-sale-banner h2 strong {
  letter-spacing: -.04em;
  font-size: 42px;
  font-weight: 900;
}

.story-sale-banner h2 > span {
  font-size: 22px;
  font-weight: 600;
}

.story-sale-offer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 36px;
}

.story-sale-discount {
  display: inline-flex;
  position: relative;
  align-items: baseline;
  gap: 8px;
  font-size: 18px;
}

.story-sale-discount strong {
  position: relative;
  font-family: Georgia, serif;
  font-size: 64px;
  font-style: italic;
  line-height: 1.1;
}

.story-sale-discount strong:after {
  content: "";
  position: absolute;
  transform-origin: left;
  background: #c69a4a;
  border-radius: 50%;
  height: 5px;
  bottom: 0;
  left: 0;
  right: -5px;
}

.story-sale-entry-copy {
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 700;
}

.story-sale-period button {
  min-height: 44px;
  transition: background-color .18s, color .18s;
}

.story-sale-period small {
  font-weight: 800;
}

.story-payment-success {
  position: relative;
  color: #ad7522;
  pointer-events: none;
  width: 64px;
  height: 64px;
  margin: 24px auto 12px;
}

.story-payment-success svg {
  fill: #fff8e6;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 64px;
  height: 64px;
}

.story-payment-success path {
  fill: none;
  stroke-dasharray: 45;
  stroke-dashoffset: 0;
}

.story-payment-success i {
  position: absolute;
  opacity: 0;
  background: #c59a46;
  border-radius: 2px;
  width: 4px;
  height: 7px;
  top: 30px;
  left: 30px;
}

@keyframes story-sale-arrive {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes story-sale-underline {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes story-sale-fade {
  from {
    opacity: .4;
  }

  to {
    opacity: 1;
  }
}

@keyframes story-paid-check {
  from {
    stroke-dashoffset: 45;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes story-paid-particle {
  0% {
    opacity: 0;
    transform: rotate(var(--particle-angle)) translateY(-16px);
  }

  30% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: rotate(var(--particle-angle)) translateY(-52px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .story-sale-banner {
    animation: .4s ease-out both story-sale-arrive;
  }

  .story-sale-discount {
    animation: .4s ease-out 80ms both story-sale-arrive;
  }

  .story-sale-discount:nth-child(2) {
    animation-delay: .16s;
  }

  .story-sale-discount strong:after {
    animation: .4s ease-out .2s both story-sale-underline;
  }

  .story-sale-price, .story-sale-second {
    animation: .18s ease-out story-sale-fade;
  }

  .story-payment-celebrate path {
    animation: .45s ease-out both story-paid-check;
  }

  .story-payment-celebrate i {
    animation: .8s ease-out .15s both story-paid-particle;
  }
}

@media (width <= 640px) {
  .story-sale-banner h2 strong {
    font-size: 34px;
  }

  .story-sale-banner h2 > span {
    font-size: 18px;
  }

  .story-sale-discount strong {
    font-size: 44px;
  }

  .story-sale-discount {
    font-size: 16px;
  }

  .story-sale-offer {
    gap: 16px 28px;
  }

  .story-sale-period {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .story-sale-period button {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.story-sale-pay {
  display: inline-flex;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  min-height: 44px;
  transition: filter .18s, transform .18s;
}

.story-sale-spinner {
  display: inline-block;
  border: 2px solid #ffffff70;
  border-top-color: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

@keyframes story-sale-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .story-sale-spinner {
    animation: .8s linear infinite story-sale-spin;
  }

  .story-sale-pay:not(:disabled):active {
    transform: scale(.98);
  }
}

@media (hover: hover) {
  .story-sale-pay:not(:disabled):hover {
    filter: brightness(1.08);
  }
}

.editing-workbench {
  --editing-accent: #6546e9;
  --editing-border: #e5e7ef;
  display: flex;
  color: #20263b;
  background: #f7f8fb;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  min-height: 0;
  font-size: 13px;
}

.editing-workbench button, .editing-workbench a, .editing-workbench input, .editing-workbench select, .editing-workbench textarea {
  outline-offset: 3px;
}

.editing-workbench button:focus-visible {
  outline: 2px solid var(--editing-accent);
}

.editing-workbench a:focus-visible {
  outline: 2px solid var(--editing-accent);
}

.editing-workbench input:focus-visible {
  outline: 2px solid var(--editing-accent);
}

.editing-workbench select:focus-visible {
  outline: 2px solid var(--editing-accent);
}

.editing-workbench textarea:focus-visible {
  outline: 2px solid var(--editing-accent);
}

.editing-workbench button:disabled, .editing-workbench a[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .45;
}

.editing-workbench-header {
  display: flex;
  border-bottom: 1px solid var(--editing-border);
  background: #fff;
  flex-wrap: wrap;
  align-items:  center;
  gap: 14px;
  padding: 16px 22px;
}

.editing-icon-button {
  display: inline-flex;
  border: 1px solid var(--editing-border);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 34px;
  height: 34px;
}

.editing-project-heading {
  flex: 160px;
  min-width: 0;
  max-width: 340px;
}

.editing-project-heading > span {
  display: flex;
  color: #7c8295;
  align-items:  center;
  gap: 5px;
  margin-bottom: 3px;
  font-size: 11px;
}

.editing-project-heading h1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 15px;
  font-weight: 650;
}

.editing-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 8px;
  margin-left: auto;
}

.editing-save-state {
  display: inline-flex;
  color: #648172;
  align-items:  center;
  gap: 5px;
  margin-right: 6px;
  font-size: 11px;
}

.editing-save-state.is-dirty {
  color: #a46b16;
}

.editing-episode-select {
  border: 1px solid var(--editing-border);
  background: #fafbfe;
  border-radius: 9px;
  min-width: 0;
  max-width: 260px;
  padding: 8px 24px 8px 10px;
  font-size: 12px;
}

.editing-button {
  display: inline-flex;
  color: #454b60;
  background: #fff;
  border: 1px solid #e3e5ed;
  border-radius: 9px;
  justify-content: center;
  align-items:  center;
  gap: 7px;
  padding: 9px 12px;
  transition: background .16s, border-color .16s;
  font-size: 12px;
  font-weight: 600;
}

.editing-button:hover:not(:disabled) {
  background: #f8f6ff;
  border-color: #c9c2e7;
}

.editing-button.is-primary {
  color: #fff;
  background: #6546e9;
  border-color: #6546e9;
}

.editing-button.is-primary:hover:not(:disabled) {
  background: #5536d8;
}

.editing-button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.editing-full-button {
  width: 100%;
}

.editing-alert {
  color: #ac3434;
  overflow-wrap: anywhere;
  background: #fff3f1;
  padding: 12px 18px;
  font-size: 12px;
}

.editing-entry {
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(340px, 1.15fr);
  flex: 1;
  align-content:  start;
  gap: clamp(28px, 5vw, 86px);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 78px);
}

.editing-entry-intro {
  padding: 20px 0;
}

.editing-eyebrow {
  display: inline-flex;
  color: var(--editing-accent);
  letter-spacing: .08em;
  align-items:  center;
  gap: 8px;
  font-size: 11px;
  font-weight: 650;
}

.editing-entry-intro h2 {
  letter-spacing: -.04em;
  margin: 24px 0 18px;
  font-size: clamp(28px, 2.5vw, 42px);
  font-weight: 700;
  line-height: 1.45;
}

.editing-entry-intro > p {
  color: #798094;
  font-size: 13px;
  line-height: 1.9;
}

.editing-entry-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
}

.editing-entry-steps li {
  display: flex;
  align-items:  center;
  gap: 15px;
}

.editing-entry-steps li > span {
  color: #9298aa;
  display: grid;
  font-variant-numeric: tabular-nums;
  border: 1px solid #dfe2ed;
  border-radius: 50%;
  place-items:  center;
  width: 30px;
  height: 30px;
  font-size: 11px;
}

.editing-entry-steps strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
}

.editing-entry-steps small {
  color: #8b91a2;
  display: block;
  margin-top: 4px;
  font-size: 11px;
}

.editing-timeline-motif {
  position: relative;
  display: flex;
  border-top: 1px solid #e5e7f0;
  align-items:  center;
  gap: 4px;
  max-width: 350px;
  height: 70px;
  margin-top: 40px;
}

.editing-timeline-motif span {
  background: #eae5f8;
  border: 1px solid #d4ccef;
  border-radius: 4px;
  width: 26%;
  height: 26px;
}

.editing-timeline-motif span:nth-child(2) {
  background: #e6edf4;
  border-color: #cfdce8;
  width: 35%;
}

.editing-timeline-motif span:nth-child(3) {
  background: #eee6da;
  border-color: #e0d2bc;
  width: 18%;
}

.editing-timeline-motif i {
  position: absolute;
  background: #6546e9;
  width: 1px;
  height: 45px;
  left: 45%;
}

.editing-timeline-motif b {
  position: absolute;
  color: #9a9ead;
  letter-spacing: .05em;
  font-size: 10px;
  font-weight: 400;
  bottom: -10px;
}

.editing-episode-picker {
  border: 1px solid var(--editing-border);
  background: #fff;
  border-radius: 18px;
  align-self:  start;
  min-width: 0;
  padding: 28px;
  box-shadow: 0 8px 30px #17254f03;
}

.editing-section-heading {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  margin-bottom: 23px;
}

.editing-section-heading h2 {
  margin-top: 7px;
  font-size: 20px;
  font-weight: 650;
}

.editing-count {
  color: #82889d;
  white-space: nowrap;
  font-size: 12px;
}

.editing-search {
  display: flex;
  color: #959bb0;
  background: #f7f8fb;
  border: 1px solid #eceef5;
  border-radius: 9px;
  align-items:  center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 10px 12px;
}

.editing-search input {
  color: #30364b;
  background: none;
  border: 0;
  width: 100%;
  min-width: 0;
  font-size: 12px;
}

.editing-episode-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}

.editing-episode-groups button {
  border: 1px solid var(--editing-border);
  color: #747b90;
  font-variant-numeric: tabular-nums;
  background: #fff;
  border-radius: 7px;
  flex: none;
  padding: 7px 10px;
  font-size: 12px;
}

.editing-episode-groups button:hover {
  background: #f8f6ff;
  border-color: #c9c2e7;
}

.editing-episode-groups button[aria-pressed="true"] {
  color: #6546e9;
  background: #f2eefb;
  border-color: #d8cff9;
  font-weight: 600;
}

.editing-episode-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  gap: 10px;
  min-width: 0;
  max-height: 52vh;
  margin: -3px;
  padding: 3px;
}

.editing-episode-card {
  display: flex;
  text-align: left;
  border: 1px solid #e5e7ef;
  border-radius: 12px;
  align-items:  center;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: 16px;
  transition: border-color .18s, background .18s, transform .18s;
}

.editing-episode-card:hover:not(:disabled) {
  background: #fbfaff;
  border-color: #b6a5ef;
  transform: translateY(-1px);
}

.editing-episode-card > svg {
  color: #9c8ec4;
  flex-shrink: 0;
}

.editing-episode-number {
  display: flex;
  color: #8b79b2;
  letter-spacing: .1em;
  background: #f2eefb;
  border-radius: 9px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 56px;
  font-size: 9px;
}

.editing-episode-number strong {
  color: #6a51a1;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 650;
}

.editing-episode-copy {
  flex: 1;
  min-width: 0;
}

.editing-episode-copy > strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}

.editing-episode-copy small {
  display: block;
  color: #8d93a5;
  margin-top: 6px;
  font-size: 11px;
}

.editing-picker-note {
  color: #8a90a1;
  margin-top: 20px;
  font-size: 11px;
  line-height: 1.8;
}

.editing-empty {
  display: flex;
  text-align: center;
  color: #989eb0;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  padding: 42px 15px;
}

.editing-empty strong {
  color: #646c82;
  font-size: 14px;
  font-weight: 600;
}

.editing-empty p {
  max-width: 260px;
  font-size: 12px;
  line-height: 1.8;
}

.editing-workbench-body {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.editing-workbench-body.is-hidden {
  display: none;
}

.editing-editor-pane {
  position: relative;
  display: flex;
  background: #fff;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.editing-editor-heading {
  border-bottom: 1px solid var(--editing-border);
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 12px 18px;
}

.editing-editor-heading > span {
  display: flex;
  color: #6e7488;
  align-items:  center;
  gap: 7px;
  font-size: 12px;
}

.editing-editor-heading > span:last-child {
  color: #9b9fb0;
  font-size: 11px;
}

.editing-sdk-scroll {
  overflow: auto;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.editing-sdk-container {
  min-width: 960px;
  height: 100%;
  min-height: 550px;
}

.editing-editor-loading {
  position: absolute;
  display: flex;
  color: #7969b5;
  background: #f8f9fc;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 14px;
  inset: 42px 0 0;
}

.editing-editor-loading strong {
  color: #44485f;
  font-weight: 600;
}

.editing-editor-loading p {
  color: #8b91a3;
  font-size: 12px;
}

.editing-companion {
  display: flex;
  border-right: 1px solid var(--editing-border);
  background: #fff;
  flex-direction: column;
  flex: 0 0 360px;
  min-width: 0;
  min-height: 0;
}

.editing-panel-tabs {
  display: flex;
  border-bottom: 1px solid var(--editing-border);
  flex-shrink: 0;
  gap: 12px;
  padding: 0 14px;
}

.editing-panel-tabs button {
  display: flex;
  white-space: nowrap;
  color: #9297a8;
  border-bottom: 2px solid #0000;
  flex: 1;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  padding: 15px 0 12px;
  font-size: 12px;
}

.editing-panel-tabs button[aria-pressed="true"] {
  color: #6546e9;
  border-bottom-color: #6546e9;
  font-weight: 600;
}

.editing-panel-tabs button > span {
  background: #f0edf9;
  border-radius: 4px;
  padding: 1px 3px;
  font-size: 10px;
}

.editing-panel-content {
  overflow: auto;
  flex: 1;
  min-height: 0;
  padding: 22px 20px;
}

.editing-panel-title {
  display: flex;
  color: #6a51a1;
  align-items:  center;
  gap: 8px;
  margin-bottom: 12px;
}

.editing-panel-title h2 {
  color: #383f56;
  font-size: 14px;
  font-weight: 650;
}

.editing-help {
  color: #8b91a2;
  margin: 8px 0 16px;
  font-size: 12px;
  line-height: 1.8;
}

.editing-small {
  text-align: center;
  font-size: 10px;
}

.editing-instruction {
  resize: vertical;
  background: #fcfbff;
  border: 1px solid #e1dced;
  border-radius: 10px;
  width: 100%;
  min-height: 140px;
  padding: 12px;
  font-size: 12px;
  line-height: 1.8;
}

.editing-suggestions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 18px;
}

.editing-suggestions > span {
  color: #969bac;
  font-size: 10px;
}

.editing-suggestions button {
  text-align: left;
  display: flex;
  color: #71778c;
  background: #f8f9fc;
  border: 1px solid #eceef5;
  border-radius: 8px;
  align-items:  center;
  gap: 8px;
  padding: 9px 10px;
  font-size: 11px;
  line-height: 1.8;
}

.editing-suggestions button:hover {
  background: #f0edf9;
}

.editing-suggestions svg {
  flex-shrink: 0;
}

.editing-text-button {
  display: inline-block;
  color: #6546e9;
  padding: 8px 0;
  font-size: 11px;
}

.editing-panel-note {
  color: #97815c;
  background: #faf8f1;
  border: 1px solid #eee8d5;
  border-radius: 9px;
  margin: 14px 0;
  padding: 12px;
  font-size: 11px;
  line-height: 1.8;
}

.editing-context-link {
  display: flex;
  text-align: left;
  color: #9892a7;
  border-top: 1px solid #eceef5;
  align-items:  center;
  gap: 10px;
  width: 100%;
  padding: 16px 0;
}

.editing-context-link > span {
  flex: 1;
  min-width: 0;
}

.editing-context-link strong {
  display: block;
  color: #626a80;
  font-size: 12px;
  font-weight: 500;
}

.editing-context-link small {
  display: block;
  color: #969bad;
  margin-top: 4px;
  font-size: 10px;
}

.editing-script {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #5c6377;
  font-family: inherit;
  font-size: 13px;
  line-height: 2;
}

.editing-checkbox {
  display: flex;
  align-items:  flex-start;
  gap: 8px;
  margin: 14px 0;
  font-size: 12px;
  line-height: 1.8;
}

.editing-checkbox input {
  accent-color: #6546e9;
  margin-top: 4px;
}

.editing-inline-status {
  display: flex;
  color: #969bad;
  align-items:  center;
  gap: 8px;
  margin: 16px 0;
  font-size: 12px;
}

.editing-job-card {
  border: 1px solid var(--editing-border);
  border-radius: 10px;
  margin-top: 12px;
  padding: 14px;
}

.editing-job-heading {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
}

.editing-job-heading strong {
  font-size: 12px;
  font-weight: 600;
}

.editing-job-state {
  color: #7967a5;
  background: #f2eefb;
  border-radius: 5px;
  padding: 3px 6px;
  font-size: 10px;
}

.editing-job-state.is-completed {
  color: #448269;
  background: #eaf6f0;
}

.editing-job-state.is-failed, .editing-job-state.is-submission_unknown {
  color: #af6d42;
  background: #fff1e9;
}

.editing-job-error {
  color: #ac3434;
  overflow-wrap: anywhere;
  margin: 10px 0;
  font-size: 12px;
}

.editing-history-list {
  display: flex;
  overflow: auto;
  flex-direction: column;
  max-height: 50vh;
}

.editing-history-list > div {
  display: flex;
  border-bottom: 1px solid #eceef5;
  justify-content: space-between;
  align-items:  center;
  gap: 16px;
  padding: 14px 0;
}

.editing-history-list strong {
  font-size: 13px;
  font-weight: 600;
}

.editing-history-list small {
  display: block;
  color: #969bad;
  margin-top: 6px;
  font-size: 11px;
}

.editing-spin {
  animation: 1.5s linear infinite editing-spin;
}

@keyframes editing-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (width <= 1200px) {
  .editing-workbench-body {
    overflow: auto;
    flex-direction: column;
  }

  .editing-editor-pane {
    flex: 0 0 610px;
  }

  .editing-companion {
    border-right: 0;
    border-top: 1px solid var(--editing-border);
    flex: none;
  }

  .editing-panel-content {
    max-height: 560px;
  }

  .editing-panel-content.is-chat {
    flex: none;
    height: 520px;
  }

  .editing-panel-tabs {
    justify-content: flex-start;
  }

  .editing-panel-tabs button {
    flex: none;
    padding: 15px 10px 12px;
  }

  .editing-header-actions {
    flex: 100%;
    justify-content: flex-end;
  }

  .editing-save-state {
    margin-right: auto;
  }
}

@media (width <= 700px) {
  .editing-workbench-header {
    gap: 10px;
    padding: 12px 14px;
  }

  .editing-project-heading {
    max-width: none;
  }

  .editing-entry {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 24px 18px;
  }

  .editing-entry-intro {
    padding: 0;
  }

  .editing-entry-intro h2 {
    margin: 12px 0;
    font-size: 27px;
  }

  .editing-entry-intro h2 br {
    display: none;
  }

  .editing-entry-intro > p {
    font-size: 12px;
  }

  .editing-entry-steps, .editing-timeline-motif {
    display: none;
  }

  .editing-episode-picker {
    width: 100%;
    padding: 20px;
  }

  .editing-section-heading h2 {
    font-size: 18px;
  }

  .editing-episode-card {
    gap: 12px;
    padding: 12px;
  }

  .editing-episode-select {
    flex: 100%;
    max-width: none;
  }

  .editing-save-state {
    width: 100%;
  }

  .editing-header-actions {
    justify-content: flex-start;
  }

  .editing-editor-heading > span:last-child {
    display: none;
  }
}

.editing-panel-content.is-chat {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.editing-chat {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.editing-chat-messages {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  flex: 1;
  min-height: 0;
  padding: 22px 18px;
}

.editing-chat-welcome {
  padding: 24px 0 12px;
}

.editing-chat-welcome > span {
  display: inline-flex;
  color: #6546e9;
  background: #f2eefb;
  border-radius: 12px;
  padding: 10px;
}

.editing-chat-welcome h2 {
  margin: 16px 0 10px;
  font-size: 19px;
  font-weight: 650;
}

.editing-chat-welcome p {
  color: #8b91a2;
  font-size: 12px;
  line-height: 1.9;
}

.editing-chat-suggestions {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 24px;
}

.editing-chat-suggestions button {
  display: flex;
  text-align: left;
  color: #6c637f;
  border: 1px solid #e9e6f2;
  border-radius: 10px;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 12px;
  font-size: 12px;
}

.editing-chat-suggestions button:hover {
  background: #faf8ff;
  border-color: #c9c2e7;
}

.editing-chat-turn {
  animation: .18s ease-out editing-chat-appear;
  margin-bottom: 28px;
}

.editing-chat-user {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.editing-chat-user p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #f3f0fc;
  border: 1px solid #e8e1fa;
  border-radius: 12px 12px 3px;
  max-width: 94%;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.9;
}

.editing-chat-reply {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 12px;
  line-height: 1.9;
}

.editing-chat-speaker {
  display: flex;
  color: #8c82a3;
  align-items:  center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 11px;
}

.editing-chat-reply .workspace-markdown {
  font-size: 12px;
}

.editing-chat-artifact {
  display: flex;
  background: #fff;
  border: 1px solid #e5e1ef;
  border-radius: 12px;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
}

.editing-chat-artifact > div {
  display: flex;
  color: #8a78b7;
  align-items:  center;
  gap: 10px;
}

.editing-chat-artifact strong {
  display: block;
  color: #42495e;
  font-size: 12px;
  font-weight: 600;
}

.editing-chat-artifact small {
  color: #9297a7;
  font-size: 10px;
}

.editing-chat-applied {
  display: flex;
  color: #4a8c73;
  align-items:  center;
  gap: 5px;
  font-size: 11px;
}

.editing-chat-composer {
  background: #fff;
  border-top: 1px solid #eeedf4;
  flex-shrink: 0;
  padding: 12px 14px;
}

.editing-chat-composer > .editing-help {
  margin-bottom: 8px;
}

.editing-chat-input {
  background: #fff;
  border: 1px solid #e4deef;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 3px 12px #27213f04;
}

.editing-chat-input:focus-within {
  border-color: #b6a5ef;
}

.editing-chat-input textarea {
  display: block;
  resize: vertical;
  outline: none;
  background: none;
  border: 0;
  width: 100%;
  min-height: 68px;
  max-height: 180px;
  font-size: 12px;
  line-height: 1.8;
}

.editing-chat-input > div {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  margin-top: 8px;
}

.editing-chat-input > div > span {
  color: #a0a4b3;
  font-size: 9px;
}

.editing-chat-input button {
  display: grid;
  color: #fff;
  background: #6546e9;
  border-radius: 50%;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.editing-chat-input button:disabled {
  opacity: 1;
  color: #b4a9cf;
  background: #eeeaf6;
}

.editing-chat-caption {
  color: #a0a4b3;
  text-align: center;
  margin-top: 9px;
  font-size: 9px;
}

.editing-chat-latest {
  position: absolute;
  display: flex;
  color: #7c62bc;
  background: #fff;
  border: 1px solid #e1d9f3;
  border-radius: 20px;
  align-items:  center;
  gap: 5px;
  padding: 7px 10px;
  font-size: 11px;
  top: 10px;
  right: 20px;
  box-shadow: 0 3px 12px #25203a0a;
}

@keyframes editing-chat-appear {
  from {
    opacity: 0;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .editing-chat-turn, .editing-spin {
    animation: none;
  }

  .editing-workbench button {
    transition: none;
  }

  .editing-episode-card:hover:not(:disabled) {
    transform: none;
  }
}

*, :before, :after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  color: inherit;
  border-top-width: 1px;
  height: 0;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

input:where([type="button"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

input:where([type="reset"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (width >= 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (width >= 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (width >= 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (width >= 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (width >= 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.workspace-composer-model {
  min-width: 0;
  max-width: 260px;
}

.workspace-composer-model > button {
  border-color: #0000;
  border-radius: .75rem;
  gap: .375rem;
  max-width: 100%;
  padding: .5rem .625rem;
  font-size: .75rem;
  font-weight: 500;
}

@media (width <= 640px) {
  .workspace-composer {
    z-index: 41;
  }

  .workspace-composer-model {
    max-width: 200px;
  }
}

.chat-reply-time-divider {
  display: flex;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
  align-items:  center;
  gap: .75rem;
  padding: .625rem 0;
  font-size: 11px;
  line-height: 1rem;
}

.chat-reply-time-divider:before, .chat-reply-time-divider:after {
  content: "";
  background-color: #e2e8f0;
  flex: 1;
  min-width: 0;
  height: 1px;
}

.chat-reply-time-divider time {
  white-space: nowrap;
  flex-shrink: 0;
}

.dark .chat-reply-time-divider {
  color: #94a3b8;
}

.dark .chat-reply-time-divider:before, .dark .chat-reply-time-divider:after {
  background-color: #475569;
}

.prose-chat {
  font-size: .875rem;
  line-height: 1.625;
}

.story-prestige-card p.prose-chat {
  color: var(--card-muted);
}

.prose-chat {
  overflow-wrap: anywhere;
  min-width: 0;
  max-width: 100%;
}

.prose-chat p {
  margin-bottom: .5rem;
}

.prose-chat p:last-child {
  margin-bottom: 0;
}

.prose-chat h1, .prose-chat h2, .prose-chat h3 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.prose-chat ul {
  list-style-type: disc;
  margin-bottom: .5rem;
  padding-left: 1.25rem;
}

.prose-chat ol {
  list-style-type: decimal;
  margin-bottom: .5rem;
  padding-left: 1.25rem;
}

.prose-chat li {
  margin-bottom: .25rem;
}

.prose-chat strong {
  font-weight: 700;
}

.prose-chat code {
  background-color: #0000001a;
  border-radius: .25rem;
  padding: .125rem .375rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: .8em;
}

.prose-chat pre {
  overflow-x: auto;
  overflow-wrap: normal;
  background-color: #0000000d;
  border-radius: .5rem;
  max-width: 100%;
  margin-bottom: .5rem;
  padding: .5rem;
}

.prose-chat pre code {
  background-color: #0000;
  padding: 0;
}

.prose-chat blockquote {
  opacity: .8;
  border-left-width: 2px;
  margin-bottom: .5rem;
  padding-left: .75rem;
  font-style: italic;
}

.prose-chat table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: .5rem;
  font-size: .75rem;
  line-height: 1rem;
}

.prose-chat th, .prose-chat td {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding: .25rem .5rem;
}

.prose-chat th {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  font-weight: 500;
}

[data-component="markdown-code"] {
  position: relative;
}

[data-component="markdown-code"] button {
  position: absolute;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  opacity: 0;
  background-color: #fffc;
  border-radius: .25rem;
  padding: .25rem;
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  font-size: .75rem;
  line-height: 1rem;
  top: .375rem;
  right: .375rem;
}

.dark .writer-copy-modal [data-component="markdown-code"] button {
  color: #b7c0cc;
}

@media (prefers-color-scheme: dark) {
  .writer-copy-modal [data-component="markdown-code"] button {
    color: #b7c0cc;
  }
}

[data-component="markdown-code"]:hover button {
  opacity: 1;
}

.chat-disclaimer {
  white-space: nowrap;
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  transform-origin: right center;
  font-size: 10px;
  font-weight: 300;
  line-height: 1;
}

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-x-1 {
  left: .25rem;
  right: .25rem;
}

.inset-x-2 {
  left: .5rem;
  right: .5rem;
}

.inset-x-4 {
  left: 1rem;
  right: 1rem;
}

.inset-x-6 {
  left: 1.5rem;
  right: 1.5rem;
}

.inset-x-\[4px\] {
  left: 4px;
  right: 4px;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}

.inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}

.-bottom-0\.5 {
  bottom: -.125rem;
}

.-left-0\.5 {
  left: -.125rem;
}

.-left-1\.5 {
  left: -.375rem;
}

.-left-10 {
  left: -2.5rem;
}

.-left-\[22px\] {
  left: -22px;
}

.-right-0\.5 {
  right: -.125rem;
}

.-right-1 {
  right: -.25rem;
}

.-right-3 {
  right: -.75rem;
}

.-top-0\.5 {
  top: -.125rem;
}

.-top-1 {
  top: -.25rem;
}

.-top-2 {
  top: -.5rem;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: .25rem;
}

.bottom-1\.5 {
  bottom: .375rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-2 {
  bottom: .5rem;
}

.bottom-3 {
  bottom: .75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0;
}

.left-0\.5 {
  left: .125rem;
}

.left-1 {
  left: .25rem;
}

.left-1\.5 {
  left: .375rem;
}

.left-1\/2 {
  left: 50%;
}

.left-10 {
  left: 2.5rem;
}

.left-2 {
  left: .5rem;
}

.left-3 {
  left: .75rem;
}

.left-4 {
  left: 1rem;
}

.left-6 {
  left: 1.5rem;
}

.left-9 {
  left: 2.25rem;
}

.left-\[18px\] {
  left: 18px;
}

.left-\[calc\(50\%\+14px\)\] {
  left: calc(50% + 14px);
}

.left-\[var\(--stack-left\)\] {
  left: var(--stack-left);
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0;
}

.right-0\.5 {
  right: .125rem;
}

.right-1 {
  right: .25rem;
}

.right-1\.5 {
  right: .375rem;
}

.right-14 {
  right: 3.5rem;
}

.right-2 {
  right: .5rem;
}

.right-2\.5 {
  right: .625rem;
}

.right-20 {
  right: 5rem;
}

.right-3 {
  right: .75rem;
}

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.right-\[calc\(-50\%\+14px\)\] {
  right: calc(14px - 50%);
}

.top-0 {
  top: 0;
}

.top-0\.5 {
  top: .125rem;
}

.top-1 {
  top: .25rem;
}

.top-1\.5 {
  top: .375rem;
}

.top-1\/2 {
  top: 50%;
}

.top-11 {
  top: 2.75rem;
}

.top-12 {
  top: 3rem;
}

.top-14 {
  top: 3.5rem;
}

.top-2 {
  top: .5rem;
}

.top-2\.5 {
  top: .625rem;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: .75rem;
}

.top-3\.5 {
  top: .875rem;
}

.top-32 {
  top: 8rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.top-\[calc\(100\%\+10px\)\] {
  top: calc(100% + 10px);
}

.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}

.top-\[var\(--stack-top\)\] {
  top: var(--stack-top);
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[1100\] {
  z-index: 1100;
}

.z-\[110\] {
  z-index: 110;
}

.z-\[115\] {
  z-index: 115;
}

.z-\[119\] {
  z-index: 119;
}

.z-\[120\] {
  z-index: 120;
}

.z-\[130\] {
  z-index: 130;
}

.z-\[140\] {
  z-index: 140;
}

.z-\[200\] {
  z-index: 200;
}

.z-\[60\] {
  z-index: 60;
}

.z-\[70\] {
  z-index: 70;
}

.z-\[80\] {
  z-index: 80;
}

.z-\[90\] {
  z-index: 90;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-full {
  grid-column: 1 / -1;
}

.row-start-5 {
  grid-row-start: 5;
}

.float-right {
  float: right;
}

.-m-6 {
  margin: -1.5rem;
}

.m-1\.5 {
  margin: .375rem;
}

.m-2 {
  margin: .5rem;
}

.m-4 {
  margin: 1rem;
}

.m-40 {
  margin: 10rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-auto {
  margin: auto;
}

.\!my-3 {
  margin-top: .75rem !important;
  margin-bottom: .75rem !important;
}

.mx-0\.5 {
  margin-left: .125rem;
  margin-right: .125rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.\!mt-8 {
  margin-top: 2rem !important;
}

.-mb-px {
  margin-bottom: -1px;
}

.-mt-12 {
  margin-top: -3rem;
}

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-2\.5 {
  margin-bottom: .625rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-0\.5 {
  margin-left: .125rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-1\.5 {
  margin-left: .375rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-3 {
  margin-left: .75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0\.5 {
  margin-right: .125rem;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mr-auto {
  margin-right: auto;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2\.5 {
  margin-top: .625rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[3\/4\] {
  aspect-ratio: 3 / 4;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4 / 3;
}

.aspect-\[9\/16\] {
  aspect-ratio: 9 / 16;
}

.aspect-square {
  aspect-ratio: 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-2 {
  width: .5rem;
  height: .5rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.\!h-\[580px\] {
  height: 580px !important;
}

.\!h-\[calc\(84vh-89px\)\] {
  height: calc(84vh - 89px) !important;
}

.\!h-\[min\(860px\,calc\(100dvh-2rem\)\)\] {
  height: min(860px, 100dvh - 2rem) !important;
}

.h-0\.5 {
  height: .125rem;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[100dvh\] {
  height: 100dvh;
}

.h-\[106px\] {
  height: 106px;
}

.h-\[116px\] {
  height: 116px;
}

.h-\[118px\] {
  height: 118px;
}

.h-\[128px\] {
  height: 128px;
}

.h-\[140px\] {
  height: 140px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[2\.5em\] {
  height: 2.5em;
}

.h-\[204px\] {
  height: 204px;
}

.h-\[252px\] {
  height: 252px;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[3px\] {
  height: 3px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[440px\] {
  height: 440px;
}

.h-\[46vh\] {
  height: 46vh;
}

.h-\[50dvh\] {
  height: 50dvh;
}

.h-\[52vh\] {
  height: 52vh;
}

.h-\[56px\] {
  height: 56px;
}

.h-\[57px\] {
  height: 57px;
}

.h-\[58px\] {
  height: 58px;
}

.h-\[60dvh\] {
  height: 60dvh;
}

.h-\[620px\] {
  height: 620px;
}

.h-\[66px\] {
  height: 66px;
}

.h-\[68px\] {
  height: 68px;
}

.h-\[72px\] {
  height: 72px;
}

.h-\[76px\] {
  height: 76px;
}

.h-\[78px\] {
  height: 78px;
}

.h-\[80vh\] {
  height: 80vh;
}

.h-\[84vh\] {
  height: 84vh;
}

.h-\[90px\] {
  height: 90px;
}

.h-\[92dvh\] {
  height: 92dvh;
}

.h-\[96px\] {
  height: 96px;
}

.h-\[calc\(100dvh-2rem\)\] {
  height: calc(100dvh - 2rem);
}

.h-\[calc\(100dvh\/var\(--app-zoom\,1\)\)\] {
  height: calc(100dvh / var(--app-zoom, 1));
}

.h-\[min\(620px\,78vh\)\] {
  height: min(620px, 78vh);
}

.h-\[min\(640px\,calc\(100dvh-1\.5rem\)\)\] {
  height: min(640px, 100dvh - 1.5rem);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.\!max-h-\[65dvh\] {
  max-height: 65dvh !important;
}

.\!max-h-\[771px\] {
  max-height: 771px !important;
}

.\!max-h-\[96dvh\] {
  max-height: 96dvh !important;
}

.\!max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem) !important;
}

.\!max-h-\[calc\(100dvh-32px\)\] {
  max-height: calc(100dvh - 32px) !important;
}

.\!max-h-\[calc\(100dvh-7rem\)\] {
  max-height: calc(100dvh - 7rem) !important;
}

.\!max-h-\[calc\(100vh-32px\)\] {
  max-height: calc(100vh - 32px) !important;
}

.\!max-h-\[calc\(90vh-5rem\)\] {
  max-height: calc(90vh - 5rem) !important;
}

.\!max-h-none {
  max-height: none !important;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-24 {
  max-height: 6rem;
}

.max-h-28 {
  max-height: 7rem;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-\[12rem\] {
  max-height: 12rem;
}

.max-h-\[184px\] {
  max-height: 184px;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[220px\] {
  max-height: 220px;
}

.max-h-\[240px\] {
  max-height: 240px;
}

.max-h-\[260px\] {
  max-height: 260px;
}

.max-h-\[280px\] {
  max-height: 280px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[320px\] {
  max-height: 320px;
}

.max-h-\[35\%\] {
  max-height: 35%;
}

.max-h-\[4\.25rem\] {
  max-height: 4.25rem;
}

.max-h-\[40vh\] {
  max-height: 40vh;
}

.max-h-\[420px\] {
  max-height: 420px;
}

.max-h-\[45vh\] {
  max-height: 45vh;
}

.max-h-\[46vh\] {
  max-height: 46vh;
}

.max-h-\[48vh\] {
  max-height: 48vh;
}

.max-h-\[50vh\] {
  max-height: 50vh;
}

.max-h-\[54vh\] {
  max-height: 54vh;
}

.max-h-\[55dvh\] {
  max-height: 55dvh;
}

.max-h-\[55vh\] {
  max-height: 55vh;
}

.max-h-\[58vh\] {
  max-height: 58vh;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[64vh\] {
  max-height: 64vh;
}

.max-h-\[65vh\] {
  max-height: 65vh;
}

.max-h-\[68vh\] {
  max-height: 68vh;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[75vh\] {
  max-height: 75vh;
}

.max-h-\[760px\] {
  max-height: 760px;
}

.max-h-\[860px\] {
  max-height: 860px;
}

.max-h-\[86vh\] {
  max-height: 86vh;
}

.max-h-\[88vh\] {
  max-height: 88vh;
}

.max-h-\[90dvh\] {
  max-height: 90dvh;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[920px\] {
  max-height: 920px;
}

.max-h-\[92vh\] {
  max-height: 92vh;
}

.max-h-\[94vh\] {
  max-height: 94vh;
}

.max-h-\[calc\(100dvh-32px\)\] {
  max-height: calc(100dvh - 32px);
}

.max-h-\[calc\(100vh-12rem\)\] {
  max-height: calc(100vh - 12rem);
}

.max-h-\[calc\(100vh-32px\)\] {
  max-height: calc(100vh - 32px);
}

.max-h-\[calc\(90vh-12rem\)\] {
  max-height: calc(90vh - 12rem);
}

.max-h-\[min\(220px\,25dvh\)\] {
  max-height: min(220px, 25dvh);
}

.max-h-\[min\(56vh\,560px\)\] {
  max-height: min(56vh, 560px);
}

.max-h-\[min\(68vh\,560px\)\] {
  max-height: min(68vh, 560px);
}

.max-h-full {
  max-height: 100%;
}

.max-h-none {
  max-height: none;
}

.\!min-h-0 {
  min-height: 0 !important;
}

.min-h-0 {
  min-height: 0;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-11 {
  min-height: 2.75rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-44 {
  min-height: 11rem;
}

.min-h-48 {
  min-height: 12rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-52 {
  min-height: 13rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-64 {
  min-height: 16rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-\[100dvh\] {
  min-height: 100dvh;
}

.min-h-\[136px\] {
  min-height: 136px;
}

.min-h-\[140px\] {
  min-height: 140px;
}

.min-h-\[150px\] {
  min-height: 150px;
}

.min-h-\[180px\] {
  min-height: 180px;
}

.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[22rem\] {
  min-height: 22rem;
}

.min-h-\[232px\] {
  min-height: 232px;
}

.min-h-\[24rem\] {
  min-height: 24rem;
}

.min-h-\[252px\] {
  min-height: 252px;
}

.min-h-\[260px\] {
  min-height: 260px;
}

.min-h-\[270px\] {
  min-height: 270px;
}

.min-h-\[280px\] {
  min-height: 280px;
}

.min-h-\[28rem\] {
  min-height: 28rem;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[320px\] {
  min-height: 320px;
}

.min-h-\[360px\] {
  min-height: 360px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[420px\] {
  min-height: 420px;
}

.min-h-\[520px\] {
  min-height: 520px;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[60px\] {
  min-height: 60px;
}

.min-h-\[620px\] {
  min-height: 620px;
}

.min-h-\[68px\] {
  min-height: 68px;
}

.min-h-\[70px\] {
  min-height: 70px;
}

.min-h-\[72px\] {
  min-height: 72px;
}

.min-h-\[76px\] {
  min-height: 76px;
}

.min-h-\[78px\] {
  min-height: 78px;
}

.min-h-\[92px\] {
  min-height: 92px;
}

.min-h-\[calc\(100dvh-10rem\)\] {
  min-height: calc(100dvh - 10rem);
}

.min-h-\[calc\(100dvh-70px\)\] {
  min-height: calc(100dvh - 70px);
}

.min-h-\[calc\(100vh-110px\)\] {
  min-height: calc(100vh - 110px);
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-\[540px\] {
  width: 540px !important;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/12 {
  width: 8.33333%;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.3333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-2\/3 {
  width: 66.6667%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-3\/4 {
  width: 75%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-5\/6 {
  width: 83.3333%;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[112px\] {
  width: 112px;
}

.w-\[144px\] {
  width: 144px;
}

.w-\[16\%\] {
  width: 16%;
}

.w-\[160px\] {
  width: 160px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[24\%\] {
  width: 24%;
}

.w-\[240px\] {
  width: 240px;
}

.w-\[244px\] {
  width: 244px;
}

.w-\[252px\] {
  width: 252px;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[416px\] {
  width: 416px;
}

.w-\[42\%\] {
  width: 42%;
}

.w-\[46px\] {
  width: 46px;
}

.w-\[48px\] {
  width: 48px;
}

.w-\[58\%\] {
  width: 58%;
}

.w-\[70\%\] {
  width: 70%;
}

.w-\[78px\] {
  width: 78px;
}

.w-\[84px\] {
  width: 84px;
}

.w-\[86px\] {
  width: 86px;
}

.w-\[88px\] {
  width: 88px;
}

.w-\[92px\] {
  width: 92px;
}

.w-\[calc\(100\%-1rem\)\] {
  width: calc(100% - 1rem);
}

.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}

.w-\[calc\(100\%_-_1\.25rem\)\] {
  width: calc(100% - 1.25rem);
}

.w-\[min\(360px\,100\%\)\] {
  width: min(360px, 100%);
}

.w-\[min\(780px\,calc\(100vw-32px\)\)\] {
  width: min(780px, 100vw - 32px);
}

.w-\[min\(960px\,calc\(100vw-1\.5rem\)\)\] {
  width: min(960px, 100vw - 1.5rem);
}

.w-\[min\(960px\,calc\(100vw-32px\)\)\] {
  width: min(960px, 100vw - 32px);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0;
}

.min-w-14 {
  min-width: 3.5rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-\[1\.25rem\] {
  min-width: 1.25rem;
}

.min-w-\[1\.5rem\] {
  min-width: 1.5rem;
}

.min-w-\[104px\] {
  min-width: 104px;
}

.min-w-\[1080px\] {
  min-width: 1080px;
}

.min-w-\[1100px\] {
  min-width: 1100px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[166px\] {
  min-width: 166px;
}

.min-w-\[172px\] {
  min-width: 172px;
}

.min-w-\[1ch\] {
  min-width: 1ch;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[260px\] {
  min-width: 260px;
}

.min-w-\[280px\] {
  min-width: 280px;
}

.min-w-\[56px\] {
  min-width: 56px;
}

.min-w-\[640px\] {
  min-width: 640px;
}

.min-w-\[720px\] {
  min-width: 720px;
}

.min-w-\[82px\] {
  min-width: 82px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: max-content;
}

.\!max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px) !important;
}

.max-w-24 {
  max-width: 6rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-44 {
  max-width: 11rem;
}

.max-w-48 {
  max-width: 12rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[1040px\] {
  max-width: 1040px;
}

.max-w-\[1120px\] {
  max-width: 1120px;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1220px\] {
  max-width: 1220px;
}

.max-w-\[1280px\] {
  max-width: 1280px;
}

.max-w-\[1440px\] {
  max-width: 1440px;
}

.max-w-\[14rem\] {
  max-width: 14rem;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-\[1520px\] {
  max-width: 1520px;
}

.max-w-\[1600px\] {
  max-width: 1600px;
}

.max-w-\[1680px\] {
  max-width: 1680px;
}

.max-w-\[190px\] {
  max-width: 190px;
}

.max-w-\[20rem\] {
  max-width: 20rem;
}

.max-w-\[210px\] {
  max-width: 210px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[26rem\] {
  max-width: 26rem;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[520px\] {
  max-width: 520px;
}

.max-w-\[560px\] {
  max-width: 560px;
}

.max-w-\[640px\] {
  max-width: 640px;
}

.max-w-\[78\%\] {
  max-width: 78%;
}

.max-w-\[86\%\] {
  max-width: 86%;
}

.max-w-\[860px\] {
  max-width: 860px;
}

.max-w-\[88\%\] {
  max-width: 88%;
}

.max-w-\[90vw\] {
  max-width: 90vw;
}

.max-w-\[92\%\] {
  max-width: 92%;
}

.max-w-\[920px\] {
  max-width: 920px;
}

.max-w-\[95\%\] {
  max-width: 95%;
}

.max-w-\[96\%\] {
  max-width: 96%;
}

.max-w-\[960px\] {
  max-width: 960px;
}

.max-w-\[calc\(100\%-0\.75rem\)\] {
  max-width: calc(100% - .75rem);
}

.max-w-\[calc\(100\%-32px\)\] {
  max-width: calc(100% - 32px);
}

.max-w-\[calc\(100vw-100px\)\] {
  max-width: calc(100vw - 100px);
}

.max-w-\[calc\(100vw-1rem\)\] {
  max-width: calc(100vw - 1rem);
}

.max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px);
}

.max-w-\[calc\(100vw-40px\)\] {
  max-width: calc(100vw - 40px);
}

.max-w-\[min\(1280px\,96vw\)\] {
  max-width: min(1280px, 96vw);
}

.max-w-\[min\(280px\,calc\(100vw-24px\)\)\] {
  max-width: min(280px, 100vw - 24px);
}

.max-w-\[min\(320px\,calc\(100vw-24px\)\)\] {
  max-width: min(320px, 100vw - 24px);
}

.max-w-\[min\(90vw\,560px\)\] {
  max-width: min(90vw, 560px);
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.\!flex-1 {
  flex: 1 !important;
}

.flex-1 {
  flex: 1;
}

.flex-\[1\.15\] {
  flex: 1.15;
}

.flex-\[1\.25\] {
  flex: 1.25;
}

.flex-\[1\.2\] {
  flex: 1.2;
}

.flex-\[1\.35\] {
  flex: 1.35;
}

.flex-\[1\.3\] {
  flex: 1.3;
}

.flex-\[1\.45\] {
  flex: 1.45;
}

.flex-\[1\.5\] {
  flex: 1.5;
}

.flex-auto {
  flex: auto;
}

.flex-none {
  flex: none;
}

.flex-shrink-0, .shrink-0 {
  flex-shrink: 0;
}

.basis-0 {
  flex-basis: 0;
}

.table-fixed {
  table-layout: fixed;
}

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.origin-left {
  transform-origin: left;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1 {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[1px\] {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-6 {
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-6 {
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[var\(--stack-rotate\)\] {
  --tw-rotate: var(--stack-rotate);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-\[new-shot-pulse_1\.8s_ease-out_2\] {
  animation: 1.8s ease-out 2 new-shot-pulse;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
  }
}

.animate-bounce {
  animation: 1s infinite bounce;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4,0,.6,1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-default {
  cursor: default;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-grab {
  cursor: grab;
}

.cursor-help {
  cursor: help;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.touch-none {
  touch-action: none;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

.scroll-mt-4 {
  scroll-margin-top: 1rem;
}

.scroll-mt-6 {
  scroll-margin-top: 1.5rem;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.auto-rows-\[220px\] {
  grid-auto-rows: 220px;
}

.auto-rows-\[88px\] {
  grid-auto-rows: 88px;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-\[108px_minmax\(0\,1fr\)\] {
  grid-template-columns: 108px minmax(0, 1fr);
}

.grid-cols-\[120px_minmax\(0\,1fr\)\] {
  grid-template-columns: 120px minmax(0, 1fr);
}

.grid-cols-\[140px_minmax\(0\,1fr\)\] {
  grid-template-columns: 140px minmax(0, 1fr);
}

.grid-cols-\[196px_minmax\(0\,1fr\)\] {
  grid-template-columns: 196px minmax(0, 1fr);
}

.grid-cols-\[1fr_auto_1fr_auto\] {
  grid-template-columns: 1fr auto 1fr auto;
}

.grid-cols-\[240px_minmax\(0\,1fr\)\] {
  grid-template-columns: 240px minmax(0, 1fr);
}

.grid-cols-\[240px_minmax\(0\,1fr\)_320px\] {
  grid-template-columns: 240px minmax(0, 1fr) 320px;
}

.grid-cols-\[4rem_minmax\(0\,1fr\)\] {
  grid-template-columns: 4rem minmax(0, 1fr);
}

.grid-cols-\[84px_minmax\(0\,1fr\)_52px\] {
  grid-template-columns: 84px minmax(0, 1fr) 52px;
}

.grid-cols-\[90px_1fr\] {
  grid-template-columns: 90px 1fr;
}

.grid-cols-\[minmax\(0\,1fr\)_120px\] {
  grid-template-columns: minmax(0, 1fr) 120px;
}

.grid-cols-\[minmax\(0\,1fr\)_240px\] {
  grid-template-columns: minmax(0, 1fr) 240px;
}

.grid-cols-\[minmax\(0\,1fr\)_320px\] {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.grid-cols-\[minmax\(0\,1fr\)_82px\] {
  grid-template-columns: minmax(0, 1fr) 82px;
}

.grid-rows-\[auto_minmax\(0\,1fr\)_118px\] {
  grid-template-rows: auto minmax(0, 1fr) 118px;
}

.grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.grid-rows-\[minmax\(0\,1fr\)_128px\] {
  grid-template-rows: minmax(0, 1fr) 128px;
}

.grid-rows-\[minmax\(0\,1fr\)_64px\] {
  grid-template-rows: minmax(0, 1fr) 64px;
}

.grid-rows-\[minmax\(0\,1fr\)_78px_40px\] {
  grid-template-rows: minmax(0, 1fr) 78px 40px;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-items-center {
  place-items:  center;
}

.content-start {
  align-content:  flex-start;
}

.items-start {
  align-items:  flex-start;
}

.items-end {
  align-items:  flex-end;
}

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-1 {
  -moz-column-gap: .25rem;
  column-gap: .25rem;
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

.gap-x-2\.5 {
  -moz-column-gap: .625rem;
  column-gap: .625rem;
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-y-0\.5 {
  row-gap: .125rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-divide-opacity, 1));
}

.divide-stone-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.self-start {
  align-self:  flex-start;
}

.self-center {
  align-self:  center;
}

.self-stretch {
  align-self: stretch;
}

.overflow-auto {
  overflow: auto;
}

.\!overflow-hidden {
  overflow: hidden !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.\!overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.\!rounded-\[22px\] {
  border-radius: 22px !important;
}

.\!rounded-\[26px\] {
  border-radius: 26px !important;
}

.\!rounded-\[28px\] {
  border-radius: 28px !important;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[11px\] {
  border-radius: 11px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[18px\] {
  border-radius: 18px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[22px\] {
  border-radius: 22px;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[30px\] {
  border-radius: 30px;
}

.rounded-\[32px\] {
  border-radius: 32px;
}

.rounded-\[36px\] {
  border-radius: 36px;
}

.rounded-\[3px\] {
  border-radius: 3px;
}

.rounded-\[40px\] {
  border-radius: 40px;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[7px\] {
  border-radius: 7px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.rounded-tl-\[8px\] {
  border-top-left-radius: 8px;
}

.rounded-tl-lg {
  border-top-left-radius: .5rem;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-\[8px\] {
  border-top-right-radius: 8px;
}

.rounded-tr-lg {
  border-top-right-radius: .5rem;
}

.rounded-tr-md {
  border-top-right-radius: .375rem;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.\!border-amber-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1)) !important;
}

.\!border-amber-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)) !important;
}

.\!border-amber-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)) !important;
}

.\!border-amber-700 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1)) !important;
}

.\!border-stone-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1)) !important;
}

.\!border-transparent {
  border-color: #0000 !important;
}

.border-\[\#bfd7ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(191 215 255 / var(--tw-border-opacity, 1));
}

.border-\[\#cfc5ef\] {
  --tw-border-opacity: 1;
  border-color: rgb(207 197 239 / var(--tw-border-opacity, 1));
}

.border-\[\#d9ccff\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 204 255 / var(--tw-border-opacity, 1));
}

.border-\[\#dfd2b8\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 210 184 / var(--tw-border-opacity, 1));
}

.border-\[\#e3d6b9\] {
  --tw-border-opacity: 1;
  border-color: rgb(227 214 185 / var(--tw-border-opacity, 1));
}

.border-\[\#e4d7bb\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 215 187 / var(--tw-border-opacity, 1));
}

.border-\[\#e7dfcf\] {
  --tw-border-opacity: 1;
  border-color: rgb(231 223 207 / var(--tw-border-opacity, 1));
}

.border-\[\#e8decb\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 222 203 / var(--tw-border-opacity, 1));
}

.border-\[\#e9e2ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.border-\[\#eadfca\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 223 202 / var(--tw-border-opacity, 1));
}

.border-\[\#ebe7f4\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 231 244 / var(--tw-border-opacity, 1));
}

.border-\[\#ece7f4\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 231 244 / var(--tw-border-opacity, 1));
}

.border-\[\#f0ebf8\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 235 248 / var(--tw-border-opacity, 1));
}

.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}

.border-amber-100\/90 {
  border-color: #fef3c7e6;
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-200\/20 {
  border-color: #fde68a33;
}

.border-amber-200\/60 {
  border-color: #fde68a99;
}

.border-amber-200\/70 {
  border-color: #fde68ab3;
}

.border-amber-200\/80 {
  border-color: #fde68acc;
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-amber-300\/90 {
  border-color: #fcd34de6;
}

.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-amber-500\/40 {
  border-color: #f59e0b66;
}

.border-amber-500\/80 {
  border-color: #f59e0bcc;
}

.border-amber-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}

.border-amber-900\/10 {
  border-color: #78350f1a;
}

.border-black\/5 {
  border-color: #0000000d;
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.border-current {
  border-color: currentColor;
}

.border-cyan-100 {
  --tw-border-opacity: 1;
  border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
}

.border-cyan-300\/30 {
  border-color: #67e8f94d;
}

.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-emerald-200\/60 {
  border-color: #a7f3d099;
}

.border-emerald-200\/80 {
  border-color: #a7f3d0cc;
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-200\/70 {
  border-color: #e5e7ebb3;
}

.border-gray-200\/80 {
  border-color: #e5e7ebcc;
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}

.border-gray-950 {
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity, 1));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-200\/80 {
  border-color: #c7d2fecc;
}

.border-indigo-200\/90 {
  border-color: #c7d2fee6;
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.border-indigo-50 {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 255 / var(--tw-border-opacity, 1));
}

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.border-indigo-500\/80 {
  border-color: #6366f1cc;
}

.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}

.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}

.border-orange-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}

.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-200\/60 {
  border-color: #fecaca99;
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.border-rose-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

.border-rose-200\/80 {
  border-color: #fecdd3cc;
}

.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}

.border-rose-500\/30 {
  border-color: #f43f5e4d;
}

.border-sky-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}

.border-sky-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-200\/50 {
  border-color: #e2e8f080;
}

.border-slate-200\/60 {
  border-color: #e2e8f099;
}

.border-slate-200\/70 {
  border-color: #e2e8f0b3;
}

.border-slate-200\/80 {
  border-color: #e2e8f0cc;
}

.border-slate-200\/90 {
  border-color: #e2e8f0e6;
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-slate-700\/60 {
  border-color: #33415599;
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.border-slate-900 {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.border-stone-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 244 / var(--tw-border-opacity, 1));
}

.border-stone-200 {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.border-stone-200\/60 {
  border-color: #e7e5e499;
}

.border-stone-200\/70 {
  border-color: #e7e5e4b3;
}

.border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}

.border-teal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.border-teal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: #0000;
}

.border-violet-100 {
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}

.border-violet-100\/50 {
  border-color: #ede9fe80;
}

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}

.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}

.border-violet-300\/30 {
  border-color: #c4b5fd4d;
}

.border-violet-300\/60 {
  border-color: #c4b5fd99;
}

.border-violet-400 {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}

.border-violet-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.border-violet-500\/20 {
  border-color: #8b5cf633;
}

.border-violet-600 {
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10 {
  border-color: #ffffff1a;
}

.border-white\/15 {
  border-color: #ffffff26;
}

.border-white\/20 {
  border-color: #fff3;
}

.border-white\/30 {
  border-color: #ffffff4d;
}

.border-white\/40 {
  border-color: #fff6;
}

.border-white\/65 {
  border-color: #ffffffa6;
}

.border-white\/70 {
  border-color: #ffffffb3;
}

.border-white\/80 {
  border-color: #fffc;
}

.border-white\/85 {
  border-color: #ffffffd9;
}

.border-white\/90 {
  border-color: #ffffffe6;
}

.border-white\/\[0\.06\] {
  border-color: #ffffff0f;
}

.border-white\/\[0\.07\] {
  border-color: #ffffff12;
}

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 249 195 / var(--tw-border-opacity, 1));
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

.border-zinc-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.border-zinc-800 {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}

.border-zinc-800\/70 {
  border-color: #27272ab3;
}

.border-zinc-800\/80 {
  border-color: #27272acc;
}

.border-zinc-800\/90 {
  border-color: #27272ae6;
}

.border-t-blue-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.border-t-emerald-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-t-indigo-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}

.border-t-transparent {
  border-top-color: #0000;
}

.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.\!bg-\[\#fffaf0\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 250 240 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\#fffdf8\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 253 248 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-amber-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-amber-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-amber-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-red-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-slate-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-stone-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-white\/95 {
  background-color: #fffffff2 !important;
}

.bg-\[\#05070a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 7 10 / var(--tw-bg-opacity, 1));
}

.bg-\[\#090b0e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 11 14 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0b0e14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 14 20 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0d0f12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 15 18 / var(--tw-bg-opacity, 1));
}

.bg-\[\#101318\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 19 24 / var(--tw-bg-opacity, 1));
}

.bg-\[\#101318\]\/95 {
  background-color: #101318f2;
}

.bg-\[\#15181d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 24 29 / var(--tw-bg-opacity, 1));
}

.bg-\[\#5b3ee4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(91 62 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#6f57ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(111 87 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#c43f2b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 63 43 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eef5ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 245 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f0eef4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f2edff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 237 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f0e7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 240 231 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f1ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f1f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4efff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 239 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4f1ea\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 234 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4f1ec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 236 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4f1fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4f7fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 251 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f5efdf\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 239 223 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f5f6f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 246 248 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7f3ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7f4ed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 237 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7f5f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 241 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7f5fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 251 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7f6f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 246 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8efd9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 239 217 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8f2e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 242 230 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8f8f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#faf8f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#faf9f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 245 / var(--tw-bg-opacity, 1));
}

.bg-\[\#faf9f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fafaf9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbfaf6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbfaf6\]\/90 {
  background-color: #fbfaf6e6;
}

.bg-\[\#fbfaf7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbfaf8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 248 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbfbfa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fcfbff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff6b6b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 107 107 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fff4d6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 214 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fff8e5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 229 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fffaf0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 240 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fffdf8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 253 248 / var(--tw-bg-opacity, 1));
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-100\/60 {
  background-color: #fef3c799;
}

.bg-amber-100\/70 {
  background-color: #fef3c7b3;
}

.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.bg-amber-400\/10 {
  background-color: #fbbf241a;
}

.bg-amber-400\/15 {
  background-color: #fbbf2426;
}

.bg-amber-400\/20 {
  background-color: #fbbf2433;
}

.bg-amber-400\/90 {
  background-color: #fbbf24e6;
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/30 {
  background-color: #fffbeb4d;
}

.bg-amber-50\/40 {
  background-color: #fffbeb66;
}

.bg-amber-50\/50 {
  background-color: #fffbeb80;
}

.bg-amber-50\/55 {
  background-color: #fffbeb8c;
}

.bg-amber-50\/60 {
  background-color: #fffbeb99;
}

.bg-amber-50\/70 {
  background-color: #fffbebb3;
}

.bg-amber-50\/80 {
  background-color: #fffbebcc;
}

.bg-amber-50\/95 {
  background-color: #fffbebf2;
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/10 {
  background-color: #f59e0b1a;
}

.bg-amber-500\/\[0\.09\] {
  background-color: #f59e0b17;
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.bg-amber-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.bg-amber-900\/30 {
  background-color: #78350f4d;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/10 {
  background-color: #0000001a;
}

.bg-black\/20 {
  background-color: #0003;
}

.bg-black\/30 {
  background-color: #0000004d;
}

.bg-black\/35 {
  background-color: #00000059;
}

.bg-black\/40 {
  background-color: #0006;
}

.bg-black\/45 {
  background-color: #00000073;
}

.bg-black\/50 {
  background-color: #00000080;
}

.bg-black\/55 {
  background-color: #0000008c;
}

.bg-black\/60 {
  background-color: #0009;
}

.bg-black\/65 {
  background-color: #000000a6;
}

.bg-black\/70 {
  background-color: #000000b3;
}

.bg-black\/75 {
  background-color: #000000bf;
}

.bg-black\/80 {
  background-color: #000c;
}

.bg-black\/85 {
  background-color: #000000d9;
}

.bg-black\/90 {
  background-color: #000000e6;
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-100\/80 {
  background-color: #dbeafecc;
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-50\/20 {
  background-color: #eff6ff33;
}

.bg-blue-50\/50 {
  background-color: #eff6ff80;
}

.bg-blue-50\/60 {
  background-color: #eff6ff99;
}

.bg-blue-50\/70 {
  background-color: #eff6ffb3;
}

.bg-blue-50\/80 {
  background-color: #eff6ffcc;
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-current {
  background-color: currentColor;
}

.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}

.bg-cyan-500\/80 {
  background-color: #06b6d4cc;
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.bg-emerald-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50\/30 {
  background-color: #ecfdf54d;
}

.bg-emerald-50\/60 {
  background-color: #ecfdf599;
}

.bg-emerald-50\/85 {
  background-color: #ecfdf5d9;
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500\/90 {
  background-color: #10b981e6;
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-50\/50 {
  background-color: #f9fafb80;
}

.bg-gray-50\/70 {
  background-color: #f9fafbb3;
}

.bg-gray-50\/80 {
  background-color: #f9fafbcc;
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-gray-900\/80 {
  background-color: #111827cc;
}

.bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}

.bg-gray-950\/35 {
  background-color: #03071259;
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50\/30 {
  background-color: #eef2ff4d;
}

.bg-indigo-50\/40 {
  background-color: #eef2ff66;
}

.bg-indigo-50\/50 {
  background-color: #eef2ff80;
}

.bg-indigo-50\/60 {
  background-color: #eef2ff99;
}

.bg-indigo-50\/70 {
  background-color: #eef2ffb3;
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.bg-indigo-950\/45 {
  background-color: #1e1b4b73;
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-orange-50\/40 {
  background-color: #fff7ed66;
}

.bg-orange-50\/60 {
  background-color: #fff7ed99;
}

.bg-orange-50\/70 {
  background-color: #fff7edb3;
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-50\/30 {
  background-color: #fef2f24d;
}

.bg-red-50\/40 {
  background-color: #fef2f266;
}

.bg-red-50\/50 {
  background-color: #fef2f280;
}

.bg-red-50\/60 {
  background-color: #fef2f299;
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/90 {
  background-color: #ef4444e6;
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.bg-rose-50\/60 {
  background-color: #fff1f299;
}

.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

.bg-rose-500\/10 {
  background-color: #f43f5e1a;
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-sky-50\/70 {
  background-color: #f0f9ffb3;
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-100\/30 {
  background-color: #f1f5f94d;
}

.bg-slate-100\/50 {
  background-color: #f1f5f980;
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-200\/80 {
  background-color: #e2e8f0cc;
}

.bg-slate-200\/90 {
  background-color: #e2e8f0e6;
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-50\/50 {
  background-color: #f8fafc80;
}

.bg-slate-50\/60 {
  background-color: #f8fafc99;
}

.bg-slate-50\/70 {
  background-color: #f8fafcb3;
}

.bg-slate-50\/80 {
  background-color: #f8fafccc;
}

.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-slate-900\/75 {
  background-color: #0f172abf;
}

.bg-slate-900\/80 {
  background-color: #0f172acc;
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.bg-slate-950\/0 {
  background-color: #02061700;
}

.bg-slate-950\/30 {
  background-color: #0206174d;
}

.bg-slate-950\/35 {
  background-color: #02061759;
}

.bg-slate-950\/45 {
  background-color: #02061773;
}

.bg-slate-950\/55 {
  background-color: #0206178c;
}

.bg-slate-950\/70 {
  background-color: #020617b3;
}

.bg-slate-950\/80 {
  background-color: #020617cc;
}

.bg-slate-950\/85 {
  background-color: #020617d9;
}

.bg-slate-950\/95 {
  background-color: #020617f2;
}

.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}

.bg-stone-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.bg-stone-200\/70 {
  background-color: #e7e5e4b3;
}

.bg-stone-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity, 1));
}

.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}

.bg-stone-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1));
}

.bg-stone-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity, 1));
}

.bg-stone-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(12 10 9 / var(--tw-bg-opacity, 1));
}

.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: #0000;
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}

.bg-violet-400\/10 {
  background-color: #a78bfa1a;
}

.bg-violet-400\/20 {
  background-color: #a78bfa33;
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-violet-50\/30 {
  background-color: #f5f3ff4d;
}

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.bg-violet-500\/10 {
  background-color: #8b5cf61a;
}

.bg-violet-500\/80 {
  background-color: #8b5cf6cc;
}

.bg-violet-500\/\[0\.07\] {
  background-color: #8b5cf612;
}

.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}

.bg-violet-600\/90 {
  background-color: #7c3aede6;
}

.bg-violet-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(46 16 101 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: #ffffff1a;
}

.bg-white\/15 {
  background-color: #ffffff26;
}

.bg-white\/20 {
  background-color: #fff3;
}

.bg-white\/40 {
  background-color: #fff6;
}

.bg-white\/55 {
  background-color: #ffffff8c;
}

.bg-white\/60 {
  background-color: #fff9;
}

.bg-white\/70 {
  background-color: #ffffffb3;
}

.bg-white\/75 {
  background-color: #ffffffbf;
}

.bg-white\/80 {
  background-color: #fffc;
}

.bg-white\/90 {
  background-color: #ffffffe6;
}

.bg-white\/95 {
  background-color: #fffffff2;
}

.bg-white\/\[0\.04\] {
  background-color: #ffffff0a;
}

.bg-white\/\[0\.06\] {
  background-color: #ffffff0f;
}

.bg-white\/\[0\.08\] {
  background-color: #ffffff14;
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50\/50 {
  background-color: #fefce880;
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.bg-\[linear-gradient\(135deg\,\#f5f5f4_0\%\,\#fafaf9_55\%\,\#fefce8_100\%\)\] {
  background-image: linear-gradient(135deg, #f5f5f4 0%, #fafaf9 55%, #fefce8 100%);
}

.bg-\[radial-gradient\(circle\,\#fafaf9_2px\,transparent_2\.5px\)\] {
  background-image: radial-gradient(circle, #fafaf9 2px, #0000 2.5px);
}

.bg-\[radial-gradient\(circle\,rgba\(161\,161\,170\,\.42\)_1\.5px\,transparent_1\.8px\)\] {
  background-image: radial-gradient(circle, #a1a1aa6b 1.5px, #0000 1.8px);
}

.bg-\[radial-gradient\(circle_at_70\%_42\%\,rgba\(245\,158\,11\,0\.34\)\,transparent_34\%\)\,linear-gradient\(115deg\,transparent\,rgba\(255\,255\,255\,0\.08\)\)\] {
  background-image: radial-gradient(circle at 70% 42%, #f59e0b57, #0000 34%), linear-gradient(115deg, #0000, #ffffff14);
}

.bg-\[radial-gradient\(circle_at_center\,rgba\(245\,158\,11\,0\.12\)\,transparent_50\%\)\] {
  background-image: radial-gradient(circle, #f59e0b1f, #0000 50%);
}

.bg-\[radial-gradient\(circle_at_top\,rgba\(99\,102\,241\,0\.08\)\,transparent_48\%\)\,linear-gradient\(180deg\,\#ffffff_0\%\,\#f8fafc_100\%\)\] {
  background-image: radial-gradient(circle at top, #6366f114, #0000 48%), linear-gradient(#fff 0%, #f8fafc 100%);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#0f5b6f\] {
  --tw-gradient-from: #0f5b6f var(--tw-gradient-from-position);
  --tw-gradient-to: #0f5b6f00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#102b22\] {
  --tw-gradient-from: #102b22 var(--tw-gradient-from-position);
  --tw-gradient-to: #102b2200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#151a42\] {
  --tw-gradient-from: #151a42 var(--tw-gradient-from-position);
  --tw-gradient-to: #151a4200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1a1340\] {
  --tw-gradient-from: #1a1340 var(--tw-gradient-from-position);
  --tw-gradient-to: #1a134000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#25326d\] {
  --tw-gradient-from: #25326d var(--tw-gradient-from-position);
  --tw-gradient-to: #25326d00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#6b1c18\] {
  --tw-gradient-from: #6b1c18 var(--tw-gradient-from-position);
  --tw-gradient-to: #6b1c1800 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#6e4219\] {
  --tw-gradient-from: #6e4219 var(--tw-gradient-from-position);
  --tw-gradient-to: #6e421900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-400 {
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: #fbbf2400 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-50\/70 {
  --tw-gradient-from: #fffbebb3 var(--tw-gradient-from-position);
  --tw-gradient-to: #fffbeb00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/55 {
  --tw-gradient-from: #0000008c var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: #eff6ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50\/70 {
  --tw-gradient-from: #eff6ffb3 var(--tw-gradient-from-position);
  --tw-gradient-to: #eff6ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-50 {
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: #ecfdf500 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-50\/70 {
  --tw-gradient-from: #ecfdf5b3 var(--tw-gradient-from-position);
  --tw-gradient-to: #ecfdf500 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-50 {
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: #eef2ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-50 {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: #fff7ed00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-100 {
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-to: #f1f5f900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: #f8fafc00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-950 {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: #02061700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-950\/10 {
  --tw-gradient-from: #0206171a var(--tw-gradient-from-position);
  --tw-gradient-to: #02061700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-950\/45 {
  --tw-gradient-from: #02061773 var(--tw-gradient-from-position);
  --tw-gradient-to: #02061700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-950\/85 {
  --tw-gradient-from: #020617d9 var(--tw-gradient-from-position);
  --tw-gradient-to: #02061700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-50 {
  --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: #f5f3ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#168a9d\] {
  --tw-gradient-to: #168a9d00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #168a9d var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#27409a\] {
  --tw-gradient-to: #27409a00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #27409a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#2d7558\] {
  --tw-gradient-to: #2d755800 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2d7558 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#4257b5\] {
  --tw-gradient-to: #4257b500 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4257b5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#5a3fb8\] {
  --tw-gradient-to: #5a3fb800 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #5a3fb8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#b23a2f\] {
  --tw-gradient-to: #b23a2f00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #b23a2f var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#b57126\] {
  --tw-gradient-to: #b5712600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #b57126 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-500 {
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-200\/70 {
  --tw-gradient-to: #e2e8f000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #e2e8f0b3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white {
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#7bb0ff\] {
  --tw-gradient-to: #7bb0ff var(--tw-gradient-to-position);
}

.to-\[\#8fe0e8\] {
  --tw-gradient-to: #8fe0e8 var(--tw-gradient-to-position);
}

.to-\[\#91e2c0\] {
  --tw-gradient-to: #91e2c0 var(--tw-gradient-to-position);
}

.to-\[\#95b6ff\] {
  --tw-gradient-to: #95b6ff var(--tw-gradient-to-position);
}

.to-\[\#c9a0ff\] {
  --tw-gradient-to: #c9a0ff var(--tw-gradient-to-position);
}

.to-\[\#ffb18d\] {
  --tw-gradient-to: #ffb18d var(--tw-gradient-to-position);
}

.to-\[\#ffd2a1\] {
  --tw-gradient-to: #ffd2a1 var(--tw-gradient-to-position);
}

.to-amber-400 {
  --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position);
}

.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}

.to-blue-50\/70 {
  --tw-gradient-to: #eff6ffb3 var(--tw-gradient-to-position);
}

.to-green-50 {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}

.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}

.to-slate-50\/70 {
  --tw-gradient-to: #f8fafcb3 var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.bg-\[length\:12px_4px\] {
  background-size: 12px 4px;
}

.bg-\[length\:200\%_100\%\] {
  background-size: 200% 100%;
}

.bg-\[length\:8px_18px\] {
  background-size: 8px 18px;
}

.fill-current {
  fill: currentColor;
}

.stroke-\[1\.5\] {
  stroke-width: 1.5;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-left {
  -o-object-position: left;
  object-position: left;
}

.\!p-0 {
  padding: 0 !important;
}

.\!p-2 {
  padding: .5rem !important;
}

.\!p-3 {
  padding: .75rem !important;
}

.\!p-4 {
  padding: 1rem !important;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-16 {
  padding: 4rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.\!px-2\.5 {
  padding-left: .625rem !important;
  padding-right: .625rem !important;
}

.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.\!py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.\!py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.\!py-3 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important;
}

.\!py-3\.5 {
  padding-top: .875rem !important;
  padding-bottom: .875rem !important;
}

.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-2\.5 {
  padding-bottom: .625rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[max\(0\.375rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(.375rem, env(safe-area-inset-bottom));
}

.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(.75rem, env(safe-area-inset-bottom));
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: .25rem;
}

.pl-1\.5 {
  padding-left: .375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-2 {
  padding-left: .5rem;
}

.pl-2\.5 {
  padding-left: .625rem;
}

.pl-3 {
  padding-left: .75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[22px\] {
  padding-left: 22px;
}

.pr-1 {
  padding-right: .25rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-14 {
  padding-right: 3.5rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-2\.5 {
  padding-top: .625rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.font-sans {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.font-serif {
  font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[21px\] {
  font-size: 21px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[27px\] {
  font-size: 27px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[29px\] {
  font-size: 29px;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-\[clamp\(3\.6rem\,8vw\,8rem\)\] {
  font-size: clamp(3.6rem, 8vw, 8rem);
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[0\.82\] {
  line-height: .82;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[-0\.065em\] {
  letter-spacing: -.065em;
}

.tracking-\[0\.06em\] {
  letter-spacing: .06em;
}

.tracking-\[0\.08em\] {
  letter-spacing: .08em;
}

.tracking-\[0\.12em\] {
  letter-spacing: .12em;
}

.tracking-\[0\.14em\] {
  letter-spacing: .14em;
}

.tracking-\[0\.15em\] {
  letter-spacing: .15em;
}

.tracking-\[0\.16em\] {
  letter-spacing: .16em;
}

.tracking-\[0\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[0\.1em\] {
  letter-spacing: .1em;
}

.tracking-\[0\.22em\] {
  letter-spacing: .22em;
}

.tracking-\[0\.24em\] {
  letter-spacing: .24em;
}

.tracking-\[0\.28em\] {
  letter-spacing: .28em;
}

.tracking-\[0\.2em\] {
  letter-spacing: .2em;
}

.tracking-\[0\.3em\] {
  letter-spacing: .3em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.\!text-amber-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#172554\] {
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity, 1));
}

.text-\[\#3b82f6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-\[\#5f46d8\] {
  --tw-text-opacity: 1;
  color: rgb(95 70 216 / var(--tw-text-opacity, 1));
}

.text-\[\#6e52ff\] {
  --tw-text-opacity: 1;
  color: rgb(110 82 255 / var(--tw-text-opacity, 1));
}

.text-\[\#6f57ff\] {
  --tw-text-opacity: 1;
  color: rgb(111 87 255 / var(--tw-text-opacity, 1));
}

.text-\[\#7b61ff\] {
  --tw-text-opacity: 1;
  color: rgb(123 97 255 / var(--tw-text-opacity, 1));
}

.text-\[\#806fbd\] {
  --tw-text-opacity: 1;
  color: rgb(128 111 189 / var(--tw-text-opacity, 1));
}

.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-700\/60 {
  color: #b4530999;
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}

.text-blue-100\/80 {
  color: #dbeafecc;
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(239 246 255 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.text-blue-950 {
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity, 1));
}

.text-current {
  color: currentColor;
}

.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}

.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-gray-950 {
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.text-indigo-300\/45 {
  color: #a5b4fc73;
}

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-indigo-600\/70 {
  color: #4f46e5b3;
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-orange-700\/80 {
  color: #c2410ccc;
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-600\/80 {
  color: #dc2626cc;
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.text-stone-100 {
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity, 1));
}

.text-stone-300 {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity, 1));
}

.text-stone-400 {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}

.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}

.text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}

.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}

.text-stone-800 {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}

.text-stone-900 {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}

.text-stone-950 {
  --tw-text-opacity: 1;
  color: rgb(12 10 9 / var(--tw-text-opacity, 1));
}

.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: #0000;
}

.text-violet-200 {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}

.text-violet-200\/80 {
  color: #ddd6fecc;
}

.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.text-violet-400 {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}

.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/60 {
  color: #fff9;
}

.text-white\/65 {
  color: #ffffffa6;
}

.text-white\/70 {
  color: #ffffffb3;
}

.text-white\/80 {
  color: #fffc;
}

.text-white\/85 {
  color: #ffffffd9;
}

.text-white\/90 {
  color: #ffffffe6;
}

.text-white\/95 {
  color: #fffffff2;
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.text-yellow-700\/60 {
  color: #a1620799;
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.text-zinc-100 {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
}

.text-zinc-200 {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity, 1));
}

.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.text-zinc-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.decoration-amber-300 {
  text-decoration-color: #fcd34d;
}

.decoration-amber-500 {
  text-decoration-color: #f59e0b;
}

.decoration-blue-500 {
  text-decoration-color: #3b82f6;
}

.decoration-emerald-500 {
  text-decoration-color: #10b981;
}

.decoration-indigo-300 {
  text-decoration-color: #a5b4fc;
}

.decoration-red-500 {
  text-decoration-color: #ef4444;
}

.decoration-slate-500 {
  text-decoration-color: #64748b;
}

.decoration-violet-500 {
  text-decoration-color: #8b5cf6;
}

.decoration-double {
  text-decoration-style: double;
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-dashed {
  text-decoration-style: dashed;
}

.decoration-wavy {
  text-decoration-style: wavy;
}

.decoration-1 {
  text-decoration-thickness: 1px;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.caret-stone-900 {
  caret-color: #1c1917;
}

.accent-amber-600 {
  accent-color: #d97706;
}

.accent-amber-700 {
  accent-color: #b45309;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-25 {
  opacity: .25;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-45 {
  opacity: .45;
}

.opacity-50 {
  opacity: .5;
}

.opacity-55 {
  opacity: .55;
}

.opacity-60 {
  opacity: .6;
}

.opacity-65 {
  opacity: .65;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-85 {
  opacity: .85;
}

.opacity-90 {
  opacity: .9;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-8px_24px_rgba\(15\,23\,42\,0\.08\)\] {
  --tw-shadow: 0 -8px 24px #0f172a14;
  --tw-shadow-colored: 0 -8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,\.45\)\] {
  --tw-shadow: 0 0 0 1px #00000073;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_rgba\(239\,68\,68\,0\.12\)\] {
  --tw-shadow: 0 0 0 1px #ef44441f;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_rgba\(245\,158\,11\,\.08\)\,inset_3px_0_rgba\(245\,158\,11\,\.85\)\] {
  --tw-shadow: 0 0 0 1px #f59e0b14, inset 3px 0 #f59e0bd9;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), inset 3px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_rgba\(245\,158\,11\,0\.18\)\] {
  --tw-shadow: 0 0 0 1px #f59e0b2e;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_rgba\(59\,130\,246\,0\.12\)\] {
  --tw-shadow: 0 0 0 1px #3b82f61f;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px_rgba\(124\,58\,237\,0\.20\)\] {
  --tw-shadow: 0 0 0 2px #7c3aed33;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px_rgba\(251\,146\,60\,0\.08\)\] {
  --tw-shadow: 0 0 0 2px #fb923c14;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px_rgba\(37\,99\,235\,0\.12\)\] {
  --tw-shadow: 0 0 0 2px #2563eb1f;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px_rgba\(37\,99\,235\,0\.14\)\] {
  --tw-shadow: 0 0 0 2px #2563eb24;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px_rgba\(37\,99\,235\,0\.16\)\] {
  --tw-shadow: 0 0 0 2px #2563eb29;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px_rgba\(99\,102\,241\,\.10\)\] {
  --tw-shadow: 0 0 0 2px #6366f11a;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_3px_rgba\(148\,163\,184\,0\.12\)\] {
  --tw-shadow: 0 0 0 3px #94a3b81f;
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_3px_rgba\(245\,158\,11\,0\.14\)\] {
  --tw-shadow: 0 0 0 3px #f59e0b24;
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_3px_rgba\(6\,182\,212\,0\.13\)\] {
  --tw-shadow: 0 0 0 3px #06b6d421;
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_20px_rgba\(139\,92\,246\,\.45\)\] {
  --tw-shadow: 0 0 20px #8b5cf673;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_24px_rgba\(15\,23\,42\,0\.035\)\] {
  --tw-shadow: 0 10px 24px #0f172a09;
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_24px_rgba\(15\,23\,42\,0\.04\)\] {
  --tw-shadow: 0 10px 24px #0f172a0a;
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_26px_rgba\(146\,97\,23\,0\.10\)\] {
  --tw-shadow: 0 10px 26px #9261171a;
  --tw-shadow-colored: 0 10px 26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_30px_rgba\(225\,29\,72\,0\.16\)\] {
  --tw-shadow: 0 10px 30px #e11d4829;
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_12px_28px_rgba\(15\,23\,42\,0\.05\)\] {
  --tw-shadow: 0 12px 28px #0f172a0d;
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_12px_30px_rgba\(15\,23\,42\,0\.16\)\] {
  --tw-shadow: 0 12px 30px #0f172a29;
  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_12px_30px_rgba\(15\,23\,42\,0\.22\)\] {
  --tw-shadow: 0 12px 30px #0f172a38;
  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_12px_30px_rgba\(99\,102\,241\,0\.18\)\] {
  --tw-shadow: 0 12px 30px #6366f12e;
  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_14px_36px_rgba\(15\,23\,42\,0\.06\)\] {
  --tw-shadow: 0 14px 36px #0f172a0f;
  --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_14px_36px_rgba\(255\,255\,255\,0\.12\)\] {
  --tw-shadow: 0 14px 36px #ffffff1f;
  --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_16px_40px_rgba\(79\,70\,229\,0\.38\)\] {
  --tw-shadow: 0 16px 40px #4f46e561;
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_16px_50px_rgba\(41\,37\,36\,0\.07\)\] {
  --tw-shadow: 0 16px 50px #29252412;
  --tw-shadow-colored: 0 16px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_18px_40px_rgba\(15\,23\,42\,0\.12\)\] {
  --tw-shadow: 0 18px 40px #0f172a1f;
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_18px_42px_rgba\(15\,23\,42\,0\.14\)\] {
  --tw-shadow: 0 18px 42px #0f172a24;
  --tw-shadow-colored: 0 18px 42px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_18px_45px_rgba\(15\,23\,42\,0\.16\)\] {
  --tw-shadow: 0 18px 45px #0f172a29;
  --tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_18px_45px_rgba\(15\,23\,42\,0\.18\)\] {
  --tw-shadow: 0 18px 45px #0f172a2e;
  --tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_18px_50px_rgba\(16\,185\,129\,0\.18\)\] {
  --tw-shadow: 0 18px 50px #10b9812e;
  --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_18px_50px_rgba\(190\,18\,60\,0\.14\)\] {
  --tw-shadow: 0 18px 50px #be123c24;
  --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_0_\#e5e7eb\] {
  --tw-shadow: 0 1px 0 #e5e7eb;
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_0_rgba\(15\,23\,42\,0\.02\)\] {
  --tw-shadow: 0 1px 0 #0f172a05;
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_0_rgba\(15\,23\,42\,0\.03\)\] {
  --tw-shadow: 0 1px 0 #0f172a08;
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_40px_rgba\(15\,23\,42\,0\.12\)\] {
  --tw-shadow: 0 20px 40px #0f172a1f;
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_50px_rgba\(15\,23\,42\,0\.12\)\] {
  --tw-shadow: 0 20px 50px #0f172a1f;
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_60px_rgba\(15\,23\,42\,0\.08\)\] {
  --tw-shadow: 0 20px 60px #0f172a14;
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_60px_rgba\(15\,23\,42\,0\.18\)\] {
  --tw-shadow: 0 20px 60px #0f172a2e;
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_22px_60px_rgba\(15\,23\,42\,0\.16\)\] {
  --tw-shadow: 0 22px 60px #0f172a29;
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_22px_60px_rgba\(15\,23\,42\,0\.18\)\] {
  --tw-shadow: 0 22px 60px #0f172a2e;
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_22px_60px_rgba\(87\,68\,36\,0\.18\)\] {
  --tw-shadow: 0 22px 60px #5744242e;
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_60px_rgba\(15\,23\,42\,0\.14\)\] {
  --tw-shadow: 0 24px 60px #0f172a24;
  --tw-shadow-colored: 0 24px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_64px_rgba\(15\,23\,42\,0\.18\)\] {
  --tw-shadow: 0 24px 64px #0f172a2e;
  --tw-shadow-colored: 0 24px 64px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_70px_rgba\(0\,0\,0\,\.42\)\] {
  --tw-shadow: 0 24px 70px #0000006b;
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_80px_rgba\(0\,0\,0\,\.35\)\] {
  --tw-shadow: 0 24px 80px #00000059;
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_80px_rgba\(17\,24\,39\,\.08\)\] {
  --tw-shadow: 0 24px 80px #11182714;
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_80px_rgba\(28\,25\,23\,0\.08\)\] {
  --tw-shadow: 0 24px 80px #1c191714;
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_28px_90px_rgba\(30\,64\,175\,0\.18\)\] {
  --tw-shadow: 0 28px 90px #1e40af2e;
  --tw-shadow-colored: 0 28px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_14px_rgba\(15\,23\,42\,0\.10\)\] {
  --tw-shadow: 0 4px 14px #0f172a1a;
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_5px_14px_rgba\(15\,23\,42\,0\.08\)\] {
  --tw-shadow: 0 5px 14px #0f172a14;
  --tw-shadow-colored: 0 5px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_5px_16px_rgba\(15\,23\,42\,0\.06\)\] {
  --tw-shadow: 0 5px 16px #0f172a0f;
  --tw-shadow-colored: 0 5px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_5px_16px_rgba\(180\,118\,22\,0\.09\)\] {
  --tw-shadow: 0 5px 16px #b4761617;
  --tw-shadow-colored: 0 5px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_6px_20px_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0 6px 20px #0000001f;
  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_20px_rgba\(15\,23\,42\,0\.035\)\] {
  --tw-shadow: 0 8px 20px #0f172a09;
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_24px_rgba\(37\,99\,235\,0\.08\)\] {
  --tw-shadow: 0 8px 24px #2563eb14;
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_30px_rgba\(51\,65\,85\,0\.05\)\] {
  --tw-shadow: 0 8px 30px #3341550d;
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.7\)\] {
  --tw-shadow: inset 0 1px 0 #ffffffb3;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.8\)\] {
  --tw-shadow: inset 0 1px 0 #fffc;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_1px_rgba\(255\,255\,255\,\.025\)\] {
  --tw-shadow: inset 0 1px #ffffff06;
  --tw-shadow-colored: inset 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 #0000000d;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-amber-100 {
  --tw-shadow-color: #fef3c7;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-amber-200 {
  --tw-shadow-color: #fde68a;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-amber-500\/25 {
  --tw-shadow-color: #f59e0b40;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-blue-100 {
  --tw-shadow-color: #dbeafe;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-blue-200 {
  --tw-shadow-color: #bfdbfe;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-200 {
  --tw-shadow-color: #a7f3d0;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-green-200 {
  --tw-shadow-color: #bbf7d0;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-200 {
  --tw-shadow-color: #c7d2fe;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-500\/5 {
  --tw-shadow-color: #6366f10d;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-orange-100 {
  --tw-shadow-color: #ffedd5;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-orange-200 {
  --tw-shadow-color: #fed7aa;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-purple-100 {
  --tw-shadow-color: #f3e8ff;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-100 {
  --tw-shadow-color: #fee2e2;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-200 {
  --tw-shadow-color: #fecaca;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-sky-200 {
  --tw-shadow-color: #bae6fd;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-200 {
  --tw-shadow-color: #e2e8f0;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-teal-200 {
  --tw-shadow-color: #99f6e4;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-200 {
  --tw-shadow-color: #ddd6fe;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid #0000;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-2 {
  outline-width: 2px;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.ring-\[\#faf9f5\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 249 245 / var(--tw-ring-opacity, 1));
}

.ring-amber-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}

.ring-amber-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}

.ring-amber-200\/70 {
  --tw-ring-color: #fde68ab3;
}

.ring-amber-300\/60 {
  --tw-ring-color: #fcd34d99;
}

.ring-black\/5 {
  --tw-ring-color: #0000000d;
}

.ring-black\/\[0\.04\] {
  --tw-ring-color: #0000000a;
}

.ring-blue-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}

.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}

.ring-emerald-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1));
}

.ring-emerald-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1));
}

.ring-emerald-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}

.ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}

.ring-gray-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}

.ring-indigo-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}

.ring-indigo-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}

.ring-indigo-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity, 1));
}

.ring-indigo-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.ring-orange-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity, 1));
}

.ring-orange-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}

.ring-red-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}

.ring-sky-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1));
}

.ring-slate-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1));
}

.ring-slate-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

.ring-slate-200\/70 {
  --tw-ring-color: #e2e8f0b3;
}

.ring-teal-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 246 228 / var(--tw-ring-opacity, 1));
}

.ring-violet-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity, 1));
}

.ring-violet-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity, 1));
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-white\/10 {
  --tw-ring-color: #ffffff1a;
}

.ring-yellow-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 249 195 / var(--tw-ring-opacity, 1));
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[3px\] {
  --tw-backdrop-blur: blur(3px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[6px\] {
  --tw-backdrop-blur: blur(6px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-\[background-color\] {
  transition-property: background-color;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-\[border-color\,box-shadow\] {
  transition-property: border-color, box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-\[color\,opacity\] {
  transition-property: color, opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-\[width\] {
  transition-property: width;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.duration-150 {
  transition-duration: .15s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.duration-500 {
  transition-duration: .5s;
}

.ease-out {
  transition-timing-function: cubic-bezier(0,0,.2,1);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in {
  animation-name: enter;
  animation-duration: .15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.fade-in {
  --tw-enter-opacity: 0;
}

.zoom-in {
  --tw-enter-scale: 0;
}

.zoom-in-95 {
  --tw-enter-scale: .95;
}

.slide-in-from-bottom-2 {
  --tw-enter-translate-y: .5rem;
}

.slide-in-from-bottom-4 {
  --tw-enter-translate-y: 1rem;
}

.slide-in-from-right {
  --tw-enter-translate-x: 100%;
}

.slide-in-from-right-4 {
  --tw-enter-translate-x: 1rem;
}

.slide-in-from-top-2 {
  --tw-enter-translate-y: -.5rem;
}

.duration-150 {
  animation-duration: .15s;
}

.duration-200 {
  animation-duration: .2s;
}

.duration-300 {
  animation-duration: .3s;
}

.duration-500 {
  animation-duration: .5s;
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}

.\!running {
  animation-play-state: running !important;
}

.running {
  animation-play-state: running;
}

.paused {
  animation-play-state: paused;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.highlight-updated {
  animation: .6s ease-in-out 3 highlightPulse;
  border-color: #fb923c !important;
}

.agent-generation-pending-card {
  overflow: hidden;
  animation: 3.2s ease-in-out infinite agentGenerationPendingBreathe;
  background: linear-gradient(145deg, #effafff5 0%, #ddf6ffeb 46%, #defcf7e0 100%), radial-gradient(circle at 22% 18%, #ffffffe0, #0000 34%), radial-gradient(circle at 80% 86%, #2dd4bf29, #0000 38%);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #7dd3fc57, inset 0 1px #ffffffd1, 0 10px 24px #0e749017;
}

.agent-generation-pending-card--waiting {
  animation: none;
  background: linear-gradient(145deg, #f8fafcfa 0%, #f1f5f9eb 56%, #e2e8f0db 100%), radial-gradient(circle at 24% 18%, #ffffffdb, #0000 36%);
  box-shadow: inset 0 0 0 1px #94a3b83d, inset 0 1px #ffffffc7, 0 8px 20px #0f172a0d;
}

.agent-generation-pending-card--stuck {
  animation: none;
  background: linear-gradient(145deg, #fffbebfa 0%, #fff7edf0 54%, #fef3c7d1 100%), radial-gradient(circle at 22% 18%, #ffffffdb, #0000 34%);
  box-shadow: inset 0 0 0 1px #fbbf2461, inset 0 1px #ffffffd1, 0 10px 24px #d9770614;
}

.agent-generation-pending-card:before {
  content: "";
  position: absolute;
  animation: 2.9s ease-in-out infinite agentGenerationPendingShimmer;
  background: linear-gradient(90deg, #0000 0%, #ffffff9e 48%, #0000 100%);
  inset: -20% -55%;
  transform: translateX(-62%)rotate(12deg);
}

.agent-generation-pending-card--waiting:before, .agent-generation-pending-card--stuck:before {
  display: none;
}

.agent-generation-pending-card:after {
  content: "";
  position: absolute;
  opacity: .16;
  background-image: linear-gradient(#ffffff2e 1px, #0000 1px), linear-gradient(90deg, #ffffff24 1px, #0000 1px);
  background-size: 22px 22px;
  inset: 0;
}

.\[-webkit-overflow-scrolling\:touch\] {
  -webkit-overflow-scrolling: touch;
}

.\[animation-delay\:150ms\] {
  animation-delay: .15s;
}

.\[animation-delay\:300ms\] {
  animation-delay: .3s;
}

.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.\[container-type\:inline-size\] {
  container-type: inline-size;
}

.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}

.\[overscroll-behavior\:contain\] {
  overscroll-behavior: contain;
}

.marker\:text-amber-700 *::marker {
  color: #b45309;
}

.marker\:text-amber-700::marker {
  color: #b45309;
}

.selection\:bg-indigo-100 *::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.selection\:text-indigo-900 *::selection {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.selection\:bg-indigo-100::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.selection\:text-indigo-900::selection {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.placeholder\:font-medium::placeholder {
  font-weight: 500;
}

.placeholder\:text-gray-300::placeholder {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-300::placeholder {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.placeholder\:text-stone-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:left-0:before {
  content: var(--tw-content);
  left: 0;
}

.before\:content-\[\'•\'\]:before {
  --tw-content: "•";
  content: var(--tw-content);
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:start-\[2px\]:after {
  content: var(--tw-content);
}

.after\:start-\[2px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
  left: 2px;
}

.after\:start-\[2px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
  left: 2px;
}

.after\:start-\[2px\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
  left: 2px;
}

.after\:start-\[2px\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 2px;
}

.after\:start-\[2px\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 2px;
}

.after\:start-\[2px\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 2px;
}

.after\:top-\[2px\]:after {
  content: var(--tw-content);
  top: 2px;
}

.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:w-4:after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:bg-white:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.last\:border-0:last-child {
  border-width: 0;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.last\:pb-0:last-child {
  padding-bottom: 0;
}

.focus-within\:w-\[var\(--expanded-width\)\]:focus-within {
  width: var(--expanded-width);
}

.focus-within\:border-amber-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.focus-within\:border-amber-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.focus-within\:border-blue-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.focus-within\:shadow-\[0_4px_20px_rgba\(59\,130\,246\,0\.08\)\]:focus-within {
  --tw-shadow: 0 4px 20px #3b82f614;
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-amber-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-blue-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-blue-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-slate-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

.hover\:w-\[var\(--expanded-width\)\]:hover {
  width: var(--expanded-width);
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#d9ceff\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(217 206 255 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#ddd3f4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(221 211 244 / var(--tw-border-opacity, 1));
}

.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.hover\:border-amber-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.hover\:border-amber-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.hover\:border-amber-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.hover\:border-emerald-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.hover\:border-stone-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.hover\:border-stone-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}

.hover\:border-teal-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}

.hover\:border-violet-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.hover\:border-zinc-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#191c21\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(25 28 33 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#ede6ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 230 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#eee8fb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 232 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#efe8ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 232 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#f0eaff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 234 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#fbf3dc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 243 220 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#fff7e6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 230 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-100\/80:hover {
  background-color: #fef3c7cc;
}

.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-50\/60:hover {
  background-color: #fffbeb99;
}

.hover\:bg-amber-500\/10:hover {
  background-color: #f59e0b1a;
}

.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/70:hover {
  background-color: #000000b3;
}

.hover\:bg-black\/85:hover {
  background-color: #000000d9;
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50\/40:hover {
  background-color: #eff6ff66;
}

.hover\:bg-blue-50\/50:hover {
  background-color: #eff6ff80;
}

.hover\:bg-blue-50\/60:hover {
  background-color: #eff6ff99;
}

.hover\:bg-blue-50\/70:hover {
  background-color: #eff6ffb3;
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-cyan-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-cyan-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100\/80:hover {
  background-color: #f3f4f6cc;
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50\/50:hover {
  background-color: #f9fafb80;
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50\/60:hover {
  background-color: #eef2ff99;
}

.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50\/50:hover {
  background-color: #fef2f280;
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50\/60:hover {
  background-color: #f8fafc99;
}

.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.hover\:bg-stone-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-stone-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.hover\:bg-stone-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity, 1));
}

.hover\:bg-stone-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-stone-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity, 1));
}

.hover\:bg-stone-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover {
  background-color: #ffffff1a;
}

.hover\:bg-white\/20:hover {
  background-color: #fff3;
}

.hover\:bg-white\/70:hover {
  background-color: #ffffffb3;
}

.hover\:bg-white\/80:hover {
  background-color: #fffc;
}

.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.hover\:text-amber-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-700:hover {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-800:hover {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-900:hover {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-950:hover {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-950:hover {
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-600:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-700:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-500:hover {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-600:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-950:hover {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.hover\:text-stone-700:hover {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}

.hover\:text-stone-800:hover {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}

.hover\:text-stone-900:hover {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}

.hover\:text-stone-950:hover {
  --tw-text-opacity: 1;
  color: rgb(12 10 9 / var(--tw-text-opacity, 1));
}

.hover\:text-violet-600:hover {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.hover\:text-violet-700:hover {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-75:hover {
  opacity: .75;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.hover\:opacity-90:hover {
  opacity: .9;
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_10px_24px_rgba\(15\,23\,42\,0\.08\)\]:hover {
  --tw-shadow: 0 10px 24px #0f172a14;
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_10px_24px_rgba\(15\,23\,42\,0\.11\)\]:hover {
  --tw-shadow: 0 10px 24px #0f172a1c;
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_10px_24px_rgba\(37\,99\,235\,0\.08\)\]:hover {
  --tw-shadow: 0 10px 24px #2563eb14;
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_10px_28px_rgba\(245\,158\,11\,0\.22\)\]:hover {
  --tw-shadow: 0 10px 28px #f59e0b38;
  --tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_12px_28px_rgba\(37\,99\,235\,0\.08\)\]:hover {
  --tw-shadow: 0 12px 28px #2563eb14;
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_18px_42px_rgba\(15\,23\,42\,0\.08\)\]:hover {
  --tw-shadow: 0 18px 42px #0f172a14;
  --tw-shadow-colored: 0 18px 42px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_24px_65px_rgba\(146\,64\,14\,0\.12\)\]:hover {
  --tw-shadow: 0 24px 65px #92400e1f;
  --tw-shadow-colored: 0 24px 65px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_24px_80px_rgba\(99\,102\,241\,0\.12\)\]:hover {
  --tw-shadow: 0 24px 80px #6366f11f;
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-indigo-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}

.hover\:ring-sky-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1));
}

.focus\:border-\[\#cfc5ef\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(207 197 239 / var(--tw-border-opacity, 1));
}

.focus\:border-amber-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.focus\:border-amber-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}

.focus\:border-indigo-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.focus\:border-teal-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.focus\:border-teal-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus {
  border-color: #0000;
}

.focus\:border-violet-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}

.focus\:border-violet-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.focus\:outline-none:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

.focus\:ring-amber-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}

.focus\:ring-amber-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}

.focus\:ring-amber-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}

.focus\:ring-amber-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}

.focus\:ring-amber-500\/50:focus {
  --tw-ring-color: #f59e0b80;
}

.focus\:ring-blue-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-500\/20:focus {
  --tw-ring-color: #3b82f633;
}

.focus\:ring-cyan-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity, 1));
}

.focus\:ring-cyan-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}

.focus\:ring-emerald-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-500\/20:focus {
  --tw-ring-color: #f9731633;
}

.focus\:ring-orange-500\/40:focus {
  --tw-ring-color: #f9731666;
}

.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus\:ring-slate-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

.focus\:ring-slate-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}

.focus\:ring-teal-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
}

.focus\:ring-violet-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity, 1));
}

.focus\:ring-violet-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}

.focus\:ring-violet-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid #0000;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-indigo-400:focus-visible {
  outline-color: #818cf8;
}

.focus-visible\:outline-indigo-500:focus-visible {
  outline-color: #6366f1;
}

.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}

.focus-visible\:ring-amber-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-amber-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-blue-200:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-blue-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-blue-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-emerald-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-gray-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-indigo-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-red-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-rose-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-violet-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-white:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.99\]:active {
  --tw-scale-x: .99;
  --tw-scale-y: .99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.enabled\:hover\:bg-emerald-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.enabled\:hover\:bg-orange-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.enabled\:hover\:bg-rose-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:cursor-wait:disabled {
  cursor: wait;
}

.disabled\:border-gray-100:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.disabled\:border-gray-200:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.disabled\:bg-amber-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-blue-400:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-indigo-600\/70:disabled {
  background-color: #4f46e5b3;
}

.disabled\:bg-red-600\/70:disabled {
  background-color: #dc2626b3;
}

.disabled\:bg-slate-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-slate-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-stone-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-stone-100\/60:disabled {
  background-color: #f5f5f499;
}

.disabled\:bg-stone-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.disabled\:text-gray-300:disabled {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.disabled\:text-red-300:disabled {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.disabled\:text-slate-300:disabled {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.disabled\:text-slate-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.disabled\:text-stone-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}

.disabled\:opacity-100:disabled {
  opacity: 1;
}

.disabled\:opacity-30:disabled {
  opacity: .3;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-55:disabled {
  opacity: .55;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.disabled\:opacity-70:disabled {
  opacity: .7;
}

.disabled\:hover\:translate-y-0:hover:disabled {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.disabled\:hover\:scale-100:hover:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/section[open] .group-open\/section\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus-within .group-focus-within\:pointer-events-auto {
  pointer-events: auto;
}

.group:focus-within .group-focus-within\:visible {
  visibility: visible;
}

.group:focus-within .group-focus-within\:left-\[var\(--add-expanded-left\)\] {
  left: var(--add-expanded-left);
}

.group:focus-within .group-focus-within\:left-\[var\(--expanded-left\)\] {
  left: var(--expanded-left);
}

.group:focus-within .group-focus-within\:top-1 {
  top: .25rem;
}

.group:focus-within .group-focus-within\:top-2 {
  top: .5rem;
}

.group:focus-within .group-focus-within\:rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus-within .group-focus-within\:rotate-6 {
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus-within .group-focus-within\:bg-slate-950\/45 {
  background-color: #02061773;
}

.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group:hover .group-hover\:left-\[var\(--add-expanded-left\)\] {
  left: var(--add-expanded-left);
}

.group:hover .group-hover\:left-\[var\(--expanded-left\)\] {
  left: var(--expanded-left);
}

.group:hover .group-hover\:top-1 {
  top: .25rem;
}

.group:hover .group-hover\:top-2 {
  top: .5rem;
}

.group:hover .group-hover\:w-2\.5 {
  width: .625rem;
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-6 {
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-slate-950\/45 {
  background-color: #02061773;
}

.group:hover .group-hover\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-20 {
  opacity: .2;
}

.group:focus-visible .group-focus-visible\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.group:focus-visible .group-focus-visible\:ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full:after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid #0000;
  outline-offset: 2px;
}

.aria-pressed\:border-amber-500[aria-pressed="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.aria-pressed\:bg-amber-50[aria-pressed="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.aria-pressed\:text-amber-900[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }

  .motion-safe\:animate-pulse {
    animation: 2s cubic-bezier(.4,0,.6,1) infinite pulse;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-spin {
    animation: 1s linear infinite spin;
  }

  .motion-safe\:transition-all {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
  }

  .motion-safe\:duration-150 {
    transition-duration: .15s;
  }

  .motion-safe\:animate-in {
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
  }

  .motion-safe\:fade-in {
    --tw-enter-opacity: 0;
  }

  .motion-safe\:slide-in-from-bottom-2 {
    --tw-enter-translate-y: .5rem;
  }

  .motion-safe\:duration-150 {
    animation-duration: .15s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

@media not all and (width >= 768px) {
  .max-md\:h-\[100px\] {
    height: 100px;
  }

  .max-md\:h-\[200px\] {
    height: 200px;
  }

  .max-md\:h-auto {
    height: auto;
  }

  .max-md\:max-h-\[100px\] {
    max-height: 100px;
  }

  .max-md\:min-h-0 {
    min-height: 0;
  }

  .max-md\:min-h-\[100px\] {
    min-height: 100px;
  }

  .max-md\:shrink-0 {
    flex-shrink: 0;
  }
}

@media (width >= 640px) {
  .sm\:top-10 {
    top: 2.5rem;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-start-1 {
    grid-column-start: 1;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .sm\:row-start-1 {
    grid-row-start: 1;
  }

  .sm\:row-start-2 {
    grid-row-start: 2;
  }

  .sm\:row-start-3 {
    grid-row-start: 3;
  }

  .sm\:row-start-4 {
    grid-row-start: 4;
  }

  .sm\:row-start-5 {
    grid-row-start: 5;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-28 {
    height: 7rem;
  }

  .sm\:h-32 {
    height: 8rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-\[calc\(100dvh-1\.5rem\)\] {
    height: calc(100dvh - 1.5rem);
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-\[300px\] {
    width: 300px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:max-w-48 {
    max-width: 12rem;
  }

  .sm\:max-w-\[calc\(100vw-1\.5rem\)\] {
    max-width: calc(100vw - 1.5rem);
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:flex-1 {
    flex: 1;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[140px_minmax\(0\,1fr\)\] {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  .sm\:grid-cols-\[150px_1fr_minmax\(160px\,auto\)\] {
    grid-template-columns: 150px 1fr minmax(160px, auto);
  }

  .sm\:grid-cols-\[160px_minmax\(0\,1fr\)\] {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .sm\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .sm\:grid-cols-\[232px_minmax\(0\,1fr\)\] {
    grid-template-columns: 232px minmax(0, 1fr);
  }

  .sm\:grid-cols-\[44px_1fr_auto\] {
    grid-template-columns: 44px 1fr auto;
  }

  .sm\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
    grid-template-columns: minmax(0, 1fr) 240px;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-start {
    align-items:  flex-start;
  }

  .sm\:items-center {
    align-items:  center;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-2 {
    gap: .5rem;
  }

  .sm\:gap-3 {
    gap: .75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:self-start {
    align-self:  flex-start;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0;
  }

  .sm\:p-3 {
    padding: .75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm\:\!py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (width >= 768px) {
  .md\:pointer-events-none {
    pointer-events: none;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .md\:bottom-full {
    bottom: 100%;
  }

  .md\:left-0 {
    left: 0;
  }

  .md\:right-8 {
    right: 2rem;
  }

  .md\:top-5 {
    top: 1.25rem;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:-m-8 {
    margin: -2rem;
  }

  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:mb-2 {
    margin-bottom: .5rem;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[108px\] {
    height: 108px;
  }

  .md\:h-\[110px\] {
    height: 110px;
  }

  .md\:h-\[190px\] {
    height: 190px;
  }

  .md\:h-\[218px\] {
    height: 218px;
  }

  .md\:min-h-0 {
    min-height: 0;
  }

  .md\:w-\[350px\] {
    width: 350px;
  }

  .md\:w-\[380px\] {
    width: 380px;
  }

  .md\:w-\[560px\] {
    width: 560px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:max-w-\[280px\] {
    max-width: 280px;
  }

  .md\:max-w-\[calc\(100vw-3rem\)\] {
    max-width: calc(100vw - 3rem);
  }

  .md\:shrink-0 {
    flex-shrink: 0;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-\[150px_minmax\(0\,1fr\)\] {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .md\:grid-cols-\[180px_minmax\(0\,1fr\)\] {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .md\:grid-cols-\[246px_minmax\(0\,1fr\)\] {
    grid-template-columns: 246px minmax(0, 1fr);
  }

  .md\:grid-cols-\[300px_minmax\(0\,1fr\)\] {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .md\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
    grid-template-columns: minmax(0, 1fr) 280px;
  }

  .md\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items:  center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
  }

  .md\:justify-self-end {
    justify-self: end;
  }

  .md\:justify-self-center {
    justify-self: center;
  }

  .md\:justify-self-stretch {
    justify-self: stretch;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:overflow-visible {
    overflow: visible;
  }

  .md\:border-b-0 {
    border-bottom-width: 0;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-stone-200 {
    --tw-border-opacity: 1;
    border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-\[15px\] {
    font-size: 15px;
  }

  .md\:text-\[26px\] {
    font-size: 26px;
  }

  .md\:text-\[38px\] {
    font-size: 38px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .group:focus-within .md\:group-focus-within\:pointer-events-auto {
    pointer-events: auto;
  }

  .group:focus-within .md\:group-focus-within\:opacity-100 {
    opacity: 1;
  }

  .group:hover .md\:group-hover\:pointer-events-auto {
    pointer-events: auto;
  }

  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }
}

@media (width >= 1024px) {
  .lg\:left-0 {
    left: 0;
  }

  .lg\:right-auto {
    right: auto;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-3 {
    order: 3;
  }

  .lg\:order-first {
    order: -9999;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:-m-10 {
    margin: -2.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[280px\] {
    height: 280px;
  }

  .lg\:h-\[52vh\] {
    height: 52vh;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:max-h-\[520px\] {
    max-height: 520px;
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:min-h-\[380px\] {
    min-height: 380px;
  }

  .lg\:w-40 {
    width: 10rem;
  }

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-96 {
    width: 24rem;
  }

  .lg\:w-\[240px\] {
    width: 240px;
  }

  .lg\:w-\[280px\] {
    width: 280px;
  }

  .lg\:w-\[360px\] {
    width: 360px;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:-translate-y-10 {
    --tw-translate-y: -2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 15rem minmax(0, 1fr);
  }

  .lg\:grid-cols-\[164px_minmax\(0\,1fr\)\] {
    grid-template-columns: 164px minmax(0, 1fr);
  }

  .lg\:grid-cols-\[252px_minmax\(0\,1fr\)\] {
    grid-template-columns: 252px minmax(0, 1fr);
  }

  .lg\:grid-cols-\[272px_minmax\(0\,1fr\)_360px\] {
    grid-template-columns: 272px minmax(0, 1fr) 360px;
  }

  .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_290px\] {
    grid-template-columns: minmax(0, 1fr) 290px;
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
    grid-template-columns: minmax(0, 1fr) 320px;
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_560px\] {
    grid-template-columns: minmax(0, 1fr) 560px;
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-end {
    align-items:  flex-end;
  }

  .lg\:items-center {
    align-items:  center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:rounded-l-\[34px\] {
    border-top-left-radius: 34px;
    border-bottom-left-radius: 34px;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }
}

@media (width >= 1280px) {
  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:h-\[calc\(52vh\+64px\)\] {
    height: calc(52vh + 64px);
  }

  .xl\:h-full {
    height: 100%;
  }

  .xl\:max-h-\[584px\] {
    max-height: 584px;
  }

  .xl\:min-h-\[444px\] {
    min-height: 444px;
  }

  .xl\:w-80 {
    width: 20rem;
  }

  .xl\:w-\[260px\] {
    width: 260px;
  }

  .xl\:w-\[380px\] {
    width: 380px;
  }

  .xl\:shrink-0 {
    flex-shrink: 0;
  }

  .xl\:-translate-y-12 {
    --tw-translate-y: -3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xl\:grid-flow-col {
    grid-auto-flow: column;
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.15fr_\.85fr\] {
    grid-template-columns: 1.15fr .85fr;
  }

  .xl\:grid-cols-\[248px_minmax\(0\,1fr\)\] {
    grid-template-columns: 248px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[minmax\(0\,1\.08fr\)_minmax\(360px\,0\.92fr\)\] {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  }

  .xl\:grid-cols-\[minmax\(0\,1\.08fr\)_minmax\(380px\,\.92fr\)\] {
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
    grid-template-columns: minmax(0, 1fr) 320px;
  }

  .xl\:grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .xl\:items-end {
    align-items:  flex-end;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:gap-2 {
    gap: .5rem;
  }

  .xl\:\!overflow-hidden {
    overflow: hidden !important;
  }

  .xl\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}

@media (width >= 1536px) {
  .\32 xl\:w-\[clamp\(420px\,30\%\,640px\)\] {
    width: clamp(420px, 30%, 640px);
  }

  .\32 xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
  }

  .dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
  }

  .dark\:rounded-2xl {
    border-radius: 1rem;
  }

  .dark\:\!border-amber-800 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)) !important;
  }

  .dark\:\!border-gray-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)) !important;
  }

  .dark\:\!border-gray-700 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) !important;
  }

  .dark\:border-amber-700 {
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }

  .dark\:border-amber-800 {
    --tw-border-opacity: 1;
    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
  }

  .dark\:border-amber-900 {
    --tw-border-opacity: 1;
    border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
  }

  .dark\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
  }

  .dark\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
  }

  .dark\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
  }

  .dark\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgb(49 46 129 / var(--tw-border-opacity, 1));
  }

  .dark\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
  }

  .dark\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
  }

  .dark\:border-sky-800 {
    --tw-border-opacity: 1;
    border-color: rgb(7 89 133 / var(--tw-border-opacity, 1));
  }

  .dark\:border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
  }

  .dark\:\!bg-amber-950 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1)) !important;
  }

  .dark\:\!bg-gray-800 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
  }

  .dark\:\!bg-gray-900 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
  }

  .dark\:\!bg-gray-900\/95 {
    background-color: #111827f2 !important;
  }

  .dark\:bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-amber-900\/20 {
    background-color: #78350f33;
  }

  .dark\:bg-amber-900\/30 {
    background-color: #78350f4d;
  }

  .dark\:bg-amber-900\/40 {
    background-color: #78350f66;
  }

  .dark\:bg-amber-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-amber-950\/30 {
    background-color: #451a034d;
  }

  .dark\:bg-amber-950\/40 {
    background-color: #451a0366;
  }

  .dark\:bg-amber-950\/50 {
    background-color: #451a0380;
  }

  .dark\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-blue-900\/20 {
    background-color: #1e3a8a33;
  }

  .dark\:bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-blue-950\/40 {
    background-color: #17255466;
  }

  .dark\:bg-emerald-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-emerald-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-emerald-900\/40 {
    background-color: #064e3b66;
  }

  .dark\:bg-emerald-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-700\/50 {
    background-color: #37415180;
  }

  .dark\:bg-gray-700\/80 {
    background-color: #374151cc;
  }

  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-900\/50 {
    background-color: #11182780;
  }

  .dark\:bg-gray-900\/60 {
    background-color: #11182799;
  }

  .dark\:bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-green-900\/20 {
    background-color: #14532d33;
  }

  .dark\:bg-indigo-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 27 75 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-red-900\/20 {
    background-color: #7f1d1d33;
  }

  .dark\:bg-red-900\/40 {
    background-color: #7f1d1d66;
  }

  .dark\:bg-red-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-red-950\/40 {
    background-color: #450a0a66;
  }

  .dark\:bg-sky-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 47 73 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-teal-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
  }

  .dark\:from-blue-950 {
    --tw-gradient-from: #172554 var(--tw-gradient-from-position);
    --tw-gradient-to: #17255400 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:to-indigo-950 {
    --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position);
  }

  .dark\:p-3 {
    padding: .75rem;
  }

  .dark\:\!text-amber-300 {
    --tw-text-opacity: 1 !important;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:\!text-gray-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:\!text-gray-200 {
    --tw-text-opacity: 1 !important;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:text-amber-100 {
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
  }

  .dark\:text-amber-200 {
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
  }

  .dark\:text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }

  .dark\:text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }

  .dark\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }

  .dark\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }

  .dark\:text-emerald-300 {
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-950 {
    --tw-text-opacity: 1;
    color: rgb(3 7 18 / var(--tw-text-opacity, 1));
  }

  .dark\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgb(224 231 255 / var(--tw-text-opacity, 1));
  }

  .dark\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }

  .dark\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }

  .dark\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }

  .dark\:text-sky-300 {
    --tw-text-opacity: 1;
    color: rgb(125 211 252 / var(--tw-text-opacity, 1));
  }

  .dark\:text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }

  .dark\:text-stone-100 {
    --tw-text-opacity: 1;
    color: rgb(245 245 244 / var(--tw-text-opacity, 1));
  }

  .dark\:text-stone-300 {
    --tw-text-opacity: 1;
    color: rgb(214 211 209 / var(--tw-text-opacity, 1));
  }

  .dark\:text-stone-400 {
    --tw-text-opacity: 1;
    color: rgb(168 162 158 / var(--tw-text-opacity, 1));
  }

  .dark\:text-stone-600 {
    --tw-text-opacity: 1;
    color: rgb(87 83 78 / var(--tw-text-opacity, 1));
  }

  .dark\:ring-stone-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(28 25 23 / var(--tw-ring-opacity, 1));
  }

  .dark\:\[color-scheme\:dark\] {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark;
  }

  .dark\:placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

  .dark\:focus-within\:border-amber-800:focus-within, .dark\:hover\:border-amber-800:hover {
    --tw-border-opacity: 1;
    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
  }

  .dark\:hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }

  .dark\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }

  .dark\:hover\:bg-amber-950:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-gray-700\/30:hover {
    background-color: #3741514d;
  }

  .dark\:hover\:bg-gray-700\/50:hover {
    background-color: #37415180;
  }

  .dark\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-sky-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(12 74 110 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:text-amber-300:hover {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .group:hover .dark\:group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }

  .dark\:aria-pressed\:bg-amber-950\/40[aria-pressed="true"] {
    background-color: #451a0366;
  }

  .dark\:aria-pressed\:text-amber-200[aria-pressed="true"] {
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.\[\&\>button\]\:shrink-0 > button, .\[\&\>details\]\:shrink-0 > details {
  flex-shrink: 0;
}

.\[\&\>div\>h3\]\:\!text-stone-900 > div > h3 {
  --tw-text-opacity: 1 !important;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1)) !important;
}

@media (prefers-color-scheme: dark) {
  .dark\:\[\&\>div\>h3\]\:\!text-gray-100 > div > h3 {
    --tw-text-opacity: 1 !important;
    color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:\[\&\>label\]\:text-gray-200 > label {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}

.\[\&_a\[href\^\=\'\#writer-work\=\'\]\]\:text-amber-800 a[href^="#writer-work="] {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.\[\&_a\[href\^\=\'\#writer-work\=\'\]\]\:underline a[href^="#writer-work="] {
  text-decoration-line: underline;
}

.\[\&_a\[href\^\=\'\#writer-work\=\'\]\]\:underline-offset-4 a[href^="#writer-work="] {
  text-underline-offset: 4px;
}

@media (hover: none) {
  .\[\@media\(hover\:none\)\]\:pointer-events-auto {
    pointer-events: auto;
  }

  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}

@media (height <= 760px) {
  .\[\@media\(max-height\:760px\)\]\:right-2\.5 {
    right: .625rem;
  }

  .\[\@media\(max-height\:760px\)\]\:top-2\.5 {
    top: .625rem;
  }

  .\[\@media\(max-height\:760px\)\]\:mb-1 {
    margin-bottom: .25rem;
  }

  .\[\@media\(max-height\:760px\)\]\:mb-1\.5 {
    margin-bottom: .375rem;
  }

  .\[\@media\(max-height\:760px\)\]\:hidden {
    display: none;
  }

  .\[\@media\(max-height\:760px\)\]\:h-1 {
    height: .25rem;
  }

  .\[\@media\(max-height\:760px\)\]\:h-10 {
    height: 2.5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:min-h-\[2\.1rem\] {
    min-height: 2.1rem;
  }

  .\[\@media\(max-height\:760px\)\]\:w-1 {
    width: .25rem;
  }

  .\[\@media\(max-height\:760px\)\]\:gap-1\.5 {
    gap: .375rem;
  }

  .\[\@media\(max-height\:760px\)\]\:gap-2 {
    gap: .5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:gap-2\.5 {
    gap: .625rem;
  }

  .\[\@media\(max-height\:760px\)\]\:p-1\.5 {
    padding: .375rem;
  }

  .\[\@media\(max-height\:760px\)\]\:p-2 {
    padding: .5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem;
  }

  .\[\@media\(max-height\:760px\)\]\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .\[\@media\(max-height\:760px\)\]\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .\[\@media\(max-height\:760px\)\]\:py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
  }

  .\[\@media\(max-height\:760px\)\]\:text-\[10px\] {
    font-size: 10px;
  }

  .\[\@media\(max-height\:760px\)\]\:text-\[20px\] {
    font-size: 20px;
  }

  .\[\@media\(max-height\:760px\)\]\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }
}

@media (height <= 820px) {
  .\[\@media\(max-height\:820px\)\]\:-mt-10 {
    margin-top: -2.5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:mb-2 {
    margin-bottom: .5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:mt-0\.5 {
    margin-top: .125rem;
  }

  .\[\@media\(max-height\:820px\)\]\:mt-1 {
    margin-top: .25rem;
  }

  .\[\@media\(max-height\:820px\)\]\:mt-1\.5 {
    margin-top: .375rem;
  }

  .\[\@media\(max-height\:820px\)\]\:mt-2 {
    margin-top: .5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:mt-3 {
    margin-top: .75rem;
  }

  .\[\@media\(max-height\:820px\)\]\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .\[\@media\(max-height\:820px\)\]\:hidden {
    display: none;
  }

  .\[\@media\(max-height\:820px\)\]\:h-\[176px\] {
    height: 176px;
  }

  .\[\@media\(max-height\:820px\)\]\:h-\[76px\] {
    height: 76px;
  }

  .\[\@media\(max-height\:820px\)\]\:h-\[96dvh\] {
    height: 96dvh;
  }

  .\[\@media\(max-height\:820px\)\]\:max-w-sm {
    max-width: 24rem;
  }

  .\[\@media\(max-height\:820px\)\]\:gap-1\.5 {
    gap: .375rem;
  }

  .\[\@media\(max-height\:820px\)\]\:gap-2 {
    gap: .5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:gap-3 {
    gap: .75rem;
  }

  .\[\@media\(max-height\:820px\)\]\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
  }

  .\[\@media\(max-height\:820px\)\]\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .\[\@media\(max-height\:820px\)\]\:py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem;
  }

  .\[\@media\(max-height\:820px\)\]\:py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
  }

  .\[\@media\(max-height\:820px\)\]\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem;
  }

  .\[\@media\(max-height\:820px\)\]\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .\[\@media\(max-height\:820px\)\]\:pb-2 {
    padding-bottom: .5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:pb-3 {
    padding-bottom: .75rem;
  }

  .\[\@media\(max-height\:820px\)\]\:pt-1 {
    padding-top: .25rem;
  }

  .\[\@media\(max-height\:820px\)\]\:pt-1\.5 {
    padding-top: .375rem;
  }

  .\[\@media\(max-height\:820px\)\]\:pt-3 {
    padding-top: .75rem;
  }

  .\[\@media\(max-height\:820px\)\]\:text-\[22px\] {
    font-size: 22px;
  }

  .\[\@media\(max-height\:820px\)\]\:text-\[32px\] {
    font-size: 32px;
  }

  .\[\@media\(max-height\:820px\)\]\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .\[\@media\(max-height\:820px\)\]\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  @media (width >= 768px) {
    .\[\@media\(max-height\:820px\)\]\:md\:h-\[164px\] {
      height: 164px;
    }

    .\[\@media\(max-height\:820px\)\]\:md\:h-\[182px\] {
      height: 182px;
    }

    .\[\@media\(max-height\:820px\)\]\:md\:h-\[82px\] {
      height: 82px;
    }

    .\[\@media\(max-height\:820px\)\]\:md\:h-\[84px\] {
      height: 84px;
    }
  }

  @media (width >= 1280px) {
    .\[\@media\(max-height\:820px\)\]\:xl\:\!overflow-y-auto {
      overflow-y: auto !important;
    }
  }
}

@media (height <= 900px) {
  .\[\@media\(max-height\:900px\)\]\:mb-1\.5 {
    margin-bottom: .375rem;
  }

  .\[\@media\(max-height\:900px\)\]\:h-12 {
    height: 3rem;
  }

  .\[\@media\(max-height\:900px\)\]\:min-h-\[2\.25rem\] {
    min-height: 2.25rem;
  }

  .\[\@media\(max-height\:900px\)\]\:gap-1\.5 {
    gap: .375rem;
  }

  .\[\@media\(max-height\:900px\)\]\:gap-2 {
    gap: .5rem;
  }

  .\[\@media\(max-height\:900px\)\]\:gap-3 {
    gap: .75rem;
  }

  .\[\@media\(max-height\:900px\)\]\:p-2 {
    padding: .5rem;
  }

  .\[\@media\(max-height\:900px\)\]\:p-2\.5 {
    padding: .625rem;
  }

  .\[\@media\(max-height\:900px\)\]\:px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .\[\@media\(max-height\:900px\)\]\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .\[\@media\(max-height\:900px\)\]\:py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
  }

  .\[\@media\(max-height\:900px\)\]\:text-\[10px\] {
    font-size: 10px;
  }

  .\[\@media\(max-height\:900px\)\]\:text-\[12px\] {
    font-size: 12px;
  }

  .\[\@media\(max-height\:900px\)\]\:text-\[13px\] {
    font-size: 13px;
  }

  .\[\@media\(max-height\:900px\)\]\:text-\[24px\] {
    font-size: 24px;
  }

  .\[\@media\(max-height\:900px\)\]\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}

@media (height >= 900px) {
  .\[\@media\(min-height\:900px\)\]\:h-\[110px\] {
    height: 110px;
  }

  .\[\@media\(min-height\:900px\)\]\:h-\[222px\] {
    height: 222px;
  }

  .\[\@media\(min-height\:900px\)\]\:gap-4 {
    gap: 1rem;
  }

  .\[\@media\(min-height\:900px\)\]\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
  }

  .\[\@media\(min-height\:900px\)\]\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .\[\@media\(min-height\:900px\)\]\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  @media (width >= 768px) {
    .\[\@media\(min-height\:900px\)\]\:md\:h-\[128px\] {
      height: 128px;
    }

    .\[\@media\(min-height\:900px\)\]\:md\:h-\[132px\] {
      height: 132px;
    }

    .\[\@media\(min-height\:900px\)\]\:md\:h-\[214px\] {
      height: 214px;
    }

    .\[\@media\(min-height\:900px\)\]\:md\:h-\[238px\] {
      height: 238px;
    }
  }
}

/* node_modules/@volcengine/amk-editor/dist/veveditor.css */
.icon-NBosn0 {
  display: inline-block;
  position: relative;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.icon-NBosn0 svg {
  display: block;
  position: absolute;
}

.frame-pVmtxN {
  width: 13.5px;
  height: 13.5px;
  inset: 2.25px;
}

.arrow-CUkavp {
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 3.375px;
  height: 5.625px;
  top: 6px;
  left: 9px;
}

.pointingLeft-oHmAvj .arrow-CUkavp {
  transform: scaleX(-1);
}

.darkTheme-JO_RR5 {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: .9;
}

.sideNav-gRcJls {
  background-color: #303030;
  background-color: var(--ve-navbar-bg, #303030);
  border-bottom: 1px solid #2e2e30;
  border-bottom: 1px solid var(--ve-left-column-border, #2e2e30);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: row;
  flex: 0 0 40px;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin: 0;
  padding: 0 8px;
}

.sideNav-gRcJls, .sideNav-gRcJls .navItems-j1d4yx {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items:  center;
}

.sideNav-gRcJls .navItems-j1d4yx {
  flex: auto;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  gap: 4px;
  min-width: 0;
}

.sideNav-gRcJls .sideNavSlot-sK09z8 {
  flex: 0 auto;
  min-width: 0;
  margin-left: auto;
  padding: 0 8px;
}

.sideNav-gRcJls .panelToggle-F3x_j5 {
  display: -ms-flexbox;
  display: flex;
  background-color: #303030;
  background-color: var(--ve-navbar-bg, #303030);
  flex: none;
  align-items:  center;
  margin-left: auto;
  padding-left: 8px;
}

.sideNav-gRcJls .panelToggleButton-WRcKgU {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--ve-text-primary, #ffffffe6);
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
}

.sideNav-gRcJls .panelToggleButton-WRcKgU:hover {
  background-color: #373739;
  background-color: var(--ve-surface-selected, #373739);
  color: var(--ve-text-primary, #ffffffe6);
}

.sideNav-gRcJls .menuItem-HzKbcP {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  min-width: unset;
  border-radius: 4px;
  flex-direction: row;
  flex: 1;
  gap: 4px;
  width: auto;
  min-width: 0;
  height: 26px;
  margin-bottom: 0;
  padding: 3px 4px;
}

.sideNav-gRcJls .menuItem-HzKbcP, .sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H {
  justify-content: center;
  align-items:  center;
  transition: all .1s;
}

.sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H {
  color: #ffffffe6;
  display: -ms-inline-flexbox;
  display: inline-flex;
  opacity: .9;
  width: 16px;
  height: 16px;
}

.sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H svg {
  color: inherit;
  display: block;
  fill: currentColor;
  width: 16px;
  height: 16px;
}

.sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H path {
  fill: currentColor;
}

.sideNav-gRcJls .menuItem-HzKbcP span {
  color: var(--ve-text-primary, #ffffffe6);
  opacity: .9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
  line-height: 14px;
}

.sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS {
  background: #373739;
  background: var(--ve-surface-selected, #373739);
}

.sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H {
  color: #fff;
  opacity: 1;
}

.sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H.preserveIconColors-pviMHH path:first-child {
  fill: #090c14;
}

.sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H.preserveIconColors-pviMHH path:last-child {
  fill: #fff;
}

.sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS span {
  color: #fff;
  opacity: 1;
  font-weight: 600;
}

.sideNav-gRcJls.lightTheme-p5_aDo .panelToggleButton-WRcKgU {
  color: #101013;
}

.sideNav-gRcJls.lightTheme-p5_aDo .panelToggleButton-WRcKgU:hover {
  color: #101013;
  background-color: #f6f6fc;
}

.sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP .menuIcon-yBan9H, .sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP span {
  color: #101013;
  opacity: 1;
}

.sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP .menuIcon-yBan9H path, .sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP .menuIcon-yBan9H svg {
  color: #101013;
  fill: #101013;
}

.sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP.active-L9SjRS {
  color: #101013;
  background: #f6f6fc;
}

.sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP.active-L9SjRS span {
  color: #101013;
  opacity: 1;
  font-weight: 600;
}

.sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H {
  color: #101013;
  opacity: 1;
}

.sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H path, .sideNav-gRcJls.lightTheme-p5_aDo .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H svg {
  color: #101013;
  fill: #101013;
}

#track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP:hover .menuIcon-yBan9H {
  color: #101013;
}

#track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H path, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP .menuIcon-yBan9H svg, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H path, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP.active-L9SjRS .menuIcon-yBan9H svg, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP:hover .menuIcon-yBan9H path, #track-video-editor[data-theme="light"] .sideNav-gRcJls .menuItem-HzKbcP:hover .menuIcon-yBan9H svg {
  color: #101013;
  fill: #101013;
}

.sideNav-gRcJls.navItemsHidden-XhkscF {
  justify-content: flex-end;
}

.sideNav-gRcJls.navItemsHidden-XhkscF .sideNavSlot-sK09z8 {
  margin-top: 0;
  margin-left: auto;
}

.item-hEztNk {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  min-width: 0;
}

.item-hEztNk .poster-_95DCU {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  width: 120px;
  height: 80px;
}

.item-hEztNk .name-EqBrAx {
  color: var(--color-text-tertiary, #7a7880);
  letter-spacing: -.055px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 8px;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.search-fkFpsW {
  background-color: #0000;
  background-color: var(--ve-panel-search-bg, transparent);
  border: .5px solid #ffffff29;
  border: .5px solid var(--ve-border-color-2, #ffffff29);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  gap: 4px;
  width: 100%;
  height: 24px;
  padding: 0 8px;
}

.search-fkFpsW, .searchIcon-u6K59y {
  flex-shrink: 0;
  align-items:  center;
}

.searchIcon-u6K59y {
  display: -ms-inline-flexbox;
  display: inline-flex;
  opacity: .5;
}

.searchIcon-u6K59y, .searchInput-G4porz {
  color: var(--ve-editor-fg, #fff);
}

.searchInput-G4porz {
  outline: none;
  background: none;
  border: none;
  flex: 1;
  min-width: 0;
  height: 100%;
  font-size: 12px;
}

.searchInput-G4porz::-webkit-input-placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-G4porz::placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-G4porz:-ms-input-placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-G4porz::placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-G4porz::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.searchInput-G4porz::-webkit-search-decoration {
  -webkit-appearance: none;
}

[data-theme="light"] .search-fkFpsW {
  background-color: #fff;
  border-color: #d2d1e0;
}

[data-theme="light"] .searchIcon-u6K59y {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-G4porz {
  color: #121213;
}

[data-theme="light"] .searchInput-G4porz::-webkit-input-placeholder {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-G4porz::placeholder {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-G4porz:-ms-input-placeholder {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-G4porz::placeholder {
  color: #b8b7c3;
  opacity: 1;
}

.effectPanel-OdoSat {
  background-color: #0000;
  background-color: var(--ve-effect-panel-bg, transparent);
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  height: 100%;
  min-height: 0;
}

.categorySidebar-F0vnrW {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex: 0 0 80px;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  padding: 12px 8px;
}

.categoryItem-O4mkp_ {
  display: -ms-flexbox;
  display: flex;
  color: var(--ve-editor-fg, #ffffffe6);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 100%;
  padding: 4px 8px;
  transition: background-color .1s;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.categoryItem-O4mkp_:hover, .categoryItemActive-t9iG41 {
  background-color: #ffffff14;
  background-color: var(--ve-materials-upload-tag-bg, #ffffff14);
}

.categoryItemActive-t9iG41 {
  font-weight: 500;
}

[data-theme="light"] .categoryItem-O4mkp_ {
  color: #121213;
}

[data-theme="light"] .categoryItemActive-t9iG41 {
  background-color: #f6f6fc;
}

.panelBody-XVLfHI {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.searchBar-iYG578 {
  flex-shrink: 0;
  padding: 12px 12px 0;
}

.effectScroll-NmadS5 {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  flex: 1;
  min-height: 0;
}

.effectScroll-NmadS5::-webkit-scrollbar {
  display: none;
}

.effect-GPTLch {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  align-content:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
}

.effect-GPTLch, .empty-krriTV {
  background-color: #0000;
  background-color: var(--ve-effect-panel-bg, transparent);
}

.empty-krriTV {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.item-McZLqp {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  min-width: 0;
}

.item-McZLqp .poster-s_1J7x {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 120px;
  height: 80px;
}

.item-McZLqp .name-FnEhyc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--color-text-tertiary, #7a7880);
  letter-spacing: -.055px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 4px;
  padding: 0 4px;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.transitionPanel-dnGKyV {
  background-color: #0000;
  background-color: var(--ve-transition-panel-bg, transparent);
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  height: 100%;
  min-height: 0;
}

.categorySidebar-UmJq6a {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex: 0 0 80px;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  padding: 12px 8px;
}

.categoryItem-uazCY4 {
  display: -ms-flexbox;
  display: flex;
  color: var(--ve-editor-fg, #ffffffe6);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 100%;
  padding: 4px 8px;
  transition: background-color .1s;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.categoryItem-uazCY4:hover, .categoryItemActive-_T4zud {
  background-color: #ffffff14;
  background-color: var(--ve-materials-upload-tag-bg, #ffffff14);
}

.categoryItemActive-_T4zud {
  font-weight: 500;
}

[data-theme="light"] .categoryItem-uazCY4 {
  color: #121213;
}

[data-theme="light"] .categoryItemActive-_T4zud {
  background-color: #f6f6fc;
}

.panelBody-uMHgtT {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.searchBar-fIwVJv {
  flex-shrink: 0;
  padding: 12px 12px 0;
}

.transitionScroll-JAV2On {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  flex: 1;
  min-height: 0;
}

.transitionScroll-JAV2On::-webkit-scrollbar {
  display: none;
}

.transition-M0s7U_ {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  align-content:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
}

.empty-afurn2, .transition-M0s7U_ {
  background-color: #0000;
  background-color: var(--ve-transition-panel-bg, transparent);
}

.empty-afurn2 {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.item-CVZjUD {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  min-width: 0;
}

.item-CVZjUD .poster-TKfYIb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 120px;
  height: 80px;
}

.item-CVZjUD .name-pEV4rg {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--color-text-tertiary, #7a7880);
  letter-spacing: -.055px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 4px;
  padding: 0 4px;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.veveditor-vod-spin.panel > .veveditor-vod-spin-children {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.filterPanel-l38ki7 {
  background-color: #0000;
  background-color: var(--ve-filter-panel-bg, transparent);
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  height: 100%;
  min-height: 0;
}

.categorySidebar-lh94Tj {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex: 0 0 80px;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 12px 8px;
}

.categoryItem-wuZBW2 {
  display: -ms-flexbox;
  display: flex;
  color: var(--ve-editor-fg, #ffffffe6);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 100%;
  padding: 4px 8px;
  transition: background-color .1s;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.categoryItem-wuZBW2:hover, .categoryItemActive-v7CrOG {
  background-color: #ffffff14;
  background-color: var(--ve-materials-upload-tag-bg, #ffffff14);
}

.categoryItemActive-v7CrOG {
  font-weight: 500;
}

[data-theme="light"] .categoryItem-wuZBW2 {
  color: #121213;
}

[data-theme="light"] .categoryItemActive-v7CrOG {
  background-color: #f6f6fc;
}

.panelBody-Lq7A9w {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.searchBar-vGgXEf {
  flex-shrink: 0;
  padding: 12px 12px 0;
}

.filterScroll-W0sKO7 {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  flex: 1;
  min-height: 0;
}

.filterScroll-W0sKO7::-webkit-scrollbar {
  display: none;
}

.filter-ipxeYV {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  align-content:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
}

.empty-Sh6ng5, .filter-ipxeYV {
  background-color: #0000;
  background-color: var(--ve-filter-panel-bg, transparent);
}

.empty-Sh6ng5 {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.item-HWJiu_ {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #222323;
  border-radius: 4px;
}

.item-HWJiu_ .poster-ogSkq0 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 128px;
  height: 72px;
}

.item-HWJiu_ .name-AeQKDt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 128px;
  margin-top: 8px;
}

.sticker-fgpNpG {
  display: grid;
  grid-template-columns: repeat(auto-fill, 128px);
  grid-gap: 10px 10px;
  justify-content: space-between;
  min-height: 300px;
  padding: 16px;
}

.item-ZSEwDV {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 81px;
  min-width: 0;
}

.item-ZSEwDV .poster-PiK5c4 {
  background-color: #232324;
  background-color: var(--ve-text-item-poster-bg, #232324);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
  width: 81px;
  height: 80px;
}

.item-ZSEwDV .defaultBadge-UCnd8s {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  z-index: 1;
  color: #1a1a1a;
  white-space: nowrap;
  background-color: #d9d9d9;
  border-radius: 8px 0;
  justify-content: center;
  align-items:  center;
  width: 38px;
  height: 19px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  top: 0;
  left: 0;
}

.item-ZSEwDV .name-w8U15N {
  color: var(--color-text-tertiary, #7a7880);
  letter-spacing: -.055px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 0;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

[data-theme="light"] .item-ZSEwDV .poster-PiK5c4 {
  background-color: #f4f5f7;
}

[data-theme="light"] .item-ZSEwDV .defaultBadge-UCnd8s {
  color: #fff;
  background-color: #000c;
}

.textPanel-r5CiyZ {
  background-color: #0000;
  background-color: var(--ve-text-panel-bg, transparent);
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.searchBar-TxkGou {
  flex-shrink: 0;
  padding: 12px 16px 0;
}

.textScroll-ZceZD6 {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.textScroll-ZceZD6::-webkit-scrollbar {
  background: inherit;
  width: 4px;
}

.textScroll-ZceZD6::-webkit-scrollbar-thumb {
  background-color: #ffffff14;
  border-radius: 24px;
}

.grid-D9njqm {
  display: grid;
  grid-template-columns: repeat(auto-fill, 81px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  align-content:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px;
}

.empty-Z9w6jl {
  display: -ms-flexbox;
  display: flex;
  background-color: #0000;
  background-color: var(--ve-text-panel-bg, transparent);
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.item-oUz_Ag {
  position: relative;
  --ve-material-upload-bg: #f6f6fc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  min-width: 0;
}

.item-oUz_Ag .transcoding-K4xIf7 {
  background-color: #1c1e1f;
}

.item-oUz_Ag .poster-Ac8eNr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  background-color: #f6f6fc;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 8px;
  width: 120px;
  height: 80px;
}

.item-oUz_Ag .poster-Ac8eNr .transcoding-K4xIf7 {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  background-color: #000;
  border-radius: 4px;
  justify-content: space-between;
  align-items:  center;
  padding: 0 8px 6px;
  bottom: 0;
  left: 0;
  right: 0;
}

.item-oUz_Ag .poster-Ac8eNr .transcoding-K4xIf7 .hint-Ck8pCd {
  color: #fff;
  opacity: .8;
  font-size: 12px;
}

.item-oUz_Ag .poster-Ac8eNr .transcoding-K4xIf7 .veveditor-vod-progress-circle-mask {
  stroke: #000;
}

.item-oUz_Ag .poster-Ac8eNr .uploading-ft_kfH {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 3;
  background-color: var(--ve-material-upload-bg);
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  padding: 0;
  inset: 0;
}

.item-oUz_Ag .poster-Ac8eNr .uploadSpinner-VzWSdb {
  -webkit-animation: 1s linear infinite ve-material-upload-spinner-XrESnK;
  animation: 1s linear infinite ve-material-upload-spinner-XrESnK;
  width: 32px;
  height: 32px;
}

.item-oUz_Ag .poster-Ac8eNr .time-btqHPR {
  text-align: right;
  justify-content: flex-end;
  max-width: calc(100% - 8px);
  right: 4px;
}

.item-oUz_Ag .poster-Ac8eNr .addedTag-oeDSPx, .item-oUz_Ag .poster-Ac8eNr .time-btqHPR {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  z-index: 3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0000005c;
  border-radius: 4px;
  align-items:  center;
  height: 14px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 12px;
  top: 4px;
}

.item-oUz_Ag .poster-Ac8eNr .addedTag-oeDSPx {
  text-align: left;
  justify-content: flex-start;
  max-width: calc(50% - 6px);
  left: 4px;
}

.item-oUz_Ag .imagePoster-MzpT5l {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
}

.item-oUz_Ag .videoPosterMedia-qfWZ_C {
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.item-oUz_Ag .imageMedia-tHLrVR {
  background-color: #f7f8fa;
  background-image: conic-gradient(#e5e6eb 25%, #f7f8fa 0 50%, #e5e6eb 0 75%, #f7f8fa 0);
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  background-size: 16px 16px;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.item-oUz_Ag .materialFallbackIcon-LVWJS3 {
  pointer-events: none;
  position: absolute;
  width: 56px;
  height: 56px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.item-oUz_Ag .control-eywUI2 {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  justify-content: flex-end;
  gap: 4px;
  width: auto;
  bottom: 4px;
  right: 4px;
}

.item-oUz_Ag .control-eywUI2 .icon-Phlksr {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  cursor: pointer;
  background-color: #0000005c;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 18px;
  height: 18px;
  margin-right: 0;
  padding: 0;
}

.item-oUz_Ag .control-eywUI2 .icon-Phlksr svg {
  color: currentColor;
  width: 12px;
  height: 12px;
}

.item-oUz_Ag .control-eywUI2 .icon-Phlksr .addIcon-suHD2z, .item-oUz_Ag .control-eywUI2 .icon-Phlksr .deleteIcon-BE2PWf {
  width: 12px;
  height: 12px;
}

.item-oUz_Ag .control-eywUI2 .icon-Phlksr:hover {
  color: #fff;
  background-color: #0000008f;
}

.item-oUz_Ag .control-eywUI2 .icon-Phlksr:focus-visible {
  outline: 2px solid #0381ff;
  outline-offset: 2px;
}

.item-oUz_Ag:focus-within .control-eywUI2, .item-oUz_Ag:hover .control-eywUI2 {
  opacity: 1;
  pointer-events: auto;
}

.item-oUz_Ag .name-q3LavA {
  color: var(--color-text-tertiary, #7a7880);
  letter-spacing: -.055px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 4px;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

[data-theme="light"] .item-oUz_Ag {
  --ve-material-upload-bg: #f6f6fc;
}

[data-theme="light"] .item-oUz_Ag .poster-Ac8eNr {
  background-color: #f6f6fc;
  border: 1px solid #e5e6eb;
}

[data-theme="dark"] .item-oUz_Ag {
  --ve-material-upload-bg: #3b3b3b;
}

[data-theme="dark"] .item-oUz_Ag .poster-Ac8eNr {
  background-color: #3b3b3b;
}

[data-theme="dark"] .item-oUz_Ag .uploadSpinner-VzWSdb {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

@-webkit-keyframes ve-material-upload-spinner-XrESnK {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes ve-material-upload-spinner-XrESnK {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.sketch-UFw6pq {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  align-content:  start;
  gap: 8px 12px;
  width: 100%;
  min-height: 300px;
}

.previewModal-_EFtoz {
  overflow: hidden;
  border-radius: 12px !important;
}

.previewModal-_EFtoz .veveditor-vod-modal-content {
  padding: 40px 16px 16px !important;
}

.previewModal-_EFtoz .veveditor-vod-modal-close-icon {
  top: 8px !important;
  right: 16px !important;
}

.previewModal-_EFtoz .modalCloseButton-g8lo4N, .previewModal-_EFtoz .veveditor-vod-modal-close-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.previewModal-_EFtoz .modalCloseButton-g8lo4N {
  color: #101013;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex-shrink: 0;
}

.previewModal-_EFtoz .modalCloseButton-g8lo4N:hover {
  background: #f2f3f5;
}

.previewModal-_EFtoz .modalCloseButton-g8lo4N:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.previewModal-_EFtoz .modalCloseIcon-KKTQPv {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
}

.previewModal-_EFtoz .modalCloseIcon-KKTQPv:after, .previewModal-_EFtoz .modalCloseIcon-KKTQPv:before {
  content: "";
  position: absolute;
  background: currentColor;
  width: 14px;
  height: 1.5px;
  top: 7px;
  left: 1px;
}

.previewModal-_EFtoz .modalCloseIcon-KKTQPv:before {
  transform: rotate(45deg);
}

.previewModal-_EFtoz .modalCloseIcon-KKTQPv:after {
  transform: rotate(-45deg);
}

.previewModal-_EFtoz .modalName-y8s_fo {
  color: var(--color-text-2, #4e5969);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  min-width: 0;
  font-size: 13px;
  line-height: 24px;
  top: 8px;
  left: 16px;
  right: 56px;
}

.previewModal-_EFtoz .veveditor-vod-modal-footer {
  padding: 0 16px 20px !important;
}

.previewModal-_EFtoz .viewer-e8dPYN {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: #000;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 100%;
}

.previewModal-_EFtoz .imageViewer-xXL5b9 {
  background: none;
}

.previewModal-_EFtoz .videoViewer-FKqGWA {
  background: #000;
}

.previewModal-_EFtoz .audioViewer-igrwZM {
  position: relative;
  background: none;
  height: min(40vh, 320px);
  min-height: 240px;
}

.previewModal-_EFtoz .audioPreview-wJGGC2 {
  position: relative;
  width: 100%;
  height: 100%;
}

.previewModal-_EFtoz .audioIcon-b1e1S1 {
  color: #4e5969;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.previewModal-_EFtoz .audioIcon-b1e1S1 path {
  stroke: currentcolor;
}

.previewModal-_EFtoz .media-yNJob_ {
  background-color: #f7f8fa;
  background-image: conic-gradient(#e5e6eb 25%, #f7f8fa 0 50%, #e5e6eb 0 75%, #f7f8fa 0);
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  background-size: 16px 16px;
  max-width: 100%;
  max-height: 100%;
}

.previewModal-_EFtoz .xgPlayer-RQiql3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  background: #000;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.previewModal-_EFtoz .xgPlayer-RQiql3.xgplayer {
  background: #000;
}

.previewModal-_EFtoz .xgPlayer-RQiql3.xgplayer .xgplayer-controls {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}

.previewModal-_EFtoz .xgPlayer-RQiql3 .xgplayer-poster {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: contain;
}

.previewModal-_EFtoz .xgPlayer-RQiql3 .xgplayer-progress-played {
  background: #165dff;
}

.previewModal-_EFtoz .xgPlayer-RQiql3 video {
  -o-object-fit: contain;
  object-fit: contain;
  background: #000;
  width: 100%;
  height: 100%;
}

.previewModal-_EFtoz .nativeAudio-YVfDxD {
  accent-color: #165dff;
  --buncss-light: initial;
  --buncss-dark: ;
  color-scheme: light;
  position: absolute;
  z-index: 2;
  background-color: #f2f3f5;
  border-radius: 999px;
  width: 100%;
  bottom: 0;
  left: 0;
}

.previewModal-_EFtoz .nativeAudio-YVfDxD::-webkit-media-controls-enclosure {
  background-color: #f2f3f5;
  border-radius: 999px;
}

.previewModal-_EFtoz .nativeAudio-YVfDxD::-webkit-media-controls-timeline {
  background-color: #0000;
  border-radius: 999px;
  transition: background-color .16s;
}

.previewModal-_EFtoz .nativeAudio-YVfDxD::-webkit-media-controls-timeline:hover {
  background-color: #e5e6eb;
}

.previewModal-_EFtoz .errorState-vNnVup {
  display: -ms-flexbox;
  display: flex;
  color: #c9cdd4;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 16px;
}

.previewModal-_EFtoz .footer-O_CKMQ {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: 12px;
  width: 100%;
}

.previewModal-_EFtoz .footerInfo-nNuAcC {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  margin-right: auto;
}

.previewModal-_EFtoz .footer-O_CKMQ .arco-btn.ve-property-reset-all {
  min-width: 88px;
  height: 32px;
  padding: 0 16px;
  color: #fff !important;
  background: #101013 !important;
  border: 1px solid #101013 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

.previewModal-_EFtoz .footer-O_CKMQ .arco-btn.ve-property-reset-all:active, .previewModal-_EFtoz .footer-O_CKMQ .arco-btn.ve-property-reset-all:hover {
  color: #fff !important;
  background: #2e2e32 !important;
  border-color: #2e2e32 !important;
}

.previewModal-_EFtoz .addButton-cRUbpx {
  color: #fff !important;
  background-color: #101013 !important;
  border-color: #101013 !important;
  font-size: 12px !important;
}

.previewModal-_EFtoz .addButton-cRUbpx:active, .previewModal-_EFtoz .addButton-cRUbpx:hover {
  color: #fff !important;
  background-color: #2e2e32 !important;
  border-color: #2e2e32 !important;
}

.previewModal-_EFtoz.theme-1 {
  box-shadow: 0 8px 24px #00000059 !important;
}

.previewModal-_EFtoz.theme-1 .modalCloseButton-g8lo4N {
  color: #ffffffe6 !important;
}

.previewModal-_EFtoz.theme-1 .modalCloseButton-g8lo4N:hover {
  background: #313132;
}

.previewModal-_EFtoz.theme-1 .addButton-cRUbpx, .previewModal-_EFtoz.theme-1 .footer-O_CKMQ .arco-btn.ve-property-reset-all {
  color: #101013 !important;
  background: #f2f3f5 !important;
  border-color: #f2f3f5 !important;
}

.previewModal-_EFtoz.theme-1 .addButton-cRUbpx:active, .previewModal-_EFtoz.theme-1 .addButton-cRUbpx:hover, .previewModal-_EFtoz.theme-1 .footer-O_CKMQ .arco-btn.ve-property-reset-all:active, .previewModal-_EFtoz.theme-1 .footer-O_CKMQ .arco-btn.ve-property-reset-all:hover {
  color: #101013 !important;
  background: #e5e6eb !important;
  border-color: #e5e6eb !important;
}

.previewModal-_EFtoz .addError-Ho9bEv {
  color: #f53f3f;
  font-size: 12px;
}

@media (width <= 720px) {
  .previewModal-_EFtoz .viewer-e8dPYN.audioViewer-igrwZM {
    height: min(40vh, 280px);
    min-height: 200px;
  }
}

.overlay-paL4Rg {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 1001;
  justify-content: center;
  align-items:  center;
  padding: 16px;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  inset: 0;
}

.overlayLight-OAmaf3 {
  background: #10101373;
}

.overlayDark-VNhKXV {
  background: #070709b8;
}

.dialog-B8WoP8 {
  outline: none;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  width: min(480px, 100vw - 32px);
  max-height: calc(100vh - 32px);
}

.dialogLight-iHWfbj {
  color: #101013;
  background: #fff;
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d, inset 0 0 0 1px #ebebf5;
}

.dialogDark-fOqJ8n {
  color: #ffffffe6;
  background: #17171a;
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d, inset 0 0 0 1px #2e2e30;
}

.header-Hlqy5C {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding: 20px 18px 20px 24px;
}

.title-RxkGss {
  color: inherit;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.closeButton-TRn7P6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.closeButton-TRn7P6:hover:not(:disabled) {
  background: #f2f3f5;
}

.dialogDark-fOqJ8n .closeButton-TRn7P6:hover:not(:disabled) {
  background: #313132;
}

.button-_Qj_OG:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.closeButton-TRn7P6:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.closeIcon-LArZIY {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
}

.closeIcon-LArZIY:after, .closeIcon-LArZIY:before {
  content: "";
  position: absolute;
  background: currentColor;
  width: 14px;
  height: 1.5px;
  top: 7px;
  left: 1px;
}

.closeIcon-LArZIY:before {
  transform: rotate(45deg);
}

.closeIcon-LArZIY:after {
  transform: rotate(-45deg);
}

.content-hLf7zm {
  color: #4e5969;
  padding: 0 24px 24px;
  font-size: 14px;
  line-height: 22px;
}

.dialogDark-fOqJ8n .content-hLf7zm {
  color: #ffffffb3;
}

.footer-h4RWVU {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
}

.button-_Qj_OG {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #101013;
  cursor: pointer;
  font: inherit;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  height: 32px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.button-_Qj_OG:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.cancelButton-b5hS1B {
  background: #f6f6fc;
}

.cancelButton-b5hS1B:hover:not(:disabled) {
  background: #ebebf5;
}

.confirmButton-Dw7XOC {
  color: #fff;
  background: #101013;
}

.confirmButton-Dw7XOC:hover:not(:disabled) {
  background: #2e2e32;
}

.dialogDark-fOqJ8n .cancelButton-b5hS1B {
  color: #ffffffe6;
  background: #232324;
}

.dialogDark-fOqJ8n .cancelButton-b5hS1B:hover:not(:disabled) {
  background: #313132;
}

.dialogDark-fOqJ8n .confirmButton-Dw7XOC {
  color: #101013;
  background: #ffffffe6;
}

.dialogDark-fOqJ8n .confirmButton-Dw7XOC:hover:not(:disabled) {
  background: #fff;
}

.container-DeSErI {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  --veveditor-empty-material-line: #0c0d0e;
  --veveditor-empty-material-surface: #fff;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 160px;
  min-height: 160px;
}

.container-DeSErI:focus {
  outline: none;
}

.container-DeSErI:focus-visible {
  outline: none;
}

.emptyState-YxFcpQ {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  width: 100%;
  max-width: 480px;
}

.illustration-mbQQTh {
  display: block;
  flex: none;
  width: 48px;
  height: 48px;
}

.description-AoJU28 {
  color: #7a7880;
  text-align: center;
  font-family: PingFang SC, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

[data-theme="dark"] .container-DeSErI {
  --veveditor-empty-material-line: #fff;
  --veveditor-empty-material-surface: #131418;
}

.materials-jb5v40 {
  background-color: #0000;
  background-color: var(--ve-materials-panel-bg, transparent);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
}

.materials-jb5v40.materialsWithSidebar-jDFbCf {
  flex-direction: row;
}

.materials-jb5v40 .channels-AgCvz0 {
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  height: 54px;
  margin-left: 16px;
  margin-right: 16px;
}

.materials-jb5v40 .channels-AgCvz0 > .channel-eqcyyh {
  margin: 0 20px 0 8px;
}

.materials-jb5v40 .channels-AgCvz0 .channel-eqcyyh {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  align-items:  center;
  height: 32px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 32px;
}

.materials-jb5v40 .channels-AgCvz0 .channel-eqcyyh img {
  margin-right: 4px;
}

.materials-jb5v40 .channels-AgCvz0 .channel-eqcyyh:hover {
  background-color: #ffffff14;
}

.materials-jb5v40 .channels-AgCvz0 .channel-eqcyyh.active-VrJ2ys {
  background-color: #ffffff1f;
}

.materials-jb5v40 .channels-AgCvz0 .filterWrapper-s4UMCO {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  margin-left: auto;
}

.materials-jb5v40 .channels-AgCvz0 .filterSelect-BwZjM5 {
  font-size: 12px;
}

.materials-jb5v40 .content-xV6m4b {
  display: -ms-flexbox;
  display: flex;
  outline: none;
  overflow-y: auto;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  padding: 0 16px 16px;
}

.materials-jb5v40 .content-xV6m4b:focus {
  outline: none;
}

.materials-jb5v40 .content-xV6m4b:focus-visible {
  outline: none;
}

.materials-jb5v40 .content-xV6m4b::-webkit-scrollbar {
  background: inherit;
  width: 4px;
  height: 4px;
}

.materials-jb5v40 .content-xV6m4b::-webkit-scrollbar-corner {
  background: inherit;
}

.materials-jb5v40 .content-xV6m4b::-webkit-scrollbar-thumb {
  background-color: #ffffff14;
  border-radius: 24px;
}

.categorySidebar-zUg3vM {
  display: -ms-flexbox;
  display: flex;
  background-color: #17171a;
  background-color: var(--ve-sider-bg, #17171a);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--ve-text-primary, #ffffffe6);
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex: 0 0 80px;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 12px 8px;
}

.categoryItem-qyeQMc {
  display: -ms-flexbox;
  display: flex;
  color: var(--ve-text-primary, var(--ve-editor-fg, #fff));
  cursor: pointer;
  opacity: .9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  padding: 4px 8px;
  transition: all .1s;
  font-size: 12px;
  line-height: 16px;
}

.categoryItem-qyeQMc:hover, .categoryItemActive-IvrHMJ {
  background-color: #ffffff14;
  background-color: var(--ve-surface-selected, #ffffff14);
  opacity: 1;
}

.categoryItemActive-IvrHMJ {
  font-weight: 500;
}

.categoryItemActive-IvrHMJ:hover {
  opacity: 1;
}

.panelBody-UkV8Qs {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.panelBody-UkV8Qs .content-xV6m4b {
  scrollbar-width: none;
  padding-left: 12px;
  padding-right: 12px;
}

.panelBody-UkV8Qs .content-xV6m4b::-webkit-scrollbar {
  display: none;
}

.toolbar-HTqOHb {
  padding: 12px 12px 8px;
}

.importActions-LhcpRJ, .toolbar-HTqOHb {
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  align-items:  center;
  gap: 8px;
}

.importActions-LhcpRJ {
  height: 24px;
}

.search-m7Iw9E {
  display: -ms-flexbox;
  display: flex;
  background-color: #0000;
  background-color: var(--ve-materials-search-bg, transparent);
  border: .5px solid #ffffff29;
  border: .5px solid var(--ve-border-color-2, #ffffff29);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  flex: 1;
  align-items:  center;
  gap: 4px;
  min-width: 0;
  height: 24px;
  padding: 0 8px;
}

.searchIcon-e9SMbq {
  display: -ms-inline-flexbox;
  display: inline-flex;
  opacity: .5;
  flex-shrink: 0;
  align-items:  center;
}

.searchIcon-e9SMbq, .searchInput-ERYYLx {
  color: var(--ve-editor-fg, #fff);
}

.searchInput-ERYYLx {
  outline: none;
  background: none;
  border: none;
  flex: 1;
  min-width: 0;
  height: 100%;
  font-size: 12px;
}

.searchInput-ERYYLx::-webkit-input-placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-ERYYLx::placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-ERYYLx:-ms-input-placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

.searchInput-ERYYLx::placeholder {
  color: var(--ve-text-tertiary, var(--ve-editor-fg, #fff));
  opacity: 1;
}

[data-theme="light"] .search-m7Iw9E {
  background-color: #fff;
  border-color: #d2d1e0;
}

[data-theme="light"] .searchIcon-e9SMbq {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-ERYYLx {
  color: #121213;
}

[data-theme="light"] .searchInput-ERYYLx::-webkit-input-placeholder {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-ERYYLx::placeholder {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-ERYYLx:-ms-input-placeholder {
  color: #b8b7c3;
  opacity: 1;
}

[data-theme="light"] .searchInput-ERYYLx::placeholder {
  color: #b8b7c3;
  opacity: 1;
}

.uploadTag-t3qyGZ {
  display: -ms-flexbox;
  display: flex;
  background-color: #fafafa14;
  background-color: var(--ve-materials-upload-tag-bg, #fafafa14);
  border: 1px dashed #fafafa14;
  border: 1px dashed var(--ve-materials-upload-tag-border, #fafafa14);
  color: var(--ve-editor-fg, #fff);
  cursor: pointer;
  border-radius: 4px;
  align-items:  center;
  gap: 4px;
  padding: 6px;
  font-size: 12px;
}

.element-RtSw4o {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.element-RtSw4o::-webkit-scrollbar {
  background: inherit;
  width: 4px;
  height: 4px;
}

.element-RtSw4o::-webkit-scrollbar-thumb {
  background-color: #ffffff14;
  border-radius: 24px;
}

.elementPanel-R9ZM7v {
  height: 100%;
  min-height: 0;
}

.elementPanelHidden-N3fxtm {
  display: none;
}

.control-WpvbWw {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  width: 100%;
  min-width: 0;
  height: 24px;
}

.sliderWrapper-a637Tg {
  flex: 1;
  min-width: 0;
  margin-right: 13px;
}

.input-fwPe3z {
  border-color: #dde2e9;
  border-radius: 4px;
  flex: 0 0 60px;
  height: 24px;
  width: 60px !important;
}

.input-fwPe3z .veveditor-vod-input-inner-wrapper {
  border-color: #dde2e9;
  height: 24px;
}

.input-fwPe3z .veveditor-vod-input {
  color: #101013;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.stepper-sXnVAX {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  background: #f6f6fc;
  border-radius: 4px;
  flex: 0 0 16px;
  gap: 2px;
  width: 16px;
  height: 24px;
  margin-left: 2px;
  padding: 4px;
}

.stepButton-BWfGcC {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  width: 8px;
  height: 7px;
  padding: 0;
}

.stepButton-BWfGcC, .stepButton-BWfGcC:active, .stepButton-BWfGcC:hover {
  background: none !important;
  border: 0 !important;
}

.stepButton-BWfGcC:disabled {
  cursor: not-allowed;
  opacity: .35;
}

.stepIcon-JQxziM {
  display: block;
  width: 5px;
  height: 5px;
}

.stepIconUp-c0pssF {
  transform: rotate(180deg);
}

.stepperDark-ZzxSzK {
  background: #343337;
}

[data-theme="dark"] .input-fwPe3z .veveditor-vod-input {
  color: #ffffffe6;
}

.mediaPropertyPanel-VlzdMc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-right: 1px solid #d2d1e0;
  border-bottom-right-radius: 8px;
}

.contentArea-ejbM_F {
  padding: 12px;
}

.form-bh899C {
  color: #383740;
  display: grid;
  gap: 16px;
  min-width: 0;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.lineItem-rBeA6B {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items:  center;
  column-gap: 8px;
  min-width: 0;
  min-height: 24px;
}

.label-YNhEe3 {
  color: #383740;
  min-width: 0;
  font-size: 12px;
  line-height: 20px;
}

.form-bh899C .veveditor-vod-input-number {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #dde2e9;
  border-radius: 4px;
  height: 24px;
}

.form-bh899C .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper {
  height: 24px;
}

.resetArea-EuGmRb {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
}

.resetButton-onxQOr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: center;
  align-items:  center;
  width: 80px;
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 400;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

[data-theme="dark"] .mediaPropertyPanel-VlzdMc {
  background: #101013;
  background: var(--ve-layout-content-bg, #101013);
  border-right-color: #36383d;
}

[data-theme="dark"] .form-bh899C, [data-theme="dark"] .label-YNhEe3 {
  color: #ffffffe6;
}

.propertyPanel-flA7YL {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  height: 100%;
  min-height: 0;
}

.textPropertyPanel-EwoFl2 {
  background: #fff;
  border-bottom-right-radius: 8px;
  box-shadow: inset -1px 0 #d2d1e0;
}

.categorySidebar-XTx1yp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  background: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 80px;
  padding: 12px 8px;
}

.categoryItem-xPajti, .categorySidebar-XTx1yp {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.categoryItem-xPajti {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #121213;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background: none !important;
  border: none !important;
}

.categoryItem-xPajti:hover {
  background-color: #f6f6fc !important;
  border: none !important;
}

.categoryItem-xPajti:active, .categoryItem-xPajti:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none !important;
}

.categoryItemActive-Sk6Bk9 {
  background-color: #f6f6fc !important;
}

.panelBody-SqIaoA {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.panelHeader-_fct1S {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items:  center;
  height: 32px;
  padding: 0 12px;
}

.closeIcon-K09IYR {
  cursor: pointer;
}

.contentArea-sxxy55 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-width: none;
  flex: 1;
  min-height: 0;
  padding: 12px;
}

.contentArea-sxxy55::-webkit-scrollbar {
  display: none;
}

.contentAreaFlushTop-USXLsM {
  padding-top: 4px;
}

[data-theme="dark"] .textPropertyPanel-EwoFl2 {
  background: #101013;
  background: var(--ve-layout-content-bg, #101013);
  box-shadow: inset -1px 0 #36383d;
}

[data-theme="dark"] .categorySidebar-XTx1yp {
  background: #17171a;
  background: var(--ve-sider-bg, #17171a);
}

[data-theme="dark"] .categoryItem-xPajti {
  color: #ffffffb3;
  background: none !important;
  border: none !important;
}

[data-theme="dark"] .categoryItem-xPajti:hover {
  background-color: #373739 !important;
  background-color: var(--ve-surface-selected, #373739) !important;
  border: none !important;
}

[data-theme="dark"] .categoryItem-xPajti:active {
  background: none !important;
  border: none !important;
}

[data-theme="dark"] .categoryItemActive-Sk6Bk9 {
  color: #fff;
  font-weight: 600;
}

[data-theme="dark"] .categoryItemActive-Sk6Bk9, [data-theme="dark"] .categoryItemActive-Sk6Bk9:active, [data-theme="dark"] .categoryItemActive-Sk6Bk9:hover {
  background-color: #373739 !important;
  background-color: var(--ve-surface-selected, #373739) !important;
}

.hoverableWrapper-O_c1TT {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
}

.lineItem-THFxLa {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 26px;
}

.lineItem-THFxLa .label-qPNXey {
  flex-shrink: 0;
  width: 24px;
  font-size: 12px;
}

.lineItem-THFxLa .value-yoPu5I {
  flex-shrink: 0;
  width: 75px;
}

.textPanelPosition-VV2xFA {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

.textPanelAxis-dTQlsK {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  align-items:  center;
  gap: 8px;
  min-width: 0;
  font-size: 12px;
  line-height: 20px;
}

.textPanelAxis-dTQlsK .veveditor-vod-input {
  text-align: left !important;
}

.mediaPanelPosition-oEcafV {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  min-width: 0;
}

.mediaPanelAxis-pk7YVz {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  color: #101013;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  font-size: 12px;
  line-height: 20px;
}

.mediaPanelAxis-pk7YVz .veveditor-vod-input {
  text-align: left !important;
}

[data-theme="dark"] .lineItem-THFxLa .label-qPNXey, [data-theme="dark"] .mediaPanelAxis-pk7YVz {
  color: #ffffffe6;
}

.lineItem-W6C2Gc {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 26px;
}

.lineItem-W6C2Gc .label-VZT8TZ {
  flex-shrink: 0;
  width: 24px;
  font-size: 12px;
}

.lineItem-W6C2Gc .value-vIrcCh {
  flex-shrink: 0;
  width: 75px;
}

.mediaPanelSize-kMfFDe {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  min-width: 0;
}

.mediaPanelAxis-lwBWZ0 {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  color: #101013;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  font-size: 12px;
  line-height: 20px;
}

.mediaPanelAxis-lwBWZ0 .veveditor-vod-input {
  text-align: left !important;
}

[data-theme="dark"] .lineItem-W6C2Gc .label-VZT8TZ, [data-theme="dark"] .mediaPanelAxis-lwBWZ0 {
  color: #ffffffe6;
}

.lineItem-z9T35u {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  gap: 16px;
  height: 24px;
}

.lineItem-z9T35u .iconButton-Q0PCQ6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 16px;
  padding: 0;
  background: none !important;
  border: 0 !important;
}

.lineItem-z9T35u .iconButton-Q0PCQ6:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
  border-radius: 2px;
}

.lineItem-z9T35u .icon-Mdxzck {
  display: block;
  width: 16px;
  height: 16px;
}

.lineItem-z9T35u.rotationControls-SxY3JZ .iconButton-Q0PCQ6:active, .lineItem-z9T35u.rotationControls-SxY3JZ .iconButton-Q0PCQ6:disabled, .lineItem-z9T35u.rotationControls-SxY3JZ .iconButton-Q0PCQ6:hover {
  background: none !important;
  border: 0 !important;
}

.mediaPanelRotation-qEnXKr {
  min-width: 0;
}

[data-theme="dark"] .lineItem-z9T35u .icon-Mdxzck {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: .9;
}

.lineItem-oEWnvD {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  gap: 16px;
  height: 24px;
}

.lineItem-oEWnvD .icon-TcANf8 {
  cursor: pointer;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 0;
}

[data-theme="dark"] .lineItem-oEWnvD .icon-TcANf8 {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: .9;
}

.rc-color-picker-panel-inner {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-bottom: 8px;
  box-shadow: 0 1px 5px #ccc;
}

.rc-color-picker-panel-wrap {
  position: relative;
  width: 100%;
  height: 30px;
  margin: 5px 0 0;
}

.rc-color-picker-panel-wrap-preview {
  position: absolute;
  right: 8px;
}

.rc-color-picker-panel-wrap-ribbon {
  position: absolute;
  height: 30px;
  top: 0;
  left: 8px;
  right: 43px;
}

.rc-color-picker-panel-wrap-alpha {
  position: absolute;
  height: 12.5px;
  bottom: 0;
  left: 8px;
  right: 43px;
}

.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon {
  height: 12.5px;
}

.rc-color-picker-trigger {
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #999;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  padding: 2px;
  box-shadow: inset 0 0 0 2px #fff;
}

.rc-color-picker-trigger-open {
  box-shadow: 0 0 3px #999;
}

.rc-color-picker-panel {
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 9;
  background-color: #fff;
  border-radius: 4px;
  width: 218px;
}

.rc-color-picker-panel, .rc-color-picker-panel * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rc-color-picker-panel-open {
  display: block;
}

.rc-color-picker-panel-close {
  display: none;
}

.rc-color-picker-panel-preview {
  overflow: hidden;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
  border-radius: 2px;
  width: 30px;
  height: 30px;
}

.rc-color-picker-panel-preview span {
  box-shadow: inset 0 0 2px gray;
}

.rc-color-picker-panel-preview input[type="color"], .rc-color-picker-panel-preview span {
  display: block;
  position: absolute;
  border-radius: 2px;
  width: 30px;
  height: 100%;
}

.rc-color-picker-panel-preview input[type="color"] {
  opacity: 0;
}

.rc-color-picker-panel-board {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 8px 8px 0;
  font-size: 0;
}

.rc-color-picker-panel-board span {
  position: absolute;
  z-index: 2;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 9px;
  height: 9px;
  margin: -4px 0 0 -4px;
  top: -999px;
  left: -999px;
  box-shadow: 0 0 1px #787878b3;
}

.rc-color-picker-panel-board-hsv {
  position: relative;
  z-index: 1;
  border-radius: 2px;
  width: 200px;
  height: 150px;
}

.rc-color-picker-panel-board-value {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxIDEiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+");
  position: absolute;
  z-index: 2;
  background-image: linear-gradient(#0000 0, #000);
  border-radius: 2px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.rc-color-picker-panel-board-saturation {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxIDEiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjAlIiB4Mj0iMTAwJSIgeTE9IjAlIiB5Mj0iMCUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+");
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(90deg, #fff 0, #0000);
  border-radius: 2px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.rc-color-picker-panel-board-handler {
  cursor: crosshair;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
  width: 100%;
  top: 0;
  left: 0;
}

.rc-color-picker-panel-board-handler, .rc-color-picker-panel-ribbon {
  border-radius: 2px;
  height: 100%;
  box-shadow: inset 0 0 2px gray;
}

.rc-color-picker-panel-ribbon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxIDEiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjAlIiB4Mj0iMTAwJSIgeTE9IjAlIiB5Mj0iMCUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZWQiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5MCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjY2RmZjAwIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzBmNiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBmZmZkIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwNmYiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzMyMDBmZiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2QwMGZmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMDkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJlZCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGgxdjFIMHoiLz48L3N2Zz4=");
  position: relative;
  background-image: linear-gradient(90deg, red 0, #f90, #cdff00, #35ff00, #0f6, #00fffd, #06f, #3200ff, #cd00ff, #f09 90%, red);
}

.rc-color-picker-panel-ribbon span {
  position: absolute;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  width: 4px;
  height: 100%;
  margin-left: -2px;
  padding: 1px 0;
  top: 0;
}

.rc-color-picker-panel-ribbon-handler {
  cursor: pointer;
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
}

.rc-color-picker-panel-alpha {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
  background-repeat: repeat;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.rc-color-picker-panel-alpha-bg {
  position: absolute;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 2px gray;
}

.rc-color-picker-panel-alpha span {
  position: absolute;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  width: 4px;
  height: 100%;
  margin-left: -2px;
  padding: 1px 0;
  top: 0;
}

.rc-color-picker-panel-alpha-handler {
  cursor: pointer;
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
}

.rc-color-picker-panel-params {
  font-size: 12px;
}

.rc-color-picker-panel-params-input {
  overflow: hidden;
  padding: 2px 8px;
}

.rc-color-picker-panel-params input {
  float: left;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: 1px solid #cacaca;
  border-radius: 2px;
  margin: 0;
  padding: 1px;
  font-family: Helvetica Neue, Helvetica, sans-serif;
}

.rc-color-picker-panel-params-hex {
  width: 52px;
}

.rc-color-picker-panel-params input[type="number"] {
  width: 44px;
  margin-left: 5px;
}

.rc-color-picker-panel-params input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.rc-color-picker-panel-params-lable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 22px;
  padding: 2px 8px;
  line-height: 18px;
}

.rc-color-picker-panel-params-lable label {
  float: left;
  text-align: center;
}

.rc-color-picker-panel-params-lable-hex {
  width: 52px;
}

.rc-color-picker-panel-params-lable-alpha, .rc-color-picker-panel-params-lable-number {
  text-transform: uppercase;
  width: 44px;
  margin-left: 5px;
}

.rc-color-picker-panel-params-lable-number:hover {
  cursor: pointer;
  background-color: #eee;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #ccc;
}

.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha, .rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number, .rc-color-picker-panel-params-has-alpha input[type="number"] {
  width: 32px;
}

.rc-color-picker {
  position: absolute;
  z-index: 1000;
  top: -9999px;
  left: -9999px;
}

.rc-color-picker-wrap {
  display: inline-block;
}

.rc-color-picker-slide-up-appear, .rc-color-picker-slide-up-enter {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
}

.rc-color-picker-slide-up-leave {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  opacity: 1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
}

.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft, .rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight, .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft, .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight {
  -webkit-animation-name: rcColorPickerSlideUpIn;
  animation-name: rcColorPickerSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft, .rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight, .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft, .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight {
  -webkit-animation-name: rcColorPickerSlideDownIn;
  animation-name: rcColorPickerSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft, .rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight {
  -webkit-animation-name: rcColorPickerSlideUpOut;
  animation-name: rcColorPickerSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft, .rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight {
  -webkit-animation-name: rcColorPickerSlideDownOut;
  animation-name: rcColorPickerSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@-webkit-keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

.container-Qh6pTF {
  font-size: 0;
}

.container-Qh6pTF, .container-Qh6pTF .rc-color-picker-wrap {
  width: 100%;
  height: 100%;
}

.container-Qh6pTF .rc-color-picker-trigger {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.container-Qh6pTF .rc-color-picker-trigger, .trigger-KXSEQf {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #2a2c2f;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.trigger-KXSEQf {
  cursor: pointer;
  display: block;
  padding: 3px;
}

.triggerColor-lzyRxh {
  display: block;
  width: 100%;
  height: 100%;
}

.figmaSplitTrigger-KIm6BC {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #b8b7c3;
  cursor: pointer;
  display: grid;
  grid-template-columns: 76px 2px 16px;
  overflow: hidden;
  border-radius: 4px;
  width: 94px;
  height: 24px;
  padding: 0;
  background: #f6f6fc !important;
  border: 0 !important;
}

.figmaSplitTrigger-KIm6BC:active, .figmaSplitTrigger-KIm6BC:hover {
  background: #f6f6fc !important;
  border: 0 !important;
}

.figmaSplitTrigger-KIm6BC:focus-visible {
  outline: 1px solid #86909c;
  outline-offset: 1px;
}

.figmaSplitColorArea-VvopZk {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  width: 76px;
  height: 24px;
  padding: 2px;
}

.figmaSplitColor-sDbcNL {
  display: block;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.figmaSplitColorEmpty-Smv0qR:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDcyIDIwIj48cGF0aCBmaWxsPSIjZmY0ZDRmIiBkPSJNMCAxOCA3MiAwdjJMMCAyMFoiLz48L3N2Zz4=");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  inset: 0;
}

.figmaSplitSeparator-FfWC33 {
  background: inherit;
  display: block;
  width: 2px;
  height: 22px;
}

.figmaSplitIconArea-qGyW6a {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 24px;
}

.figmaSplitIcon-EebxeH {
  display: block;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Ljc1IiBoZWlnaHQ9IjUuODUiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDYuNzUgNS44NSI+PHBhdGggc3Ryb2tlPSIjYjhiN2MzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS44IiBkPSJNLjkgMi40NzUgMy4zNzUgNC45NSA1Ljg1IDIuNDc1Ii8+PC9zdmc+") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Ljc1IiBoZWlnaHQ9IjUuODUiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDYuNzUgNS44NSI+PHBhdGggc3Ryb2tlPSIjYjhiN2MzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS44IiBkPSJNLjkgMi40NzUgMy4zNzUgNC45NSA1Ljg1IDIuNDc1Ii8+PC9zdmc+") center / 100% 100% no-repeat;
  background-color: currentColor;
  width: 5px;
  height: 5px;
}

[data-theme="dark"] .figmaSplitTrigger-KIm6BC {
  color: #ffffff8c;
  background: #343337 !important;
}

[data-theme="dark"] .figmaSplitTrigger-KIm6BC:active, [data-theme="dark"] .figmaSplitTrigger-KIm6BC:hover {
  background: #343337 !important;
}

.textPanel-Dm95ck {
  -ms-flex-pack: end;
  width: 100%;
}

.textPanel-Dm95ck, .textPanelControl-wel2Po {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

.textPanelControl-wel2Po {
  flex: 1;
  -ms-flex-pack: end;
  align-items:  center;
  gap: 8px;
  height: 24px;
}

.textPanelInput-A33FRd {
  border-color: #dde2e9;
  border-radius: 4px;
  flex: 1;
  min-width: 0;
  max-width: none;
  height: 24px;
  width: 100% !important;
}

.textPanelInput-A33FRd .veveditor-vod-input-inner-wrapper {
  border-color: #dde2e9;
  height: 24px;
}

.textPanelInput-A33FRd .veveditor-vod-input {
  color: #101013;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  text-align: left !important;
}

.stepper-tJT41p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #b8b7c3;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  background: #f6f6fc;
  border-radius: 4px;
  flex: 0 0 16px;
  gap: 2px;
  width: 16px;
  height: 24px;
  padding: 4px;
}

.stepButton-AP6ncT {
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  width: 8px;
  height: 7px;
  padding: 0;
}

.stepButton-AP6ncT, .stepButton-AP6ncT:active, .stepButton-AP6ncT:hover {
  background: none !important;
  border: 0 !important;
}

.stepButton-AP6ncT:disabled {
  cursor: not-allowed;
  opacity: .35;
}

.stepIcon-kPXD94 {
  display: block;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Ljc1IiBoZWlnaHQ9IjUuODUiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDYuNzUgNS44NSI+PHBhdGggc3Ryb2tlPSIjYjhiN2MzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS44IiBkPSJNLjkgMi40NzUgMy4zNzUgNC45NSA1Ljg1IDIuNDc1Ii8+PC9zdmc+") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Ljc1IiBoZWlnaHQ9IjUuODUiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDYuNzUgNS44NSI+PHBhdGggc3Ryb2tlPSIjYjhiN2MzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS44IiBkPSJNLjkgMi40NzUgMy4zNzUgNC45NSA1Ljg1IDIuNDc1Ii8+PC9zdmc+") center / 100% 100% no-repeat;
  background-color: currentColor;
  width: 5px;
  height: 5px;
}

.stepIconUp-C6vIz9 {
  transform: rotate(180deg);
}

.stepperDark-SgVs64 {
  color: #ffffff8c;
  background: #343337;
}

[data-theme="dark"] .textPanelInput-A33FRd .veveditor-vod-input {
  color: #ffffffe6;
}

.textPanel-wXjQL5 {
  min-width: 0;
}

.basicPanel-QK84h0 {
  color: #383740;
  display: grid;
  gap: 16px;
  min-width: 0;
  padding-top: 4px;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.basicPanel-QK84h0 .veveditor-vod-checkbox-mask {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  width: 14px;
  height: 14px;
}

[data-theme="light"] .basicPanel-QK84h0 .veveditor-vod-checkbox-mask {
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 0 1px #dde2e9, 0 1px 1px #0000000d;
}

[data-theme="light"] .basicPanel-QK84h0 .veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #101013;
}

[data-theme="light"] .basicPanel-QK84h0 .veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask-icon {
  color: #fff;
}

[data-theme="dark"] .basicPanel-QK84h0 .veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask {
  background-color: #fff;
  border-color: #fff;
}

[data-theme="dark"] .basicPanel-QK84h0 .veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask-icon {
  color: #101013;
}

.lineItem-vxkRc_ {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items:  center;
  column-gap: 8px;
  min-width: 0;
}

.lineItem-vxkRc_ .label-L5qMSr {
  color: #383740;
  min-width: 0;
  font-size: 12px;
  line-height: 20px;
}

.textRow-_AyrQn {
  align-items:  start;
}

.textArea-VrF8uQ {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #dde2e9 !important;
  border-radius: 4px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  padding: 8px !important;
}

.textArea-VrF8uQ::-webkit-input-placeholder {
  color: #a9aeb8;
}

.textArea-VrF8uQ::placeholder {
  color: #a9aeb8;
}

.textArea-VrF8uQ:-ms-input-placeholder {
  color: #a9aeb8;
}

.textArea-VrF8uQ::placeholder {
  color: #a9aeb8;
}

.fontControls-MkND8u {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 94px;
  gap: 24px;
  min-width: 0;
}

.fontSizeRow-bFuBCg {
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

.fontSizeControls-YjptYl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  align-items:  center;
  min-width: 0;
}

.fontSelect-vt8R4M {
  width: 100% !important;
}

.fontSelect-vt8R4M .arco-select-view {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1d2129;
  border: 1px solid #dde2e9;
  border-radius: 4px;
  height: 24px;
  min-height: 24px;
  padding: 0 12px;
  font-size: 11px;
  line-height: 16px;
}

.wordArtSelect-tM_rrP {
  width: 100% !important;
}

.wordArtSelect-tM_rrP .arco-select-view {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1d2129;
  border: 1px solid #dde2e9;
  border-radius: 4px;
  height: 24px;
  min-height: 24px;
  padding: 0 12px;
  font-size: 11px;
  line-height: 16px;
}

.toggleColorRow-s1zeM5 {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  column-gap: 8px;
}

.toggleColorRow-s1zeM5, .toggleColorTitle-Sw4IZ_ {
  align-items:  center;
  min-width: 0;
}

.toggleColorTitle-Sw4IZ_ {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 24px;
}

.toggleColorTitle-Sw4IZ_ > .label-L5qMSr {
  color: #383740;
  white-space: nowrap;
  align-self:  center;
  line-height: 20px;
}

.toggleColorCheckbox-O46I1h {
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 16px;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 24px;
}

.toggleColorControls-uohxYy {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  min-height: 24px;
}

.toggleColorControls-uohxYy, .toggleColorPickerControl-RQT7Uv {
  display: grid;
  align-items:  center;
  min-width: 0;
}

.toggleColorPickerControl-RQT7Uv {
  grid-template-columns: 24px 94px;
  gap: 11px;
}

.toggleColorNumberControl-YWD0VE {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  align-items:  center;
  gap: 8px;
  min-width: 0;
}

.toggleColorFieldLabel-fCM_GG {
  display: -ms-flexbox;
  display: flex;
  color: #383740;
  white-space: nowrap;
  align-items:  center;
  height: 24px;
  line-height: 20px;
}

.toggleColorNumberInput-GmmGDj {
  min-width: 0;
  width: 100% !important;
}

.toggleColorNumberInput-GmmGDj .veveditor-vod-input {
  text-align: left !important;
  padding-right: 24px !important;
}

.dimensionControls-Px70aH {
  width: 129px;
  min-width: 0;
}

.dimensionAxisControl-y7Yjil {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  align-items:  center;
  gap: 8px;
  min-width: 0;
}

.dimensionAxisLabel-x35GMa {
  color: #101013;
  text-align: center;
  line-height: 20px;
}

.autoLineWrapControl-_EHxuk {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  gap: 8px;
}

.autoLineWrapLabel-XHUl38 {
  white-space: nowrap;
  line-height: 20px;
}

.dimensionControls-Px70aH .veveditor-vod-input {
  text-align: left !important;
}

.basicPanel-QK84h0 .veveditor-vod-input-number {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border-color: #dde2e9;
  border-radius: 4px;
  height: 24px;
}

.basicPanel-QK84h0 .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper {
  height: 24px;
}

.textBoxDimensionLabel-tb79we {
  color: #7a7880;
  white-space: nowrap;
  margin-left: 12px;
  margin-right: 6px;
  font-size: 12px;
}

.wrapWidthHelpIcon-NQr8yw {
  color: #7a7880;
  cursor: default;
  margin-left: 2px;
  font-size: 14px;
}

.alignControl-RJd6Rf {
  margin-right: 12px;
}

.alignControl-RJd6Rf:last-child {
  margin-right: 0;
}

.alignControlActiveDark-r4u0c_ {
  background-color: #ffffff14;
}

.alignControlActiveLight-zXobuj {
  background-color: #00000014;
}

.textStyleControls-EDHZ_l {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.textStyleButton-PV9RoA {
  display: -ms-flexbox;
  display: flex;
  color: #7a7880;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 26px;
  height: 22px;
  padding: 0;
  background: #f6f6fc !important;
  border: 0 !important;
}

.textStyleButtonActive-Wn3iUF {
  color: #101013;
  background: #ebebf5 !important;
}

.lineItem-vxkRc_ .textStyleControls-EDHZ_l .textStyleButton-PV9RoA:active, .lineItem-vxkRc_ .textStyleControls-EDHZ_l .textStyleButton-PV9RoA:hover {
  background: #f6f6fc !important;
  border: 0 !important;
}

.lineItem-vxkRc_ .textStyleControls-EDHZ_l .textStyleButton-PV9RoA.textStyleButtonActive-Wn3iUF, .lineItem-vxkRc_ .textStyleControls-EDHZ_l .textStyleButton-PV9RoA.textStyleButtonActive-Wn3iUF:active, .lineItem-vxkRc_ .textStyleControls-EDHZ_l .textStyleButton-PV9RoA.textStyleButtonActive-Wn3iUF:hover {
  background: #ebebf5 !important;
  border: 0 !important;
}

.textStyleControlsDark-zjqLAr .textStyleButton-PV9RoA {
  color: #fafafa;
  background: #343337 !important;
}

.textStyleControlsDark-zjqLAr .textStyleButtonActive-Wn3iUF {
  background: #212327 !important;
}

.textStyleControlsDark-zjqLAr.textStyleControls-EDHZ_l .textStyleButton-PV9RoA:active, .textStyleControlsDark-zjqLAr.textStyleControls-EDHZ_l .textStyleButton-PV9RoA:hover {
  background: #343337 !important;
}

.textStyleControlsDark-zjqLAr.textStyleControls-EDHZ_l .textStyleButton-PV9RoA.textStyleButtonActive-Wn3iUF, .textStyleControlsDark-zjqLAr.textStyleControls-EDHZ_l .textStyleButton-PV9RoA.textStyleButtonActive-Wn3iUF:active, .textStyleControlsDark-zjqLAr.textStyleControls-EDHZ_l .textStyleButton-PV9RoA.textStyleButtonActive-Wn3iUF:hover {
  background: #212327 !important;
}

.textStyleIcon-vqL5HB {
  display: block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  flex-shrink: 0;
}

.textStyleIconBold-FyYnbI {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjcyMyIgaGVpZ2h0PSIxMC44MzQiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDcuNzIzIDEwLjgzNCI+PHBhdGggZmlsbD0iIzdhNzg4MCIgZD0iTTMuODYxIDBhMy4wODMgMy4wODMgMCAwIDEgMy4wODMgMy4wODNjMCAuNzY4LS4yODMgMS40NjktLjc0OCAyLjAwOUEzLjA4IDMuMDggMCAwIDEgNy43MjMgNy43NWEzLjA4NSAzLjA4NSAwIDAgMS0zLjA4NCAzLjA4NEgwVjB6TTEuNSA5LjMzNGgzLjEzOWExLjU4NSAxLjU4NSAwIDAgMCAwLTMuMTY3SDEuNXptMC00LjY2N2gyLjM2MWExLjU4NCAxLjU4NCAwIDAgMCAwLTMuMTY3SDEuNXoiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjcyMyIgaGVpZ2h0PSIxMC44MzQiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDcuNzIzIDEwLjgzNCI+PHBhdGggZmlsbD0iIzdhNzg4MCIgZD0iTTMuODYxIDBhMy4wODMgMy4wODMgMCAwIDEgMy4wODMgMy4wODNjMCAuNzY4LS4yODMgMS40NjktLjc0OCAyLjAwOUEzLjA4IDMuMDggMCAwIDEgNy43MjMgNy43NWEzLjA4NSAzLjA4NSAwIDAgMS0zLjA4NCAzLjA4NEgwVjB6TTEuNSA5LjMzNGgzLjEzOWExLjU4NSAxLjU4NSAwIDAgMCAwLTMuMTY3SDEuNXptMC00LjY2N2gyLjM2MWExLjU4NCAxLjU4NCAwIDAgMCAwLTMuMTY3SDEuNXoiLz48L3N2Zz4=");
  width: 7.72px;
  height: 10.83px;
}

.textStyleIconUnderline-pvvdyb {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ljg1OCIgaGVpZ2h0PSIxMC4zODUiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDcuODU4IDEwLjM4NSI+PHBhdGggZmlsbD0iIzdhNzg4MCIgZD0iTTcuODU4IDEwLjM4NUgwdi0xLjVoNy44NTh6TTEuNjIzIDRhMi4yNSAyLjI1IDAgMCAwIDQuNSAwVjBoMS41djRhMy43NSAzLjc1IDAgMCAxLTcuNSAwVjBoMS41eiIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ljg1OCIgaGVpZ2h0PSIxMC4zODUiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDcuODU4IDEwLjM4NSI+PHBhdGggZmlsbD0iIzdhNzg4MCIgZD0iTTcuODU4IDEwLjM4NUgwdi0xLjVoNy44NTh6TTEuNjIzIDRhMi4yNSAyLjI1IDAgMCAwIDQuNSAwVjBoMS41djRhMy43NSAzLjc1IDAgMCAxLTcuNSAwVjBoMS41eiIvPjwvc3ZnPg==");
  width: 7.86px;
  height: 10.38px;
}

.textStyleIconItalic-RWtbjw {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjIyMiIgaGVpZ2h0PSIxMC44MzMiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDYuMjIyIDEwLjgzMyI+PHBhdGggZmlsbD0iIzEwMTAxMyIgZD0iTTYuMjIyIDEuNUg0LjUyM0wzLjIyIDkuMzMzaDIuMjI1djEuNUgwdi0xLjVoMS42OTdMMy4wMDMgMS41SC43NzdWMGg1LjQ0NXoiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjIyMiIgaGVpZ2h0PSIxMC44MzMiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDYuMjIyIDEwLjgzMyI+PHBhdGggZmlsbD0iIzEwMTAxMyIgZD0iTTYuMjIyIDEuNUg0LjUyM0wzLjIyIDkuMzMzaDIuMjI1djEuNUgwdi0xLjVoMS42OTdMMy4wMDMgMS41SC43NzdWMGg1LjQ0NXoiLz48L3N2Zz4=");
  width: 6.22px;
  height: 10.83px;
}

.alignControls-gBCs_k {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.alignButton-jzG8Sw {
  display: -ms-flexbox;
  display: flex;
  color: #7a7880;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 26px;
  height: 22px;
  padding: 0;
  background: #f6f6fc !important;
  border: 0 !important;
}

.alignButtonActive-aN2Zt5 {
  color: #383740;
  background: #ebebf5 !important;
}

.lineItem-vxkRc_ .alignControls-gBCs_k .alignButton-jzG8Sw:active, .lineItem-vxkRc_ .alignControls-gBCs_k .alignButton-jzG8Sw:hover {
  background: #f6f6fc !important;
  border: 0 !important;
}

.lineItem-vxkRc_ .alignControls-gBCs_k .alignButton-jzG8Sw.alignButtonActive-aN2Zt5, .lineItem-vxkRc_ .alignControls-gBCs_k .alignButton-jzG8Sw.alignButtonActive-aN2Zt5:active, .lineItem-vxkRc_ .alignControls-gBCs_k .alignButton-jzG8Sw.alignButtonActive-aN2Zt5:hover {
  background: #ebebf5 !important;
  border: 0 !important;
}

.alignControlsDark-kmHH4R .alignButton-jzG8Sw {
  color: #505057;
  background: #343337 !important;
}

.alignControlsDark-kmHH4R .alignButtonActive-aN2Zt5 {
  color: #fafafa;
  background: #212327 !important;
}

.alignControlsDark-kmHH4R.alignControls-gBCs_k .alignButton-jzG8Sw:active, .alignControlsDark-kmHH4R.alignControls-gBCs_k .alignButton-jzG8Sw:hover {
  background: #343337 !important;
}

.alignControlsDark-kmHH4R.alignControls-gBCs_k .alignButton-jzG8Sw.alignButtonActive-aN2Zt5, .alignControlsDark-kmHH4R.alignControls-gBCs_k .alignButton-jzG8Sw.alignButtonActive-aN2Zt5:active, .alignControlsDark-kmHH4R.alignControls-gBCs_k .alignButton-jzG8Sw.alignButtonActive-aN2Zt5:hover {
  background: #212327 !important;
}

.alignIcon-HH3_9q {
  display: block;
  overflow: hidden;
  position: relative;
  width: 14px;
  height: 14px;
}

.alignIconLine-DuKMy8 {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  background-color: currentColor;
  height: 1.3px;
  left: 1px;
}

.alignIconLineLong-hHqKEY {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxLjMiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDEyIDEuMyI+PHBhdGggc3Ryb2tlPSIjZmFmYWZhIiBzdHJva2Utd2lkdGg9IjEuMyIgZD0iTTAgLjY1aDEyIi8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxLjMiIGZpbGw9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iZGlzcGxheTpibG9jayIgdmlld0JveD0iMCAwIDEyIDEuMyI+PHBhdGggc3Ryb2tlPSIjZmFmYWZhIiBzdHJva2Utd2lkdGg9IjEuMyIgZD0iTTAgLjY1aDEyIi8+PC9zdmc+");
  width: 12px;
}

.alignIconLineShort-h_DJSI {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEuMyIgZmlsbD0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHN0eWxlPSJkaXNwbGF5OmJsb2NrIiB2aWV3Qm94PSIwIDAgOSAxLjMiPjxwYXRoIHN0cm9rZT0iI2ZhZmFmYSIgc3Ryb2tlLXdpZHRoPSIxLjMiIGQ9Ik0wIC42NWg5Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEuMyIgZmlsbD0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHN0eWxlPSJkaXNwbGF5OmJsb2NrIiB2aWV3Qm94PSIwIDAgOSAxLjMiPjxwYXRoIHN0cm9rZT0iI2ZhZmFmYSIgc3Ryb2tlLXdpZHRoPSIxLjMiIGQ9Ik0wIC42NWg5Ii8+PC9zdmc+");
  width: 9px;
}

.alignIconLine1-a34mz4 {
  top: 1.1px;
}

.alignIconLine2-_nvzV0 {
  top: 4.6px;
}

.alignIconLine3-Az1S82 {
  top: 8.1px;
}

.alignIconLine4-sPWfLl {
  top: 11.6px;
}

.alignIconHorizontalCenter-E3ERE5 .alignIconLineShort-h_DJSI, .alignIconVerticalCenter-IbRX9Q .alignIconLineShort-h_DJSI {
  left: 2.5px;
}

.alignIconHorizontalRight-vB89tD .alignIconLineShort-h_DJSI, .alignIconVerticalBottom-rz9L5C .alignIconLineShort-h_DJSI {
  left: 4px;
}

.alignIconVerticalBottom-rz9L5C, .alignIconVerticalTop-D9hIM5 {
  transform: rotate(90deg);
}

.colorControls-x5JmZ5 {
  gap: 16px;
}

.colorControl-z4lsvP, .colorControls-x5JmZ5 {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.colorControl-z4lsvP {
  gap: 6px;
  font-size: 12px;
}

[data-theme="dark"] .basicPanel-QK84h0, [data-theme="dark"] .dimensionAxisLabel-x35GMa, [data-theme="dark"] .lineItem-vxkRc_ .label-L5qMSr, [data-theme="dark"] .toggleColorFieldLabel-fCM_GG, [data-theme="dark"] .toggleColorTitle-Sw4IZ_ > .label-L5qMSr {
  color: #ffffffe6;
}

[data-theme="dark"] .textArea-VrF8uQ {
  color: #ffffffe6;
  background: #2a2c2f;
  border-color: #4a4b50 !important;
}

[data-theme="dark"] .textArea-VrF8uQ::-webkit-input-placeholder {
  color: #ffffff59;
}

[data-theme="dark"] .textArea-VrF8uQ::placeholder {
  color: #ffffff59;
}

[data-theme="dark"] .textArea-VrF8uQ:-ms-input-placeholder {
  color: #ffffff59;
}

[data-theme="dark"] .textArea-VrF8uQ::placeholder {
  color: #ffffff59;
}

[data-theme="dark"] .fontSelect-vt8R4M .arco-select-view, [data-theme="dark"] .wordArtSelect-tM_rrP .arco-select-view {
  color: #ffffffe6;
  background: #2a2c2f;
  border-color: #4a4b50;
}

[data-theme="dark"] .basicPanel-QK84h0 .veveditor-vod-input-number {
  color: #ffffffe6;
  background: none;
}

.item-hD8iBK {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  min-width: 0;
}

.item-hD8iBK .poster-eTd7hg {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  width: 120px;
  height: 80px;
}

.item-hD8iBK .poster-eTd7hg.noAnim-EEiZoP {
  background-size: 44px 44px;
}

.item-hD8iBK.active-5IFjEQ .poster-eTd7hg {
  border: 2px solid #3d89ff;
}

.item-hD8iBK .name-M4TSgW {
  color: var(--ve-editor-fg, #fff);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
}

.animation-lA1yYN {
  color: var(--ve-editor-fg, #fff);
}

.animation-lA1yYN, .animation-lA1yYN .wrap-ab4Dwr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
}

.animation-lA1yYN .wrap-ab4Dwr {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
}

.animation-lA1yYN .wrap-ab4Dwr .panelType-AmstMI {
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  min-height: 32px;
  padding-right: 0;
}

.animation-lA1yYN .wrap-ab4Dwr .panelType-AmstMI .panelTypeTabs-uivg_o {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  min-width: 0;
}

.animation-lA1yYN .wrap-ab4Dwr .panelType-AmstMI .type-QXQXpi {
  color: var(--ve-editor-fg, #86909c);
  cursor: pointer;
  margin-right: 30px;
}

.animation-lA1yYN .wrap-ab4Dwr .panelType-AmstMI .type-QXQXpi:last-child {
  margin-right: 0;
}

.animation-lA1yYN .wrap-ab4Dwr .panelType-AmstMI .type-QXQXpi.active-iJ70dw {
  color: #3370ff;
}

.animation-lA1yYN .wrap-ab4Dwr .panelType-AmstMI .closeIcon-V5Xxbq {
  cursor: pointer;
  flex-shrink: 0;
}

.animation-lA1yYN .wrap-ab4Dwr .content-sXGws3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-width: none;
  flex: 1;
  align-content:  start;
  gap: 12px;
  width: 100%;
  min-height: 0;
  padding: 12px 0 48px;
}

.animation-lA1yYN .wrap-ab4Dwr .content-sXGws3::-webkit-scrollbar {
  display: none;
}

.animation-lA1yYN .wrap-ab4Dwr .duration-hfIzDm {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 2;
  background-color: #222;
  background-color: var(--ve-layout-content-bg, #222);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: space-between;
  align-items:  center;
  height: 40px;
  padding: 0 8px 0 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.animation-lA1yYN .wrap-ab4Dwr .duration-hfIzDm .name-mIXu2W {
  color: var(--ve-editor-fg, #949aa4);
  flex-shrink: 0;
  margin-right: 10px;
}

.contentArea-wLoZEv {
  padding: 20px 12px 12px;
}

.lineItem-m1XtYX {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  margin-bottom: 20px;
}

.lineItem-m1XtYX .label-Iw3MQj {
  flex-shrink: 0;
  width: 48px;
  margin-right: 24px;
  font-size: 12px;
}

.resetArea-mkf2fx {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
}

.resetButton-EvhTL0 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: center;
  align-items:  center;
  width: 80px;
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 400;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

[data-theme="dark"] .lineItem-m1XtYX .label-Iw3MQj {
  color: #ffffffb3;
}

.item-WwqJqx {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  min-width: 0;
}

.item-WwqJqx .poster-Hicr8H {
  aspect-ratio: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  width: 100%;
}

.item-WwqJqx .poster-Hicr8H.noAnim-mSkMnp {
  background-size: 44px 44px;
}

.item-WwqJqx.active-xHeSXB .poster-Hicr8H, .item-WwqJqx:hover .poster-Hicr8H {
  border: 1px solid #3d89ff;
}

.item-WwqJqx .name-KiCj4I {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
}

.animation-SnZdsm {
  color: #fff;
  height: 100%;
}

.animation-SnZdsm .wrap-C4Pxb_ {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.animation-SnZdsm .wrap-C4Pxb_ .panelType-qJ_2sz {
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  padding: 0 20px;
}

.animation-SnZdsm .wrap-C4Pxb_ .panelType-qJ_2sz .type-Vp6KNC {
  color: #86909c;
  cursor: pointer;
  margin-right: 30px;
}

.animation-SnZdsm .wrap-C4Pxb_ .panelType-qJ_2sz .type-Vp6KNC.active-bJg6J9 {
  color: #3370ff;
}

.animation-SnZdsm .wrap-C4Pxb_ .content-Fh__1b {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  align-content:  start;
  gap: 10px;
  width: 100%;
  margin-bottom: 40px;
  padding: 20px;
}

.animation-SnZdsm .wrap-C4Pxb_ .content-Fh__1b::-webkit-scrollbar {
  background: inherit;
  width: 4px;
  height: 4px;
}

.animation-SnZdsm .wrap-C4Pxb_ .content-Fh__1b::-webkit-scrollbar-corner {
  background: inherit;
}

.animation-SnZdsm .wrap-C4Pxb_ .content-Fh__1b::-webkit-scrollbar-thumb {
  background-color: #ffffff14;
  border-radius: 24px;
}

.animation-SnZdsm .wrap-C4Pxb_ .duration-v8teGb {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #222;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  bottom: 0;
}

.animation-SnZdsm .wrap-C4Pxb_ .duration-v8teGb .name-SdFAgJ {
  color: var(--ve-editor-fg, #949aa4);
  flex-shrink: 0;
  margin-right: 10px;
}

.panel-vjjmnY, .panelContent-n2h1Mz {
  height: 100%;
  min-height: 0;
}

.panelContentHidden-7iVjv7 {
  display: none;
}

.styled-tabs-vjqV7h .veveditor-vod-tabs-content {
  padding: 12px 0 0 !important;
}

.styled-tabs-vjqV7h .veveditor-vod-tabs-header-ink {
  background-color: #fff;
}

.properties-qID_v5 {
  height: 100%;
  min-height: 0;
}

.properties-qID_v5 .property-jJiENw {
  background-color: #101013;
  background-color: var(--ve-layout-content-bg, #101013);
  color: var(--ve-editor-fg, #949aa4);
  height: 100%;
}

.properties-qID_v5 .property-jJiENw input {
  text-align: center;
}

.properties-qID_v5 .property-jJiENw .ve-property-reset-all {
  color: #fff !important;
  background: #101013 !important;
  border: 1px solid #101013 !important;
  border-radius: 8px !important;
}

.properties-qID_v5 .property-jJiENw .ve-property-reset-all:active, .properties-qID_v5 .property-jJiENw .ve-property-reset-all:hover {
  color: #fff !important;
  background: #2e2e32 !important;
  border-color: #2e2e32 !important;
}

.properties-qID_v5 .property-jJiENw .ve-property-reset-all .arco-icon, .properties-qID_v5 .property-jJiENw .ve-property-reset-all svg {
  color: #fff !important;
}

[data-theme="dark"] .properties-qID_v5 .property-jJiENw .ve-property-reset-all {
  color: #101013 !important;
  background: #f2f3f5 !important;
  border: 1px solid #f2f3f5 !important;
}

[data-theme="dark"] .properties-qID_v5 .property-jJiENw .ve-property-reset-all:active, [data-theme="dark"] .properties-qID_v5 .property-jJiENw .ve-property-reset-all:hover {
  color: #101013 !important;
  background: #e5e6eb !important;
  border-color: #e5e6eb !important;
}

[data-theme="dark"] .properties-qID_v5 .property-jJiENw .ve-property-reset-all .arco-icon, [data-theme="dark"] .properties-qID_v5 .property-jJiENw .ve-property-reset-all svg {
  color: #101013 !important;
}

.panelRoundedTabs {
  overflow: hidden;
}

.panelRoundedTabs, .panelRoundedTabs .veveditor-vod-tabs {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.panelRoundedTabs .veveditor-vod-tabs-header-nav {
  flex-shrink: 0;
  padding: 0 16px 0 0;
  background: none !important;
}

.panelRoundedTabs .veveditor-vod-tabs-header-nav:before {
  display: none;
}

.panelRoundedTabs .veveditor-vod-tabs-header-ink {
  display: none !important;
}

.panelRoundedTabs .veveditor-vod-tabs-content {
  overflow: hidden;
  flex: 1;
  min-height: 0;
  padding: 12px 0 0 !important;
}

.panelRoundedTabs .veveditor-vod-tabs-content-inner, .panelRoundedTabs .veveditor-vod-tabs-pane {
  height: 100%;
}

.pageLoading-Isa9nK {
  color: #42464e;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  background: #fff;
  border-radius: 0 16px 16px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pageLoading-Isa9nK .content-tSDJQN {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 320px;
  top: calc(50% + .5px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.pageLoading-Isa9nK .icon-UwJ5nb {
  -webkit-animation: 1s linear infinite project-loading-spin-n3O_OF;
  animation: 1s linear infinite project-loading-spin-n3O_OF;
  display: block;
  width: 40px;
  height: 40px;
  margin: 12px 40px;
}

.pageLoading-Isa9nK .hint-DgUvyE {
  letter-spacing: .3px;
  text-align: center;
  white-space: nowrap;
  font-family: PingFang SC, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@-webkit-keyframes project-loading-spin-n3O_OF {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes project-loading-spin-n3O_OF {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.canvasLoading-MCZ99L {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

[data-theme="dark"] .pageLoading-Isa9nK {
  color: #ffffffe6;
  background: #101013;
}

[data-theme="dark"] .pageLoading-Isa9nK .icon-UwJ5nb {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.preview-xhUNe6 {
  display: -ms-flexbox;
  display: flex;
  background-color: #0000;
  background-color: var(--ve-preview-panel-bg, transparent);
  flex: 1;
  justify-content: center;
  align-items:  center;
  min-height: 0;
  margin: 0 12px;
}

.preview-xhUNe6, .preview-xhUNe6 .previewArea-gkVFTl {
  overflow: hidden;
  position: relative;
}

.preview-xhUNe6 .canvasContainer-kbI0D5 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.preview-xhUNe6 .overlayContainer-ok5KQb {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.preview-xhUNe6 .overlayContainer-ok5KQb > * {
  pointer-events: auto;
}

.preview-xhUNe6 .readonlyBlocker-ZJWN4M {
  pointer-events: auto;
  z-index: 0;
  background: none;
}

.preview-xhUNe6 .mask-HeKCxC, .preview-xhUNe6 .readonlyBlocker-ZJWN4M {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.operations-eXbWCr {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #1c1e1f;
  background-color: var(--ve-video-operation-bar-bg, #1c1e1f);
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  height: 44px;
  padding: 0 12px;
}

.operations-eXbWCr .sliderWrapper-PQFQtC {
  position: absolute;
  width: 768px;
  padding: 0 16px;
  line-height: 0;
  top: -4px;
  left: 0;
}

.operations-eXbWCr .sliderWrapperNativeFullscreen-iDB3kV, .operations-eXbWCr .sliderWrapperPreview-QWeu3e, .operations-eXbWCr .sliderWrapperSimpleMode-J5yped {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.operations-eXbWCr .center-gS25Ni, .operations-eXbWCr .left-r3hTmR, .operations-eXbWCr .right-JEcD17 {
  color: var(--ve-preview-control-icon, #fff);
  margin: 0 5px;
}

.operations-eXbWCr .left-r3hTmR {
  display: -ms-flexbox;
  display: flex;
  color: var(--ve-preview-time-duration, #ffffff61);
  align-items:  center;
  width: 300px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.operations-eXbWCr .left-r3hTmR .currentTime-QcoNos {
  color: var(--ve-preview-time-current, #ffffffde);
  text-align: right;
}

.operations-eXbWCr .left-r3hTmR .currentTime-QcoNos, .operations-eXbWCr .left-r3hTmR .duration-NE4zB9 {
  display: inline-block;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex: none;
}

.operations-eXbWCr .left-r3hTmR .timeDigit-eMtMmL, .operations-eXbWCr .left-r3hTmR .timeSeparator-LNFwRs {
  display: inline-block;
  text-align: center;
}

.operations-eXbWCr .left-r3hTmR .timeDigit-eMtMmL {
  width: .62em;
}

.operations-eXbWCr .left-r3hTmR .timeSeparator-LNFwRs {
  width: .36em;
}

.operations-eXbWCr .right-JEcD17 {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  width: 300px;
}

.operations-eXbWCr .center-gS25Ni, .operations-eXbWCr .controlButton-Hn4uoT {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--ve-preview-control-icon, #fff);
  justify-content: center;
  align-items:  center;
}

.operations-eXbWCr .controlButton-Hn4uoT {
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
}

.operations-eXbWCr .controlIcon-jUQa_1 {
  display: block;
  color: var(--ve-preview-control-icon, #fff);
  cursor: pointer;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.operations-eXbWCr .fullscreenButton-Afy4bt {
  width: 24px;
  height: 24px;
}

.operations-eXbWCr .fullscreenIcon-Pb87i2 {
  width: 14px;
  height: 14px;
}

.operations-eXbWCr .customItem-qDbQkf {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--ve-preview-control-icon, #ffffffde);
  justify-content: center;
  align-items:  center;
  min-width: 24px;
  height: 24px;
}

.operations-eXbWCr .submenu-xfexsN {
  background: #373739;
  background: var(--ve-surface-selected, #373739);
  border: 1px solid #ffffff1f;
  border: 1px solid var(--ve-border-color-1, #ffffff1f);
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  min-width: 120px;
  padding: 6px 0;
  top: -8px;
  right: 0;
  box-shadow: 0 6px 12px #0000004d;
}

.operations-eXbWCr .submenuItem-vBu0Bn {
  color: inherit;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  align-items:  center;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
}

.operations-eXbWCr .submenuItem-vBu0Bn:hover {
  background: #ffffff14;
}

.operations-eXbWCr .submenuItemDisabled-JC58il {
  cursor: not-allowed;
  opacity: .5;
}

.operations-eXbWCr .ratio-LBEGq8 {
  display: -ms-flexbox;
  display: flex;
  color: var(--ve-preview-time-duration, #fff9);
  background: #ffffff14;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  height: 24px;
  margin-right: 16px;
  padding: 0 8px;
}

.operations-eXbWCr .ratio-LBEGq8 .ratioBox-oDAWDc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid;
  margin-right: 4px;
}

.operations-eXbWCr .ratioSwitch-Xc_9vm {
  color: var(--ve-preview-time-duration, #fff9);
  cursor: pointer;
  justify-content: center;
  height: 24px;
  font-size: 11px;
  font-weight: 600;
  line-height: 24px;
}

.operations-eXbWCr .ratioSwitch-Xc_9vm, .operations-eXbWCr .zoom-PjsF71 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
}

.operations-eXbWCr .zoom-PjsF71 {
  color: var(--ve-preview-control-icon, #fff);
  height: 28px;
}

.operations-eXbWCr .zoom-PjsF71 .controlButton-Hn4uoT {
  margin-left: 16px;
}

.operations-eXbWCr .zoom-PjsF71 .exitFullscreen-Pg3Ng0 {
  color: var(--ve-preview-time-current, #ffffffde);
  cursor: pointer;
  margin-left: 16px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

[data-theme="light"] .operations-eXbWCr .veveditor-vod-slider.theme-1-white .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper .veveditor-vod-slider-dot {
  background-color: #10101347;
}

.canvasEditor-RLun3h {
  background-color: #0000;
  background-color: var(--ve-preview-panel-bg, transparent);
  display: -ms-flexbox;
  display: flex;
  z-index: 111;
  flex-direction: column;
  height: 100%;
}

.canvasEditor-RLun3h.preview-xzwFn_ {
  background-color: #2e3033;
  background-color: var(--ve-preview-panel-bg, #2e3033);
  pointer-events: auto;
  width: 960px;
  height: 600px;
}

.mask-_p0Pc8 {
  pointer-events: auto;
  position: absolute;
  z-index: 101;
  background: #0000008a;
  width: 100vw;
  height: calc(100vh - 48px);
  top: 48px;
}

.toolsBar-NbkSYr {
  background-color: #0000;
  background-color: var(--ve-toolbar-bg, transparent);
  border-bottom: 1px solid #ffffff1f;
  border-bottom: 1px solid var(--ve-toolbar-border, #ffffff1f);
  border-top: 1px solid #ffffff1f;
  border-top: 1px solid var(--ve-toolbar-border, #ffffff1f);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: space-between;
  height: 36px;
}

.toolsBar-NbkSYr, .toolsBar-NbkSYr .left-DP9tfU, .toolsBar-NbkSYr .right-gu8i18 {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.toolsBar-NbkSYr .right-gu8i18 {
  margin-right: 12px;
}

.toolsBar-NbkSYr .scaleControl-ARoCjz {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  gap: 6px;
}

.toolsBar-NbkSYr .scaleButton-IgG5A_ {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  flex: 0 0 20px;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
}

.toolsBar-NbkSYr .timelineScaleSlider-Xohlm2 {
  width: 60px !important;
  margin: 0 !important;
}

.toolsBar-NbkSYr .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-road:not(.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-bar, .toolsBar-NbkSYr .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-road:not(.veveditor-vod-slider-road-vertical):before {
  height: 1px !important;
}

.toolsBar-NbkSYr .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 0 !important;
}

.toolsBar-NbkSYr .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-button:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  transform: scale(1) !important;
}

.toolsBar-NbkSYr .divider-rd1lOL {
  border-left: 1px solid #ffffff1f;
  border-left: 1px solid var(--ve-toolbar-divider, #ffffff1f);
  margin-left: 24px;
  margin-left: var(--ve-toolbar-icon-gap, 24px);
  height: 12px;
  margin-right: 3px;
}

.toolsBar-NbkSYr .iconWrapper-iB9U7K {
  display: -ms-flexbox;
  display: flex;
  margin-left: 24px;
  margin-left: var(--ve-toolbar-icon-gap, 24px);
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
}

.toolsBar-NbkSYr .iconWrapper-iB9U7K > img {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.toolsBar-NbkSYr .customMountWrapper-hXO0vx {
  display: -ms-flexbox;
  display: flex;
  margin-left: 24px;
  margin-left: var(--ve-toolbar-icon-gap, 24px);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: auto;
  min-width: 24px;
  height: 24px;
}

.toolsBar-NbkSYr .active-ZEWa0z {
  cursor: pointer;
}

.toolsBar-NbkSYr .active-ZEWa0z:hover {
  background-color: #ebebf5;
  background-color: var(--ve-toolbar-icon-hover-bg, #ebebf5);
}

.toolsBar-NbkSYr .active-ZEWa0z:active {
  background-color: #dedeea;
  background-color: var(--ve-toolbar-icon-active-bg, #dedeea);
}

[data-theme="light"] .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-road:not(.veveditor-vod-slider-road-vertical):before {
  background-color: #c7c7c7 !important;
}

[data-theme="light"] .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-road:not(.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-bar {
  background-color: #101013 !important;
}

[data-theme="light"] .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-button:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff !important;
  border: 1px solid #383740 !important;
}

[data-theme="dark"] .timelineScaleSlider-Xohlm2 .veveditor-vod-slider-button:after {
  background-color: #fff;
}

.videoBody-Df93tQ {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.videoFilmstrip-zuhx45 {
  border-left: 1px solid #0000;
  border-left: 1px solid var(--ve-video-track-edge, transparent);
  border-right: 1px solid #0000;
  border-right: 1px solid var(--ve-video-track-edge, transparent);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #00000038;
  flex: auto;
  min-height: 0;
}

.vc-track.main-track .videoFilmstrip-zuhx45 {
  flex: 0 0 38px;
  height: 38px;
}

.vc-track:not(.main-track) .videoFilmstrip-zuhx45 {
  flex: 0 0 24px;
  height: 24px;
}

.vc-track.main-track .videoBodyWithoutWaveform-vV__1J .videoFilmstrip-zuhx45, .vc-track:not(.main-track) .videoBodyWithoutWaveform-vV__1J .videoFilmstrip-zuhx45 {
  flex: auto;
  height: auto;
}

.videoContent-xcbPoh {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.videoContent-xcbPoh .thumbnail-FQbET9 {
  flex-shrink: 0;
  height: 100%;
}

.fixedThumbnailCell-XSsVHu {
  overflow: hidden;
  flex: none;
  height: 100%;
}

.fixedThumbnailImage-cq4Gdv {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.videoPosterFallback-LkOhcf {
  background-color: #00000038;
  height: 100%;
}

.imageBody-GeeM4n {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.imageFilmstrip-iBiCBe {
  border-left: 1px solid #0000;
  border-left: 1px solid var(--ve-video-track-edge, transparent);
  border-right: 1px solid #0000;
  border-right: 1px solid var(--ve-video-track-edge, transparent);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #00000038;
  flex: auto;
  min-height: 0;
}

.vc-track.main-track .imageFilmstrip-iBiCBe {
  flex: 0 0 38px;
  height: 38px;
}

.vc-track:not(.main-track) .imageFilmstrip-iBiCBe {
  flex: 0 0 24px;
  height: 24px;
}

.vc-track.main-track .imageBodyWithoutFooter-KelsKT .imageFilmstrip-iBiCBe, .vc-track:not(.main-track) .imageBodyWithoutFooter-KelsKT .imageFilmstrip-iBiCBe {
  flex: auto;
  height: auto;
}

.imageFooter-Esn_JZ, .videoWave-fXqZ2B {
  background-color: #00000024;
  background-color: var(--ve-video-track-wave-bg, #00000024);
  border-top: 1px solid #fff3;
  border-top: 1px solid var(--ve-video-track-wave-border, #fff3);
  flex: 0 0 16px;
  height: 16px;
}

.videoWave-fXqZ2B {
  overflow: hidden;
  position: relative;
}

.videoWaveCanvas-nPxyRJ {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.popover-QPq1Av {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #949aa4;
  background: #292929;
  border: 1px solid #ffffff14;
  width: 262px;
  height: 108px;
  padding: 20px;
  box-shadow: 0 0 8px #0000004d;
}

.popover-QPq1Av input {
  text-align: center;
}

.popover-QPq1Av .row-XnM2zZ {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf {
  cursor: pointer;
  display: inherit;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf path {
  fill: #e3e3e380;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf path[stroke] {
  stroke: #e3e3e380;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf:hover path {
  fill: #80b2ff;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf:hover path[stroke] {
  stroke: #80b2ff;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf:active path {
  fill: #3d89ff;
}

.popover-QPq1Av .row-XnM2zZ .del-c32Qaf:active path[stroke] {
  stroke: #3d89ff;
}

.popover-QPq1Av .row-XnM2zZ:last-child {
  margin-top: 8px;
}

.popover-QPq1Av .veveditor-vod-input-number.theme-1 .veveditor-vod-input-number-input, .popover-QPq1Av .veveditor-vod-input-number.theme-1 .veveditor-vod-input-number-step-btn, .popover-QPq1Av .veveditor-vod-select.theme-1 .veveditor-vod-select-view, .popover-QPq1Av .veveditor-vod-select.theme-1 .veveditor-vod-select-view:focus, .popover-QPq1Av .veveditor-vod-select.theme-1:focus .veveditor-vod-select-view, .popover-QPq1Av .veveditor-vod-select.theme-1:focus .veveditor-vod-select-view:focus {
  background-color: #3a3a3a;
}

.popoverLight-Hn9OnZ {
  color: #1d2129;
  background: #fff;
  border: 1px solid #e5e6eb;
  box-shadow: 0 4px 16px #00000014;
}

.popoverLight-Hn9OnZ .row-XnM2zZ .del-c32Qaf path {
  fill: #4e5969;
}

.popoverLight-Hn9OnZ .row-XnM2zZ .del-c32Qaf path[stroke] {
  stroke: #4e5969;
}

.popoverLight-Hn9OnZ .row-XnM2zZ .del-c32Qaf:hover path {
  fill: #1d2129;
}

.popoverLight-Hn9OnZ .row-XnM2zZ .del-c32Qaf:hover path[stroke] {
  stroke: #1d2129;
}

.popoverLight-Hn9OnZ .row-XnM2zZ .del-c32Qaf:active path {
  fill: #0f1115;
}

.popoverLight-Hn9OnZ .row-XnM2zZ .del-c32Qaf:active path[stroke] {
  stroke: #0f1115;
}

.vc-container {
  --ve-track-row-bg: #2a2a2b;
  --ve-video-track-edge: #014a51;
  --ve-video-track-wave-bg: #014a51;
  --ve-video-track-wave-border: transparent;
  overflow: hidden;
  position: relative;
  flex: 1;
  min-width: 0;
  height: 100%;
}

.vc-tracker-container {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}

.vc-tracker-layout {
  --tracker-scroll-top: 0px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.vc-tracker-sidebar {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: none;
  width: 48px;
}

.vc-tracker-sidebar, .vc-tracker-sidebar-header {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
}

.vc-tracker-sidebar-header {
  flex: none;
  height: 24px;
}

.vc-tracker-sidebar-body {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  flex: 1;
  padding-bottom: 6px;
}

.vc-tracker-sidebar-body-inner {
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(calc(var(--tracker-scroll-top) * -1));
  transform: translateY(calc(var(--tracker-scroll-top) * -1));
  will-change: transform;
  flex-grow: 1;
  align-items:  center;
  min-height: 100%;
}

.vc-tracker-left-mask {
  pointer-events: none;
  position: absolute;
  z-index: 15;
  width: 24px;
  top: 24px;
  bottom: 6px;
  left: 48px;
}

.vc-tracker-left-mask, .vc-tracker-scroll-area {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
}

.vc-tracker-scroll-area {
  border-top: 1px solid #36383d;
  border-top: 1px solid var(--ve-ruler-color, #36383d);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  overscroll-behavior-x: none;
  position: relative;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
}

.vc-tracker-scroll-area::-webkit-scrollbar {
  background: inherit;
  width: 6px;
  height: 6px;
}

.vc-tracker-scroll-area::-webkit-scrollbar-corner {
  background: inherit;
}

.vc-tracker-scroll-area::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
  border-radius: 24px;
}

.vc-empty-area {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
  min-width: 100%;
  height: 100%;
}

.vc-empty-area, .vc-empty-area .vc-empty-track {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  width: 100%;
}

.vc-empty-area .vc-empty-track {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background: #2f2f2f;
  border: 1px dashed #ffffff29;
  border-radius: 4px;
  gap: 8px;
  height: 72px;
  padding: 0 14px;
  font-family: PingFang SC, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.vc-empty-area .vc-empty-track .vc-empty-track-icon {
  display: block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
}

.vc-empty-area .vc-empty-track .vc-empty-track-label {
  line-height: 14px;
}

.vc-empty-area .vc-empty-track.hovering {
  border: 1px dashed #00f;
}

.vc-timeline-ruler {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 4;
  flex-shrink: 0;
  height: 12px;
  padding-left: 24px;
  top: 0;
}

.vc-timeline-ruler, .vc-timeline-ruler .vc-ruler-item {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
}

.vc-timeline-ruler .vc-ruler-item {
  background-image: linear-gradient(90deg, #36383d 1px, #0000 0);
  background-image: linear-gradient(to right, var(--ve-ruler-color, #36383d) 1px, transparent 0);
  box-shadow: -1px 0 #36383d;
  -webkit-box-shadow: -1px 0 var(--ve-ruler-color, #36383d);
  box-shadow: -1px 0 var(--ve-ruler-color, #36383d);
  position: relative;
  background-position: -1px top;
  background-repeat: repeat-x;
  background-size: 10% 6px;
  flex: none;
}

.vc-timeline-ruler .vc-ruler-item .vc-ruler-item-indicator {
  color: var(--ve-ruler-label-color, #676767);
  text-align: left;
  margin-top: 6px;
  margin-left: 1px;
  font-size: 10px;
  line-height: 18px;
}

.vc-timeline-ruler.vc-timeline-ruler-frame-mode .vc-ruler-item {
  background-image: none;
}

.vc-timeline-ruler .vc-timeline-ruler-left-mask {
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
  pointer-events: none;
  position: absolute;
  will-change: transform;
  z-index: 15;
  width: 24px;
  height: 100%;
  top: 0;
  left: 0;
}

.vc-timeline-ruler .vc-time-pointer-arrow {
  color: var(--ve-track-pointer, #fff);
  position: absolute;
  z-index: 16;
  width: 10px;
  height: 12px;
  margin-left: 19px;
  top: 0;
  left: 0;
}

.vc-timeline-ruler .vc-time-pointer-arrow .vc-time-pointer-arrow-line {
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(50%);
  background: none;
  width: 1px;
  height: 100%;
  left: 0;
  transform: translate(50%);
}

.vc-timeline-ruler .vc-time-pointer-arrow .vc-time-pointer-handle {
  color: var(--ve-track-pointer, #fff);
  pointer-events: none;
  position: absolute;
  width: 10px;
  height: 14px;
  top: 0;
  left: 0;
}

.vc-timeline-ruler .vc-time-pointer-arrow .vc-time-pointer-handle path {
  stroke: currentColor;
}

.vc-timeline-ruler .vc-time-pointer-arrow:after {
  display: none;
}

.vc-container-light {
  --ve-track-row-bg: #f6f6fc;
  --ve-video-track-edge: #014a51;
  --ve-video-track-wave-bg: #3dc4b5;
  --ve-video-track-wave-border: transparent;
}

.vc-container-light .vc-track-list, .vc-container-light .vc-tracker-container, .vc-container-light .vc-tracker-scroll-area {
  background-color: #fff;
}

.vc-container-light .vc-track {
  background-color: #f6f6fc;
  border-radius: 4px;
}

.vc-container-light .vc-empty-area {
  background-color: #fff;
}

.vc-container-light .vc-empty-area .vc-empty-track {
  color: #383740;
  background: #ebebf5;
  border-color: #d2d1e0;
}

.vc-container-light .vc-track-indicator, .vc-container-light .vc-track-indicator-item, .vc-container-light .vc-tracker-left-mask, .vc-container-light .vc-tracker-sidebar, .vc-container-light .vc-tracker-sidebar-body, .vc-container-light .vc-tracker-sidebar-header {
  background-color: #fff;
}

.vc-container-light .vc-tracker-scroll-area {
  border-top: none;
}

.vc-container-light .vc-timeline-ruler .vc-ruler-item {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: linear-gradient(90deg, #e5e6eb 1.2px, #0000 0);
  background-position: 0 0;
  background-size: 10% 8px;
  border-left: 1.2px solid #757c8f;
}

.vc-container-light .vc-timeline-ruler .vc-ruler-item .vc-ruler-item-indicator {
  margin-top: 2px;
  line-height: 12px;
}

.vc-container-light .vc-timeline-ruler .vc-time-pointer-arrow {
  margin-left: 19.5px;
}

.vc-container-light .vc-track-list .vc-time-pointer-line {
  margin-left: 24.5px;
}

.vc-container-light .vc-material .vc-material-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #3837402e;
}

.vc-container-light .vc-material .vc-material-content .vc-material-meta-pill {
  color: #383740;
  background-color: #fff9;
}

.vc-container-light .vc-material .vc-material-content .vc-material-marker-spinner {
  border-color: #383740 #38374040 #38374040;
}

.vc-container-light .vc-material .vc-material-content.text {
  color: #fff4e8;
  background-color: #ff973e;
  border: 0;
}

.vc-container-light .vc-material .vc-material-content.image {
  background-color: #6bc79f;
}

.vc-container-light .vc-material .vc-material-content.video {
  display: -ms-flexbox;
  display: flex;
  background-color: #3dc4b5;
  border: 0;
  flex-direction: column;
}

.vc-container-light .vc-material .vc-material-content.video .vc-material-meta {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 2px 0 2px 2px;
  top: auto;
  left: auto;
  right: auto;
}

.vc-container-light .vc-material .vc-material-content.video .vc-material-meta-left {
  gap: 4px;
}

.vc-container-light .vc-material .vc-material-content.video .vc-material-meta-pill {
  padding: 0 2px;
  line-height: 14px;
}

.vc-container-light .vc-material .vc-material-content.video > div:not(.vc-material-meta) {
  flex: auto;
  min-height: 0;
  padding: 0;
}

.vc-container-light .vc-material .vc-material-content.image {
  display: -ms-flexbox;
  display: flex;
  background-color: #3dc4b5;
  border: 0;
  flex-direction: column;
}

.vc-container-light .vc-material .vc-material-content.image .vc-material-meta {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 2px 0 2px 2px;
  top: auto;
  left: auto;
  right: auto;
}

.vc-container-light .vc-material .vc-material-content.image .vc-material-meta-left {
  gap: 4px;
}

.vc-container-light .vc-material .vc-material-content.image .vc-material-meta-pill {
  padding: 0 2px;
  line-height: 14px;
}

.vc-container-light .vc-material .vc-material-content.image > div:not(.vc-material-meta) {
  flex: auto;
  min-height: 0;
  padding: 0;
}

.vc-container-light .vc-material .vc-material-content.effect {
  color: #f2edff;
  background-color: #8f79ff;
  border: 0;
}

.vc-container-light .vc-material .vc-material-content.filter {
  color: #f3f8e8;
  background-color: #98b64d;
  border: 0;
}

.vc-container-light .vc-material .vc-material-content.audio {
  display: -ms-flexbox;
  display: flex;
  background-color: #2f79ff;
  border: 0;
  flex-direction: column;
}

.vc-container-light .vc-material .vc-material-content.audio .vc-material-meta {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 2px 0 2px 2px;
  top: auto;
  left: auto;
  right: auto;
}

.vc-container-light .vc-material .vc-material-content.audio .vc-material-meta-left {
  gap: 4px;
}

.vc-container-light .vc-material .vc-material-content.audio .vc-material-meta-pill {
  padding: 0 2px;
  line-height: 14px;
}

.vc-container-light .vc-material .vc-material-content.audio > div:not(.vc-material-meta) {
  flex: auto;
  min-height: 0;
  padding: 0;
}

.vc-container-light .vc-material .vc-material-content.audio .vc-audio-wave {
  color: #3fbeff;
  opacity: 1;
}

.vc-timestamp-strip-overlay {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.vc-timestamp-strip-overlay .vc-timestamp-strip-overlay-inner {
  pointer-events: auto;
}

.vc-timestamp-strip-sticky {
  position: sticky;
  z-index: 3;
  padding-left: 24px;
  top: 12px;
}

.vc-timestamp-strip, .vc-timestamp-strip-sticky {
  background: #181819;
  background: var(--ve-track-bg, #181819);
  flex-shrink: 0;
}

.vc-timestamp-strip {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 12px;
  min-height: 12px;
}

.vc-timestamp-strip .vc-timestamp-strip-content {
  overflow: visible;
  position: relative;
  flex: 1;
  min-width: 0;
  height: 100%;
}

.vc-timestamp-strip .vc-timestamp-strip-node {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transform: translateX(-50%);
  pointer-events: auto;
  white-space: nowrap;
  justify-content: center;
  align-items:  center;
  height: 100%;
  top: 0;
  transform: translate(-50%);
}

.vc-timestamp-strip .vc-timestamp-node-default {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  cursor: default;
  justify-content: center;
  align-items:  center;
}

.vc-timestamp-strip .vc-timestamp-node-default:before {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  background: #c5c6ff;
  width: 13px;
  height: 21px;
  margin-top: -10.5px;
  margin-left: -6.5px;
  transition: opacity .15s;
  top: 50%;
  left: 50%;
}

.vc-timestamp-strip .vc-timestamp-node-default:hover:before {
  opacity: 1;
}

.vc-timestamp-strip .vc-timestamp-node-default .vc-timestamp-node-default-icon {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  display: block;
  background: #625ffab3;
  width: 7px;
  height: 15px;
  font-size: 0;
}

.vc-timestamp-node-default-tooltip-portal {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  pointer-events: none;
  white-space: nowrap;
  background: #404049;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  min-width: 80px;
  max-width: 200px;
  padding: 4px 6px;
  font-size: 12px;
  transform: translate(-50%);
}

.vc-timestamp-node-default-tooltip-portal:after {
  content: "";
  position: absolute;
  border: 5px solid #0000;
  border-top-color: #404049;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -15%);
}

.vc-keyframe-node-default-tooltip-portal {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  pointer-events: none;
  white-space: nowrap;
  background: #404049;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  min-width: 80px;
  max-width: 200px;
  padding: 4px 6px;
  font-size: 12px;
}

.vc-keyframe-node-default-tooltip-portal-arrow {
  position: absolute;
  border: 5px solid #0000;
  border-top-color: #404049;
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -15%);
}

.vc-track-list {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #181819;
  background-color: var(--ve-track-bg, #181819);
  flex-grow: 1;
  align-items:  center;
  padding-top: 0;
  padding-left: 24px;
}

.vc-track-list .vc-track-list-inner {
  isolation: isolate;
  position: relative;
  z-index: 0;
  min-width: 100%;
}

.vc-track-list .vc-keyframe-strip-overlay {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.vc-track-list .vc-keyframe-strip-overlay .vc-keyframe-strip-overlay-inner {
  pointer-events: auto;
}

.vc-track-list .vc-keyframe-strip {
  position: relative;
  height: 12px;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-strip-content {
  overflow: visible;
  position: relative;
  width: 100%;
  height: 100%;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-strip-node {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transform: translateX(-50%);
  pointer-events: auto;
  white-space: nowrap;
  align-items:  center;
  height: 12px;
  top: 0;
  transform: translate(-50%);
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default {
  color: #3dd47c;
  cursor: pointer;
  position: absolute;
  width: 6px;
  height: 14px;
  margin-left: 2px;
  top: 0;
  left: 0;
  transform: translateY(-5px);
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default .vc-keyframe-node-default-hover-border {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 10px;
  height: 18px;
  transition: opacity .15s;
  top: -2px;
  left: -2px;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default .vc-keyframe-node-default-hover-border:before {
  content: "";
  position: absolute;
  background: #daffe9;
  width: 10px;
  height: 12px;
  top: 0;
  left: 0;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default .vc-keyframe-node-default-hover-border:after {
  content: "";
  position: absolute;
  border-top: 10px solid #daffe9;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  width: 0;
  height: 0;
  top: 12px;
  left: 0;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default:hover .vc-keyframe-node-default-hover-border {
  opacity: 1;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default .vc-keyframe-node-default-rect {
  position: absolute;
  z-index: 1;
  background: currentColor;
  width: 6px;
  height: 8px;
  top: 0;
  left: 0;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default .vc-keyframe-node-default-tooltip {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(-50%);
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #404049;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  min-width: 80px;
  max-width: 200px;
  margin-bottom: 7px;
  padding: 4px 6px;
  font-size: 12px;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default .vc-keyframe-node-default-tooltip-arrow {
  content: "";
  position: absolute;
  border: 5px solid #0000;
  border-top-color: #404049;
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -15%);
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #0000;
  border-right: 3px solid;
  width: 0;
  height: 0;
  top: 8px;
  left: 0;
}

.vc-track-list .vc-keyframe-strip .vc-keyframe-node-default:after {
  content: "";
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #0000;
  border-left: 3px solid;
  width: 0;
  height: 0;
  top: 8px;
  left: 3px;
}

.vc-track-list .vc-track {
  display: -ms-flexbox;
  display: flex;
  background-color: #2a2a2b;
  background-color: var(--ve-track-row-bg, #2a2a2b);
  position: relative;
  align-items:  center;
  height: 58px;
  margin: 1px 0;
}

.vc-track-list .vc-track .vc-keyframe-strip-in-track {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 12px;
  top: -5px;
  left: 0;
}

.vc-track-list .vc-track.main-track {
  height: 72px;
}

.vc-track-list .vc-track.compact-track {
  height: 18px;
}

.vc-track-list .vc-track.audio-track {
  height: 46px;
}

.vc-track-list .vc-track .track-boundary-line {
  display: none;
  position: absolute;
  background-color: #ff0;
  width: 100%;
  height: 1px;
  bottom: -5px;
  left: 0;
}

.vc-track-list .vc-track .track-boundary-line.active {
  display: block;
}

.vc-track-list .vc-virtual-recording-segment {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  background: #123059;
  border-radius: 2px;
  min-width: 1px;
  top: 0;
  bottom: 0;
}

.vc-track-list .vc-virtual-recording-wave {
  opacity: 1;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.vc-track-list .vc-time-pointer-line {
  color: var(--ve-track-pointer, #fff);
  pointer-events: auto;
  position: absolute;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform;
  z-index: 30;
  margin-top: -24px;
  margin-left: 24px;
  top: 0;
  bottom: 0;
}

.vc-track-list .vc-time-pointer-line:after {
  background-color: #fff;
  background-color: var(--ve-track-pointer, #fff);
  content: "";
  bottom: 0;
  left: 10px / 2;
  position: absolute;
  -webkit-transform: translateX(-50%);
  border-radius: 999px;
  width: 1.5px;
  top: 14px;
  transform: translate(-50%);
}

.vc-track-list .vc-time-pointer-line .vc-pointer-handler {
  pointer-events: auto;
  position: sticky;
  width: 10px;
  top: 0;
}

.vc-track-indicator {
  display: -ms-flexbox;
  display: flex;
  background: #181819;
  background: var(--ve-track-bg, #181819);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 16;
  align-items:  center;
  width: 100%;
  min-height: 100%;
  font-size: 14px;
}

.vc-track-indicator .vc-track-indicator-list {
  width: 100%;
}

.vc-track-indicator .vc-track-indicator-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 58px;
  margin: 1px 0;
  padding-left: 24px;
}

.vc-track-indicator .vc-track-indicator-item .vc-track-type-icon {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.vc-track-indicator .vc-track-indicator-item.main-track {
  height: 72px;
}

.vc-track-indicator .vc-track-indicator-item.compact-track {
  height: 18px;
}

.vc-track-indicator .vc-track-indicator-item.audio-track {
  height: 46px;
}

.vc-track-indicator.vc-track-indicator-empty {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 100%;
  padding-left: 24px;
}

.vc-material {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  height: 100%;
  top: 0;
}

.vc-material.hovering, .vc-material:hover {
  cursor: pointer;
  z-index: 3;
}

.vc-material.hovering .vc-material-highlight, .vc-material:hover .vc-material-highlight {
  border-color: #101013;
  border-color: var(--ve-track-pointer, #101013);
  display: block;
}

.vc-material .vc-material-content {
  background-color: #ffffff14;
  background-color: var(--ve-material-default-bg, #ffffff14);
  overflow: hidden;
  position: relative;
  text-shadow: 0 1px 1px #0006;
  white-space: nowrap;
  border-radius: 4px;
  height: 100%;
  margin-right: 1px;
  font-size: 12px;
  font-weight: 700;
}

.vc-material .vc-material-content .vc-material-meta {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 3;
  pointer-events: none;
  align-items:  center;
  gap: 4px;
  top: 2px;
  left: 2px;
  right: 2px;
}

.vc-material .vc-material-content .vc-material-meta-left {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  align-items:  center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.vc-material .vc-material-content .vc-material-meta-marker {
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex: none;
  align-items:  center;
  gap: 2px;
}

.vc-material .vc-material-content .vc-material-meta-marker-text {
  white-space: nowrap;
}

.vc-material .vc-material-content .vc-material-marker-spinner {
  display: inline-block;
  -webkit-animation: .8s linear infinite vc-material-marker-spin;
  animation: .8s linear infinite vc-material-marker-spin;
  border: 1.5px solid #ffffff59;
  border-top-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.vc-material .vc-material-content .vc-material-meta-pill {
  color: #fafafa;
  text-shadow: none;
  white-space: nowrap;
  background-color: #fff3;
  border-radius: 2px;
  flex: none;
  padding: 0 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

.vc-material .vc-material-content .vc-material-meta-name {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: none;
  order: -1;
  min-width: 0;
  max-width: 100%;
}

.vc-material .vc-material-content .vc-material-meta-time {
  flex-shrink: 0;
}

.vc-material .vc-material-content.text {
  color: #fafafa;
  background-color: #893c00;
}

.vc-material .vc-material-content.text .vc-material-meta {
  top: 50%;
  left: 3px;
  right: 2px;
  transform: translateY(-50%);
}

.vc-material .vc-material-content.text .vc-material-meta-left {
  gap: 4px;
}

.vc-material .vc-material-content.text .vc-material-meta-pill {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
  padding: 0 2px;
  line-height: 14px;
}

.vc-material .vc-material-content.text > div:not(.vc-material-meta) {
  padding: 0 10px;
}

.vc-material .vc-material-content.sticker {
  color: #f4c854;
  background-color: #524522;
}

.vc-material .vc-material-content.sticker > div:not(.vc-material-meta) {
  padding: 0 10px;
}

.vc-material .vc-material-content.video {
  display: -ms-flexbox;
  display: flex;
  background-color: #08433e;
  flex-direction: column;
}

.vc-material .vc-material-content.video .vc-material-meta {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 2px 0 2px 2px;
  top: auto;
  left: auto;
  right: auto;
}

.vc-material .vc-material-content.video .vc-material-meta-left {
  gap: 4px;
}

.vc-material .vc-material-content.video .vc-material-meta-pill {
  padding: 0 2px;
  line-height: 14px;
}

.vc-material .vc-material-content.video > div:not(.vc-material-meta) {
  flex: auto;
  min-height: 0;
  padding: 0;
}

.vc-material .vc-material-content.effect {
  color: #fafafa;
  background-color: #603d8f;
}

.vc-material .vc-material-content.effect > div:not(.vc-material-meta) {
  padding: 0 10px;
}

.vc-material .vc-material-content.audio {
  display: -ms-flexbox;
  display: flex;
  background-color: #0d215a;
  flex-direction: column;
}

.vc-material .vc-material-content.audio .vc-material-meta {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 2px 0 2px 2px;
  top: auto;
  left: auto;
  right: auto;
}

.vc-material .vc-material-content.audio .vc-material-meta-left {
  gap: 4px;
}

.vc-material .vc-material-content.audio .vc-material-meta-pill {
  padding: 0 2px;
  line-height: 14px;
}

.vc-material .vc-material-content.audio > div:not(.vc-material-meta) {
  flex: auto;
  min-height: 0;
  padding: 0;
}

.vc-material .vc-material-content.audio .vc-audio-content {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.vc-material .vc-material-content.audio .vc-audio-wave {
  color: #0e81b3;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.vc-material .vc-material-content.image {
  display: -ms-flexbox;
  display: flex;
  background-color: #08433e;
  background-size: contain;
  flex-direction: column;
}

.vc-material .vc-material-content.image .vc-material-meta {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 2px 0 2px 2px;
  top: auto;
  left: auto;
  right: auto;
}

.vc-material .vc-material-content.image .vc-material-meta-left {
  gap: 4px;
}

.vc-material .vc-material-content.image .vc-material-meta-pill {
  padding: 0 2px;
  line-height: 14px;
}

.vc-material .vc-material-content.image > div:not(.vc-material-meta) {
  flex: auto;
  min-height: 0;
  padding: 0;
}

.vc-material .vc-material-content.image .vc-image-placeholder {
  width: 100%;
  height: 100%;
}

.vc-material .vc-material-content.filter {
  color: #fafafa;
  background-color: #1c5e35;
}

.vc-material .vc-material-content.filter > div:not(.vc-material-meta) {
  padding: 0 10px;
}

.vc-material .vc-material-highlight {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 3;
  border: 1px solid #0000;
  border-radius: 4px;
  inset: 0;
}

.vc-material.active, .vc-material.selected {
  z-index: 2;
}

.vc-material.active .vc-material-highlight, .vc-material.selected .vc-material-highlight {
  border-color: #101013;
  border-color: var(--ve-track-pointer, #101013);
  display: block;
}

.vc-material.active .vc-material-content.image {
  background-size: contain;
}

.vc-material.active .vc-material-drag-left, .vc-material.active .vc-material-drag-right {
  display: block;
}

.vc-material.active .vc-material-transition {
  display: none;
}

.vc-material .vc-material-drag-left, .vc-material .vc-material-drag-right {
  cursor: col-resize;
  display: none;
  opacity: 0;
  position: absolute;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 4;
  background-color: #0000;
  width: 10px;
  transition: opacity .12s;
  top: 0;
  bottom: 0;
}

.vc-material .vc-material-drag-left:after, .vc-material .vc-material-drag-right:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 1px;
  width: 1px;
  height: 1px;
  top: calc(50% - .5px);
  box-shadow: 0 -4px #fff, 0 -2px #fff, 0 2px #fff, 0 4px #fff;
}

.vc-material .vc-material-drag-left:before, .vc-material .vc-material-drag-right:before {
  background-color: #101013;
  background-color: var(--ve-track-pointer, #101013);
  content: "";
  position: absolute;
  width: 3px;
  top: 0;
  bottom: 0;
}

.vc-material.active .vc-material-drag-left, .vc-material.active .vc-material-drag-right {
  opacity: 1;
}

.vc-material .vc-material-drag-right {
  left: inherit;
  right: 0;
}

.vc-material .vc-material-drag-right:after {
  right: 1px;
}

.vc-material .vc-material-drag-right:before {
  border-radius: 0 4px 4px 0;
  right: 0;
}

.vc-material .vc-material-drag-left {
  left: 0;
}

.vc-material .vc-material-drag-left:before {
  border-radius: 4px 0 0 4px;
  left: 0;
}

.vc-material .vc-material-drag-left:after {
  left: 1px;
}

.vc-material .vc-material-volume-wrap {
  pointer-events: auto;
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.vc-material .vc-material-volume-btn {
  color: #fff;
  cursor: pointer;
  background: #0006;
  border: 1px solid #fff6;
  border-radius: 2px;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.2;
}

.vc-material .vc-material-volume-btn:hover {
  background: #0009;
}

.vc-material .vc-material-volume-popover {
  position: absolute;
  background: #1e1e1efa;
  border-radius: 4px;
  min-width: 140px;
  margin-bottom: 4px;
  padding: 8px 10px;
  bottom: 100%;
  left: 0;
  box-shadow: 0 2px 8px #0006;
}

.vc-material .vc-material-volume-label {
  color: #ffffffe6;
  margin-bottom: 4px;
  font-size: 11px;
}

.vc-material .vc-material-volume-slider {
  accent-color: #3d89ff;
  width: 100%;
  margin: 4px 0;
}

.vc-material .vc-material-volume-close {
  color: #fffc;
  cursor: pointer;
  display: block;
  background: none;
  border: none;
  width: 100%;
  margin-top: 6px;
  padding: 2px 0;
  font-size: 11px;
}

.vc-material .vc-material-volume-close:hover {
  color: #fff;
}

.draggable-material .drag-handler-after, .draggable-material .drag-handler-before {
  cursor: col-resize;
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
}

.draggable-material .drag-handler-after {
  left: inherit;
  right: 0;
}

.vc-material-transition {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  background-color: #5f5f5f;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.vc-material-transition svg {
  width: 16px;
  height: 16px;
}

.vc-material-transition.hovering {
  background-color: #3d89ff;
}

.vc-material-transition.added {
  background-color: #fff;
  border-radius: 2px;
  height: 20px;
}

.vc-material-transition.added svg * {
  fill: #222;
}

.vc-material-transition.added:active {
  background-color: #3d89ff;
}

.vc-material-transition.added:active svg * {
  fill: #fff;
}

.vc-material-transition.added.trans-dragging {
  border-radius: none;
  background-color: #2f558f;
  height: 100%;
}

.vc-material-transition.added.hovering {
  border-radius: none;
  background-color: #3d89ff;
  height: 100%;
}

.vc-annotation-material {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  background-color: #fcd40133;
  border: 1px solid #fcd401;
  border-radius: 2px;
}

.vc-annotation-material-preview {
  color: #fafafa;
  display: -ms-flexbox;
  display: flex;
  opacity: .82;
  overflow: hidden;
  pointer-events: none;
  z-index: 20;
  background-color: #08433e;
  border: 2px solid #00c8d7;
  border-radius: 4px;
  flex-direction: column;
  box-shadow: 0 4px 12px #0000003d;
}

.vc-annotation-material-preview .vc-annotation-material-preview-meta {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  flex: 0 0 16px;
  align-items:  center;
  gap: 4px;
  min-width: 0;
  padding: 0 3px;
  font-size: 12px;
  line-height: 16px;
}

.vc-annotation-material-preview .vc-annotation-material-preview-meta span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vc-annotation-material-preview .vc-annotation-material-preview-meta span:last-child {
  flex-shrink: 0;
}

.vc-annotation-material-preview .vc-annotation-material-preview-cover {
  overflow: hidden;
  background-color: #00000038;
  flex: auto;
  min-height: 0;
}

.vc-annotation-material-preview .vc-annotation-material-preview-footer {
  background-color: #00000024;
  background-color: var(--ve-video-track-wave-bg, #00000024);
  border-top: 1px solid #fff3;
  border-top: 1px solid var(--ve-video-track-wave-border, #fff3);
  flex: 0 0 16px;
  height: 16px;
}

.vc-annotation-insert-line {
  position: fixed;
  background-color: #fcd401;
  width: 100%;
  height: 1px;
}

.vc-annotation-align-line {
  position: fixed;
  background-color: #fcd401;
  width: 1px;
  height: calc(46% - 75px);
  bottom: 0;
}

.vc-track-annotation-material {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  background-color: #fcd40133;
  border: 1px solid #fcd401;
  border-radius: 2px;
  height: 100%;
}

[data-theme="dark"] .vc-track-annotation-material.text {
  background-color: #893c00;
  border-color: #893c00;
}

[data-theme="dark"] .vc-track-annotation-material.sticker {
  background-color: #524522;
  border-color: #524522;
}

[data-theme="dark"] .vc-track-annotation-material.image, [data-theme="dark"] .vc-track-annotation-material.video {
  background-color: #08433e;
  border-color: #08433e;
}

[data-theme="dark"] .vc-track-annotation-material.effect {
  background-color: #603d8f;
  border-color: #603d8f;
}

[data-theme="dark"] .vc-track-annotation-material.filter {
  background-color: #1c5e35;
  border-color: #1c5e35;
}

[data-theme="dark"] .vc-track-annotation-material.audio {
  background-color: #0d215a;
  border-color: #0d215a;
}

@-webkit-keyframes vc-material-marker-spin-EbE1Da {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes vc-material-marker-spin-EbE1Da {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.footer-B1flp0 {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.footer-B1flp0 .trackView-rzjGBO {
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.dragPreview-dM0uWl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  border: 2px solid #fff;
  border-radius: 4px;
  top: 0;
  left: 0;
}

.dragPreview-dM0uWl.coverMode-qb782s {
  background-color: #101013;
  border-color: #00c8d7;
  border-radius: 8px;
  width: 104px;
  height: 78px;
  box-shadow: 0 6px 18px #00000047;
}

.dragPreview-dM0uWl .coverPreview-n6crvQ {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.dragPreview-dM0uWl .audioCoverPreview-KggcRA {
  display: -ms-flexbox;
  display: flex;
  background-color: #f6f6fc;
  justify-content: center;
  align-items:  center;
}

.dragPreview-dM0uWl .audioCoverIcon-sh5c1O {
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  width: 40px;
  height: 40px;
}

.dragPreview-dM0uWl .audioCoverIcon-sh5c1O i {
  display: block;
  background-color: #5b4bff;
  border-radius: 4px;
  width: 4px;
}

.dragPreview-dM0uWl .audioCoverIcon-sh5c1O i:first-child, .dragPreview-dM0uWl .audioCoverIcon-sh5c1O i:nth-child(5) {
  height: 8px;
}

.dragPreview-dM0uWl .audioCoverIcon-sh5c1O i:nth-child(2), .dragPreview-dM0uWl .audioCoverIcon-sh5c1O i:nth-child(4) {
  height: 16px;
}

.dragPreview-dM0uWl .audioCoverIcon-sh5c1O i:nth-child(3) {
  height: 24px;
}

.dragPreview-dM0uWl .audio-lDmqLy, .dragPreview-dM0uWl .effect-BgdvIW, .dragPreview-dM0uWl .filter-c838go, .dragPreview-dM0uWl .image-ywGhqT, .dragPreview-dM0uWl .sticker-x4H9oJ, .dragPreview-dM0uWl .text-GOfB0K, .dragPreview-dM0uWl .video-ITVc0v {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 1px #0006;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  background-repeat: repeat-x;
  background-size: contain;
  height: 40px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
}

.dragPreview-dM0uWl .audio-lDmqLy {
  background-color: #0d215a;
  border-radius: 2px;
}

.dragPreview-dM0uWl .filter-c838go {
  color: #fafafa;
  background-color: #1c5e35;
  border-radius: 2px;
}

.dragPreview-dM0uWl .text-GOfB0K {
  color: #fafafa;
  background-color: #893c00;
  border-radius: 2px;
}

.dragPreview-dM0uWl .sticker-x4H9oJ {
  color: #f4c854;
  background-color: #524522;
  border-radius: 2px;
}

.dragPreview-dM0uWl .effect-BgdvIW {
  color: #fafafa;
  background-color: #603d8f;
  border-radius: 2px;
}

.dragPreview-dM0uWl .image-ywGhqT, .dragPreview-dM0uWl .video-ITVc0v {
  background-color: #08433e;
}

.dragPreview-dM0uWl.transition-QjIc4S .transition-QjIc4S {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  background: #3d89ff;
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 106px;
  height: 60px;
}

[data-theme="light"] .dragPreview-dM0uWl {
  border-color: #2f79ff;
  box-shadow: 0 2px 8px #1010132e;
}

[data-theme="light"] .dragPreview-dM0uWl .audio-lDmqLy {
  background-color: #2f79ff;
}

[data-theme="light"] .dragPreview-dM0uWl .filter-c838go {
  color: #f3f8e8;
  background-color: #99b84d;
}

[data-theme="light"] .dragPreview-dM0uWl .text-GOfB0K {
  color: #fff4e8;
  background-color: #f4a245;
}

[data-theme="light"] .dragPreview-dM0uWl .effect-BgdvIW {
  color: #f2edff;
  background-color: #8f79ff;
}

[data-theme="light"] .dragPreview-dM0uWl .video-ITVc0v {
  background-color: #3dc4b5;
}

[data-theme="light"] .dragPreview-dM0uWl .image-ywGhqT {
  background-color: #6bc79f;
}

[data-theme="light"] .dragPreview-dM0uWl.coverMode-qb782s {
  background-color: #f7f8fa;
  border-color: #00aebd;
}

.dragLayer-l9NY6Z .dragContainer-w37f6q {
  pointer-events: none;
  position: fixed;
  z-index: 9999;
}

.previewUnavailable-CdskvZ {
  background: #fff;
  background: var(--ve-preview-unavailable-bg, #fff);
  flex: 1;
  justify-content: center;
  min-height: 0;
}

.content-Ylgeyg, .previewUnavailable-CdskvZ {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.content-Ylgeyg {
  text-align: center;
  flex-direction: column;
  max-width: 420px;
  padding: 24px 32px;
}

.iconWrap-wA3ou6 {
  display: -ms-flexbox;
  display: flex;
  background: #f8f8fa;
  background: var(--ve-preview-unavailable-icon-bg, #f8f8fa);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
}

.icon-QJ_F7C {
  display: block;
  width: 72px;
  height: 72px;
}

.icon-QJ_F7C circle {
  fill: #f8f8fa;
  fill: var(--ve-preview-unavailable-icon-bg, #f8f8fa);
}

.title-fHiRys {
  color: var(--ve-preview-unavailable-title, #1d2129);
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.description-dZylCV {
  color: var(--ve-preview-unavailable-desc, #86909c);
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.errorOverlay-QZwVW_ {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9999;
  background: #000c;
  justify-content: center;
  align-items:  center;
  inset: 0;
}

.content-vFqqAE {
  color: #fff;
  text-align: center;
  padding: 40px;
}

.title-bKqOMr {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

.desc-r8wgJj {
  opacity: .9;
  margin-bottom: 24px;
  font-size: 14px;
}

.button-LqR6AM {
  color: #fff;
  cursor: pointer;
  background: #1890ff;
  border: none;
  border-radius: 4px;
  padding: 10px 30px;
  font-size: 14px;
}

.localFallback-sHvq3G {
  width: 100%;
  height: 100%;
}

.localErrorOverlay-cwJtJv {
  display: -ms-flexbox;
  display: flex;
  background: #0009;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
}

.localContent-vksPad {
  color: #fff;
  text-align: center;
  padding: 16px;
}

.localTitle-o92JjW {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}

.localDesc-woRJM6 {
  opacity: .9;
  margin-bottom: 16px;
  font-size: 12px;
}

.localButton-y4qXSJ {
  color: #fff;
  cursor: pointer;
  background: #1890ff;
  border: none;
  border-radius: 4px;
  padding: 8px 24px;
  font-size: 12px;
}

.info-KD38Ww {
  color: #1d2129;
  background: #f0f5ff;
  flex-shrink: 0;
  padding: 10px 16px;
  font-size: 12px;
  line-height: 20px;
}

.summary-uFnwKV {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  gap: 8px;
}

.message-MIUeuJ {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 20px;
}

.icon-BMnYBy {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  background: #3370ff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.toggle-fTrJg6 {
  color: #1d2129;
  cursor: pointer;
  display: inline;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  white-space: nowrap;
  background: none;
  border: 0;
  margin-left: 4px;
  padding: 0;
}

.params-paB1AQ {
  color: #4e5969;
  word-break: break-all;
  margin-top: 6px;
  margin-left: 24px;
}

.videoEditor-qndK3i {
  background-color: #000;
  background-color: var(--ve-editor-bg, #000);
  color: var(--ve-editor-fg, #fff);
  height: 100%;
}

.videoEditor-qndK3i * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.videoEditor-qndK3i .sideNavRow-kkEKEV {
  flex: none;
  width: 100%;
  margin-bottom: 0;
}

.videoEditor-qndK3i .upperArea-m0MCm2 {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-height: 0;
}

.videoEditor-qndK3i .upperMain-PGwLnU {
  overflow: hidden;
  position: relative;
  flex: 1;
  min-height: 0;
}

.videoEditor-qndK3i .collapsedPanelToggle-yXaZwE {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  will-change: opacity, transform;
  z-index: 5;
  transition: opacity .16s, transform .22s cubic-bezier(.2,0,0,1), visibility 0s linear .22s, -webkit-transform .22s cubic-bezier(.2,0,0,1);
  top: 7px;
  left: 12px;
  transform: translate3d(-8px, -4px, 0)scale(.96);
}

.videoEditor-qndK3i .collapsedPanelToggleVisible-_kTqAi {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition-delay: .14s, .14s, 0s;
  transform: translateZ(0)scale(1);
}

.videoEditor-qndK3i .collapsedPanelToggleButton-YGVV2B {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--ve-text-primary, #ffffffe6);
  cursor: pointer;
  white-space: nowrap;
  background-color: #373739eb;
  border: .5px solid #484849;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  width: 74px;
  height: 28px;
  padding: 0 12px;
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  box-shadow: 0 2px 8px #00000029;
}

.videoEditor-qndK3i .collapsedPanelToggleButton-YGVV2B svg {
  display: block;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.videoEditor-qndK3i .collapsedPanelToggleButton-YGVV2B:hover {
  color: var(--ve-text-primary, #ffffffe6);
  background-color: #484849;
}

.videoEditor-qndK3i .leftColumn-ijI0uv {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #1c1e1f;
  background-color: var(--ve-layout-content-bg, #1c1e1f);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-direction: column;
  flex: 0 0 488px;
  -ms-flex: 0 0 var(--ve-left-panel-width, 488px);
  flex: 0 0 var(--ve-left-panel-width, 488px);
  max-width: var(--ve-left-panel-width, 488px);
  min-width: var(--ve-left-panel-width, 488px);
  opacity: 1;
  overflow: hidden;
  width: var(--ve-left-panel-width, 488px);
  will-change: flex-basis, min-width, max-width, opacity, transform;
  border-right: 0;
  justify-content: flex-start;
  width: 488px;
  min-width: 488px;
  max-width: 488px;
  min-height: 0;
  transition: flex-basis .28s cubic-bezier(.2,0,0,1), min-width .28s cubic-bezier(.2,0,0,1), max-width .28s cubic-bezier(.2,0,0,1), opacity .18s, transform .28s cubic-bezier(.2,0,0,1), box-shadow .12s, -ms-flex-preferred-size .28s cubic-bezier(.2,0,0,1), -webkit-transform .28s cubic-bezier(.2,0,0,1), -webkit-box-shadow .12s;
  transform: translateZ(0);
}

.videoEditor-qndK3i .leftColumn-ijI0uv:after {
  background: #2e2e30;
  background: var(--ve-left-column-border, #2e2e30);
  content: "";
  pointer-events: none;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
}

.videoEditor-qndK3i .leftColumnCollapsed-AaUu_g {
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  flex-grow: 0;
  flex-basis: 0;
  min-width: 0;
  max-width: 0;
  transform: translate3d(-16px, 0, 0);
}

.videoEditor-qndK3i .leftColumnContent-MotfUo {
  display: -ms-flexbox;
  display: flex;
  min-width: var(--ve-left-panel-width, 488px);
  width: var(--ve-left-panel-width, 488px);
  flex-direction: column;
  flex-shrink: 0;
  align-self:  flex-start;
  width: 488px;
  min-width: 488px;
  height: 100%;
  min-height: 0;
}

.videoEditor-qndK3i .leftColumnBody-MqXfOt {
  overflow: hidden;
  flex: 1;
  min-height: 0;
}

.videoEditor-qndK3i .hasHorizontalNav-SHYI5A {
  overflow: hidden;
}

.videoEditor-qndK3i .previewUnavailableLayout-Gww2Dj {
  flex: 1;
  min-height: 0;
}

.videoEditor-qndK3i .splitDivider-q7WTuh {
  cursor: row-resize;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
  background-color: var(--ve-editor-bg, #000);
  position: relative;
  z-index: 2;
  flex: none;
  justify-content: center;
  align-items:  center;
  height: 8px;
}

.videoEditor-qndK3i .splitDivider-q7WTuh:active .splitDividerHandle-ZhoM0M, .videoEditor-qndK3i .splitDivider-q7WTuh:hover .splitDividerHandle-ZhoM0M {
  background-color: #fff6;
  background-color: var(--ve-split-handle-hover-bg, #fff6);
  width: 48px;
}

.videoEditor-qndK3i .splitDividerHandle-ZhoM0M {
  background-color: #fff3;
  background-color: var(--ve-split-handle-bg, #fff3);
  border-radius: 2px;
  width: 32px;
  height: 3px;
  transition: width .2s, background-color .2s;
}

.videoEditor-qndK3i .horizontalSplitHandle-F7hdIf {
  cursor: col-resize;
  position: absolute;
  z-index: 4;
  width: 8px;
  top: 0;
  bottom: 0;
  right: -4px;
}

.videoEditor-qndK3i .horizontalSplitHandle-F7hdIf:after {
  background-color: #2e2e30;
  background-color: var(--ve-left-column-border, #2e2e30);
  content: "";
  opacity: 0;
  position: absolute;
  width: 1px;
  transition: opacity .12s;
  top: 0;
  bottom: 0;
  left: 3.5px;
}

.videoEditor-qndK3i .horizontalSplitHandle-F7hdIf:active:after, .videoEditor-qndK3i .horizontalSplitHandle-F7hdIf:hover:after {
  opacity: 1;
}

.videoEditor-qndK3i .veveditor-vod-layout-sider .veveditor-vod-layout-sider-children::-webkit-scrollbar {
  background: inherit;
  width: 4px;
  height: 4px;
}

.videoEditor-qndK3i .veveditor-vod-layout-sider .veveditor-vod-layout-sider-children::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
  border-radius: 24px;
}

.videoEditor-qndK3i .bottom-layout {
  flex: 1;
  min-height: 0;
  margin-top: 4px;
}

.videoEditor-qndK3i .bottom-layout.leftPanelHidden .right-sider {
  flex: 1;
  min-width: 0;
  margin-left: 0;
}

.videoEditor-qndK3i .bottom-layout .center-layout {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.videoEditor-qndK3i .bottom-layout .center-layout.elements-panel-collapsed .right-sider {
  flex: 1;
  min-width: 0;
  margin-left: 0;
}

.videoEditor-qndK3i .bottom-layout .center-layout .center-layout-content {
  flex: 0 0 488px;
  width: 488px;
  min-width: 488px;
  max-width: 488px;
  min-height: 0;
  margin-bottom: 4px;
}

.videoEditor-qndK3i .bottom-layout .center-layout .center-layout-footer {
  overflow: hidden;
  flex: 0 0 46%;
  min-height: 0;
}

.videoEditor-qndK3i .bottom-layout .right-sider {
  background-color: #0000;
  background-color: var(--ve-preview-panel-bg, transparent);
  overflow: hidden;
  will-change: flex-basis;
  flex: 46%;
  min-width: min(280px, 100%);
  transition: flex-basis .28s cubic-bezier(.2,0,0,1), -ms-flex-preferred-size .28s cubic-bezier(.2,0,0,1);
}

.videoEditor-qndK3i .bottom-layout .right-sider.preview .veveditor-vod-layout-sider-children {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 21;
  pointer-events: none;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.videoEditor-qndK3i .veveditor-vod-layout-header {
  height: 48px;
}

.videoEditor-qndK3i .veveditor-vod-layout-has-sider {
  overflow: hidden;
}

.videoEditor-qndK3i .veveditor-vod-layout-content, .videoEditor-qndK3i .veveditor-vod-layout-footer {
  background-color: #1c1e1f;
  background-color: var(--ve-layout-content-bg, #1c1e1f);
}

.videoEditor-qndK3i .veveditor-vod-layout-sider {
  background-color: #1c1e1f;
  background-color: var(--ve-sider-bg, #1c1e1f);
}

.videoEditor-qndK3i .veveditor-vod-layout-header {
  background-color: #303030;
  background-color: var(--ve-navbar-bg, #303030);
}

.videoEditor-qndK3i .vc-tracker-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.videoEditor-qndK3i .fixed.veveditor-vod-tabs.veveditor-vod-tabs-horizontal {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.videoEditor-qndK3i .fixed.veveditor-vod-tabs.veveditor-vod-tabs-horizontal > .veveditor-vod-tabs-content.veveditor-vod-tabs-content-horizontal {
  flex-grow: 1;
}

.videoEditor-qndK3i .fixed.veveditor-vod-tabs.veveditor-vod-tabs-horizontal > .veveditor-vod-tabs-content {
  padding: 0;
}

.videoEditor-qndK3i .fixed.veveditor-vod-tabs.veveditor-vod-tabs-horizontal .veveditor-vod-tabs-content > .veveditor-vod-tabs-content-inner, .videoEditor-qndK3i .fixed.veveditor-vod-tabs.veveditor-vod-tabs-horizontal .veveditor-vod-tabs-pane {
  height: 100%;
}

.videoEditor-qndK3i.lightTheme-y_dibb .sideNavRow-kkEKEV {
  border-bottom: 1px solid #d2d1e0;
  border-bottom: 1px solid var(--ve-left-column-border, #d2d1e0);
  margin-bottom: 0;
}

.videoEditor-qndK3i.lightTheme-y_dibb .leftColumn-ijI0uv {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.videoEditor-qndK3i.lightTheme-y_dibb .collapsedPanelToggleButton-YGVV2B {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #101013;
  background-color: #fff;
  border-color: #b8b7c3;
}

.videoEditor-qndK3i.lightTheme-y_dibb .collapsedPanelToggleButton-YGVV2B svg {
  -webkit-filter: none;
  filter: none;
}

.videoEditor-qndK3i.lightTheme-y_dibb .collapsedPanelToggleButton-YGVV2B:hover {
  color: #101013;
  background-color: #f6f6fc;
}

.videoEditor-qndK3i.lightTheme-y_dibb .bottom-layout {
  border-top: 0;
  margin-top: 0;
}

.videoEditor-qndK3i.lightTheme-y_dibb .bottom-layout .center-layout .center-layout-content {
  margin-bottom: 0;
}

.videoEditor-qndK3i.lightTheme-y_dibb .bottom-layout .center-layout .center-layout-content, .videoEditor-qndK3i.lightTheme-y_dibb .bottom-layout .center-layout .leftColumn {
  border-bottom: 1px solid #ebebf5;
  border-bottom: 1px solid var(--ve-left-column-border, #ebebf5);
}

@-webkit-keyframes veveditor-vod-loading-circle {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes veveditor-vod-draggable-item-blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  to {
    opacity: 1;
  }
}

.veveditor-vod-overflow {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items:  center;
  width: 100%;
  max-width: 100%;
}

.veveditor-vod-overflow-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
}

.veveditor-vod-overflow-item-hidden {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-avatar-image {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@-webkit-keyframes veveditor-vod-badge-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-x-in {
  0% {
    -webkit-transform: translateX(100%);
    transform: translate(100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-x-out {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-x-in-reverse {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-x-out-reverse {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }

  to {
    -webkit-transform: translateX(100%);
    transform: translate(100%);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-y-in {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-y-out {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-y-in-reverse {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-slide-y-out-reverse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-bottom-to-middle {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0)translateZ(-400px);
    transform: translate(0)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-bottom {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-100%)translateZ(-400px);
    transform: translate(-100%)translateZ(-400px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-bottom-rtl {
  0% {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(100%)translateZ(-400px);
    transform: translate(100%)translateZ(-400px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-bottom-rtl {
  0% {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(100%)translateZ(-400px);
    transform: translate(100%)translateZ(-400px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-top-to-middle {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-top-to-middle-rtl {
  0% {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-top-to-middle-rtl {
  0% {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-top {
  0% {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-top-rtl {
  0% {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-top-rtl {
  0% {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-bottom-to-middle-reverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%)translateZ(-400px);
    transform: translate(-100%)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-bottom-to-middle-reverse-rtl {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%)translateZ(-400px);
    transform: translate(100%)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-bottom-to-middle-reverse-rtl {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%)translateZ(-400px);
    transform: translate(100%)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-bottom-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(0)translateZ(-400px);
    transform: translate(0)translateZ(-400px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-top-to-middle-reverse {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-top-to-middle-reverse-rtl {
  0% {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-top-to-middle-reverse-rtl {
  0% {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-top-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-top-reverse-rtl {
  0% {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-top-reverse-rtl {
  0% {
    opacity: .4;
    -webkit-transform: translateX(100%)translateZ(-200px);
    transform: translate(100%)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(50%)translateZ(0);
    transform: translate(50%)translateZ(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-right-to-middle {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-400px);
    transform: translate(-50%)translateY(0)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-right {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-400px);
    transform: translate(-50%)translateY(-100%)translateZ(-400px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-left-to-middle {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-left {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-right-to-middle-reverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-400px);
    transform: translate(-50%)translateY(-100%)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-right-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-400px);
    transform: translate(-50%)translateY(0)translateZ(-400px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-left-to-middle-reverse {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }
}

@-webkit-keyframes veveditor-vod-carousel-card-middle-to-left-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal > * {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-bottom-rtl;
  animation: veveditor-vod-carousel-card-middle-to-bottom-rtl;
  left: unset;
  right: 50%;
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-prev {
  -webkit-animation: veveditor-vod-carousel-card-top-to-middle-rtl;
  animation: veveditor-vod-carousel-card-top-to-middle-rtl;
  -webkit-transform: translateX(100%)translateZ(-200px);
  transform: translate(100%)translateZ(-200px);
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-current {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-top-rtl;
  animation: veveditor-vod-carousel-card-middle-to-top-rtl;
  -webkit-transform: translateX(50%)translateZ(0);
  transform: translate(50%)translateZ(0);
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-prev {
  -webkit-animation: veveditor-vod-carousel-card-bottom-to-middle-reverse-rtl;
  animation: veveditor-vod-carousel-card-bottom-to-middle-reverse-rtl;
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-next {
  -webkit-animation: veveditor-vod-carousel-card-top-to-middle-reverse-rtl;
  animation: veveditor-vod-carousel-card-top-to-middle-reverse-rtl;
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-current {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-top-reverse-rtl;
  animation: veveditor-vod-carousel-card-middle-to-top-reverse-rtl;
}

.veveditor-vod-carousel-rtl {
  direction: rtl;
}

.veveditor-vod-color-picker-preview {
  flex: none;
}

.veveditor-vod-color-picker:hover {
  background-color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-color-picker-size-default {
  min-height: 32px;
}

.veveditor-vod-color-picker-size-mini {
  min-height: 24px;
}

.veveditor-vod-color-picker-size-small {
  min-height: 28px;
}

.veveditor-vod-color-picker-size-large {
  min-height: 36px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-palette .veveditor-vod-color-picker-handler {
  border: 2px solid var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control-gradient {
  padding: 12px 12px 0;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control-gradient .veveditor-vod-color-picker-control-bar-gradient {
  margin: 0 16px / 2 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control-gradient .veveditor-vod-color-picker-control-bar-gradient .veveditor-vod-color-picker-control-bar {
  width: 100%;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control-gradient .veveditor-vod-color-picker-panel-control-gradient-tag {
  margin-bottom: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors {
  border-top: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-text {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-empty {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-control-bar .veveditor-vod-color-picker-handler {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-feedback {
  left: 9px;
  right: unset;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-input, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-input-inner-wrapper, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-select.veveditor-vod-select-multiple .veveditor-vod-select-view, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-textarea {
  padding-left: 28px;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-select.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-left: 0;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  padding-left: 28px;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-left: 0;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  padding-left: 28px;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-left: 0;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-picker {
  padding-left: 28px;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-picker-suffix .veveditor-vod-picker-clear-icon, .veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-picker-suffix .veveditor-vod-picker-suffix-icon {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-input-tag {
  padding-left: 23px;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item-has-feedback .veveditor-vod-input-tag-suffix {
  padding-left: 0;
}

@-webkit-keyframes veveditor-vod-form-blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .2;
  }

  to {
    opacity: 1;
  }
}

.veveditor-vod-input-number-rtl.veveditor-vod-input-number-mode-embed .veveditor-vod-input-number-step-layer {
  left: 4px;
  right: unset;
}

@-webkit-keyframes veveditor-vod-menu-selected-item-label-enter {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes veveditor-vod-msg-fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes veveditor-vod-msg-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes veveditor-vod-progress-loading {
  0% {
    background-position: 100%;
  }

  to {
    background-position: 0;
  }
}

@-webkit-keyframes veveditor-vod-rate-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes veveditor-vod-skeleton-circle {
  0% {
    background-position: 100%;
  }

  to {
    background-position: 0;
  }
}

@-webkit-keyframes veveditor-vod-dot-loading {
  0% {
    -webkit-transform: translate3d(-48.621%, 0, -.985px)scale(.511);
    transform: translate3d(-48.621%, 0, -.985px)scale(.511);
  }

  2.778% {
    -webkit-transform: translate3d(-95.766%, 0, -.94px)scale(.545);
    transform: translate3d(-95.766%, 0, -.94px)scale(.545);
  }

  5.556% {
    -webkit-transform: translate3d(-140%, 0, -.866px)scale(.6);
    transform: translate3d(-140%, 0, -.866px)scale(.6);
  }

  8.333% {
    -webkit-transform: translate3d(-179.981%, 0, -.766px)scale(.675);
    transform: translate3d(-179.981%, 0, -.766px)scale(.675);
  }

  11.111% {
    -webkit-transform: translate3d(-214.492%, 0, -.643px)scale(.768);
    transform: translate3d(-214.492%, 0, -.643px)scale(.768);
  }

  13.889% {
    -webkit-transform: translate3d(-242.487%, 0, -.5px)scale(.875);
    transform: translate3d(-242.487%, 0, -.5px)scale(.875);
  }

  16.667% {
    -webkit-transform: translate3d(-263.114%, 0, -.342px)scale(.993);
    transform: translate3d(-263.114%, 0, -.342px)scale(.993);
  }

  19.444% {
    -webkit-transform: translate3d(-275.746%, 0, -.174px)scale(1.12);
    transform: translate3d(-275.746%, 0, -.174px)scale(1.12);
  }

  22.222% {
    -webkit-transform: translate3d(-280%, 0, 0)scale(1.25);
    transform: translate3d(-280%, 0, 0)scale(1.25);
  }

  25% {
    -webkit-transform: translate3d(-275.746%, 0, .174px)scale(1.38);
    transform: translate3d(-275.746%, 0, .174px)scale(1.38);
  }

  27.778% {
    -webkit-transform: translate3d(-263.114%, 0, .342px)scale(1.507);
    transform: translate3d(-263.114%, 0, .342px)scale(1.507);
  }

  30.556% {
    -webkit-transform: translate3d(-242.487%, 0, .5px)scale(1.625);
    transform: translate3d(-242.487%, 0, .5px)scale(1.625);
  }

  33.333% {
    -webkit-transform: translate3d(-214.492%, 0, .643px)scale(1.732);
    transform: translate3d(-214.492%, 0, .643px)scale(1.732);
  }

  36.111% {
    -webkit-transform: translate3d(-179.981%, 0, .766px)scale(1.825);
    transform: translate3d(-179.981%, 0, .766px)scale(1.825);
  }

  38.889% {
    -webkit-transform: translate3d(-140%, 0, .866px)scale(1.9);
    transform: translate3d(-140%, 0, .866px)scale(1.9);
  }

  41.667% {
    -webkit-transform: translate3d(-95.766%, 0, .94px)scale(1.955);
    transform: translate3d(-95.766%, 0, .94px)scale(1.955);
  }

  44.444% {
    -webkit-transform: translate3d(-48.621%, 0, .985px)scale(1.989);
    transform: translate3d(-48.621%, 0, .985px)scale(1.989);
  }

  47.222% {
    -webkit-transform: translateZ(1px)scale(2);
    transform: translateZ(1px)scale(2);
  }

  50% {
    -webkit-transform: translate3d(48.621%, 0, .985px)scale(1.989);
    transform: translate3d(48.621%, 0, .985px)scale(1.989);
  }

  52.778% {
    -webkit-transform: translate3d(95.766%, 0, .94px)scale(1.955);
    transform: translate3d(95.766%, 0, .94px)scale(1.955);
  }

  55.556% {
    -webkit-transform: translate3d(140%, 0, .866px)scale(1.9);
    transform: translate3d(140%, 0, .866px)scale(1.9);
  }

  58.333% {
    -webkit-transform: translate3d(179.981%, 0, .766px)scale(1.825);
    transform: translate3d(179.981%, 0, .766px)scale(1.825);
  }

  61.111% {
    -webkit-transform: translate3d(214.492%, 0, .643px)scale(1.732);
    transform: translate3d(214.492%, 0, .643px)scale(1.732);
  }

  63.889% {
    -webkit-transform: translate3d(242.487%, 0, .5px)scale(1.625);
    transform: translate3d(242.487%, 0, .5px)scale(1.625);
  }

  66.667% {
    -webkit-transform: translate3d(263.114%, 0, .342px)scale(1.507);
    transform: translate3d(263.114%, 0, .342px)scale(1.507);
  }

  69.444% {
    -webkit-transform: translate3d(275.746%, 0, .174px)scale(1.38);
    transform: translate3d(275.746%, 0, .174px)scale(1.38);
  }

  72.222% {
    -webkit-transform: translate3d(280%, 0, 0)scale(1.25);
    transform: translate3d(280%, 0, 0)scale(1.25);
  }

  75% {
    -webkit-transform: translate3d(275.746%, 0, -.174px)scale(1.12);
    transform: translate3d(275.746%, 0, -.174px)scale(1.12);
  }

  77.778% {
    -webkit-transform: translate3d(263.114%, 0, -.342px)scale(.993);
    transform: translate3d(263.114%, 0, -.342px)scale(.993);
  }

  80.556% {
    -webkit-transform: translate3d(242.487%, 0, -.5px)scale(.875);
    transform: translate3d(242.487%, 0, -.5px)scale(.875);
  }

  83.333% {
    -webkit-transform: translate3d(214.492%, 0, -.643px)scale(.768);
    transform: translate3d(214.492%, 0, -.643px)scale(.768);
  }

  86.111% {
    -webkit-transform: translate3d(179.981%, 0, -.766px)scale(.675);
    transform: translate3d(179.981%, 0, -.766px)scale(.675);
  }

  88.889% {
    -webkit-transform: translate3d(140%, 0, -.866px)scale(.6);
    transform: translate3d(140%, 0, -.866px)scale(.6);
  }

  91.667% {
    -webkit-transform: translate3d(95.766%, 0, -.94px)scale(.545);
    transform: translate3d(95.766%, 0, -.94px)scale(.545);
  }

  94.444% {
    -webkit-transform: translate3d(48.621%, 0, -.985px)scale(.511);
    transform: translate3d(48.621%, 0, -.985px)scale(.511);
  }

  97.222% {
    -webkit-transform: translateZ(-1px)scale(.5);
    transform: translateZ(-1px)scale(.5);
  }
}

.veveditor-vod-steps-label-horizontal > .veveditor-vod-steps-item.veveditor-vod-steps-item-process .veveditor-vod-steps-item-content .veveditor-vod-steps-item-title:after {
  background-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-steps .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish .veveditor-vod-steps-item-tail:after, .veveditor-vod-steps .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-next-error .veveditor-vod-steps-item-tail:after, .veveditor-vod-steps-label-horizontal > .veveditor-vod-steps-item.veveditor-vod-steps-item-finish .veveditor-vod-steps-item-content .veveditor-vod-steps-item-title:after, .veveditor-vod-steps-label-horizontal > .veveditor-vod-steps-item.veveditor-vod-steps-item-next-error .veveditor-vod-steps-item-content .veveditor-vod-steps-item-title:after {
  background-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-table-border .veveditor-vod-table-td.veveditor-vod-table-col-first, .veveditor-vod-table-border .veveditor-vod-table-th.veveditor-vod-table-col-first {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-td.veveditor-vod-table-col-first, .veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-th.veveditor-vod-table-col-first {
  border-left: 0;
}

.veveditor-vod-table-hover .veveditor-vod-table-tr.veveditor-vod-table-tr-hover .veveditor-vod-table-td:not(.veveditor-vod-table-col-fixed-left):not(.veveditor-vod-table-col-fixed-right), .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td:not(.veveditor-vod-table-col-fixed-left):not(.veveditor-vod-table-col-fixed-right) {
  background-color: var(--veveditor-vod-color-bg-3);
}

.veveditor-vod-table-hover .veveditor-vod-table-tr.veveditor-vod-table-tr-hover .veveditor-vod-table-td.veveditor-vod-table-col-fixed-left:before, .veveditor-vod-table-hover .veveditor-vod-table-tr.veveditor-vod-table-tr-hover .veveditor-vod-table-td.veveditor-vod-table-col-fixed-right:before, .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td.veveditor-vod-table-col-fixed-left:before, .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td.veveditor-vod-table-col-fixed-right:before {
  background-color: var(--veveditor-vod-color-bg-3);
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-table-rtl.veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-td.veveditor-vod-table-col-first, .veveditor-vod-table-rtl.veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-th.veveditor-vod-table-col-first {
  border-right: 0;
}

.veveditor-vod-tabs-header {
  will-change: transform;
}

.veveditor-vod-tabs-header-scrolling {
  transition: none;
}

.veveditor-vod-tooltip-content-inner {
  text-align: start;
}

@-webkit-keyframes veveditor-vod-transfer-drag-item-blink {
  0% {
    background-color: var(--veveditor-vod-color-primary-light-1);
  }

  to {
    background-color: #0000;
  }
}

.veveditor-vod-trigger-rtl {
  direction: rtl;
}

.veveditor-vod-formily-array-base-copy, .veveditor-vod-formily-array-base-remove {
  transition: all .25s ease-in-out;
  font-size: 16px;
}

.veveditor-vod-formily-array-base-copy:hover, .veveditor-vod-formily-array-base-remove:hover {
  color: #387bff;
}

.veveditor-vod-formily-array-base-copy-disabled, .veveditor-vod-formily-array-base-remove-disabled {
  color: #a9aeb8;
  cursor: not-allowed !important;
}

.veveditor-vod-formily-array-base-copy-disabled:hover, .veveditor-vod-formily-array-base-remove-disabled:hover {
  color: #a9aeb8;
}

.veveditor-vod-formily-array-base-sort-handle {
  cursor: move;
}

.veveditor-vod-formily-array-base-addition, .veveditor-vod-formily-array-base-move-down {
  transition: all .25s ease-in-out;
}

.veveditor-vod-formily-array-base-move-down {
  margin-left: 6px;
  font-size: 16px;
}

.veveditor-vod-formily-array-base-move-down:hover {
  color: #387bff;
}

.veveditor-vod-formily-array-base-move-down-disabled {
  color: #a9aeb8;
  cursor: not-allowed !important;
}

.veveditor-vod-formily-array-base-move-down-disabled:hover {
  color: #a9aeb8;
}

.veveditor-vod-formily-array-base-move-up {
  margin-left: 6px;
  transition: all .25s ease-in-out;
  font-size: 16px;
}

.veveditor-vod-formily-array-base-move-up:hover {
  color: #387bff;
}

.veveditor-vod-formily-array-base-move-up-disabled {
  color: #a9aeb8;
  cursor: not-allowed !important;
}

.veveditor-vod-formily-array-base-move-up-disabled:hover {
  color: #a9aeb8;
}

.veveditor-vod-formily-array-items-sortable .veveditor-vod-formily-array-items-item {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.veveditor-vod-formily-array-table .veveditor-vod-formily-item {
  margin-bottom: 0;
}

.veveditor-vod-formily-array-table-pagination {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
}

.veveditor-vod-formily-editable {
  cursor: pointer;
  display: inline-block !important;
}

.veveditor-vod-formily-editable .veveditor-vod-form-text .veveditor-vod-tag {
  transition: none !important;
}

.veveditor-vod-formily-editable .veveditor-vod-form-text .veveditor-vod-tag:last-child {
  margin-right: 0 !important;
}

.veveditor-vod-formily-editable-content {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-formily-editable-content > * {
  margin-right: 3px;
}

.veveditor-vod-formily-editable-content > :last-child {
  margin-right: 0;
}

.veveditor-vod-formily-editable .veveditor-vod-formily-editable-close-btn, .veveditor-vod-formily-editable .veveditor-vod-formily-editable-edit-btn {
  color: #aaa;
  transition: all .25s ease-in-out;
  font-size: 12px;
}

.veveditor-vod-formily-editable .veveditor-vod-formily-editable-close-btn:hover, .veveditor-vod-formily-editable .veveditor-vod-formily-editable-edit-btn:hover {
  color: #387bff;
}

.veveditor-vod-formily-editable .veveditor-vod-form-text {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-formily-editable .veveditor-vod-formily-editable-preview {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 100px;
}

.veveditor-vod-formily-button-group-sticky {
  z-index: 999;
  padding: 10px 0;
}

.veveditor-vod-formily-button-group-sticky-inner {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-formily-button-group-sticky-inner .veveditor-vod-formily-item {
  flex: 2;
}

.veveditor-vod-formily-grid-layout {
  display: grid;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-input, .veveditor-vod-formily-item-has-feedback .veveditor-vod-input-inner-wrapper, .veveditor-vod-formily-item-has-feedback .veveditor-vod-textarea {
  padding-right: 28px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-input-number-mode-embed .veveditor-vod-input-number-step-layer {
  right: 24px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-select.veveditor-vod-select-multiple .veveditor-vod-select-view, .veveditor-vod-formily-item-has-feedback .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  padding-right: 28px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-select.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-right: 0;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view, .veveditor-vod-formily-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  padding-right: 28px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-right: 0;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view, .veveditor-vod-formily-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  padding-right: 28px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-right: 0;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-picker {
  padding-right: 28px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-picker-suffix .veveditor-vod-picker-clear-icon, .veveditor-vod-formily-item-has-feedback .veveditor-vod-picker-suffix .veveditor-vod-picker-suffix-icon {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-input-tag {
  padding-right: 23px;
}

.veveditor-vod-formily-item-has-feedback .veveditor-vod-input-tag-suffix {
  padding-right: 0;
}

.veveditor-vod-formily-item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 24px;
}

.veveditor-vod-formily-item.veveditor-vod-formily-item-hidden {
  display: none;
}

.veveditor-vod-formily-item.veveditor-vod-formily-item-no-bottom {
  margin-bottom: 0;
}

.veveditor-vod-formily-item-layout-vertical {
  display: block;
}

.veveditor-vod-formily-item-layout-vertical > .veveditor-vod-formily-item-label {
  text-align: left;
  white-space: normal;
  margin-bottom: 4px;
  padding: 0;
  line-height: 1.53846;
}

.veveditor-vod-formily-item-layout-inline {
  margin-right: 24px;
}

.veveditor-vod-formily-item-control {
  flex: 1;
  max-width: 100%;
}

.veveditor-vod-formily-item-control .veveditor-vod-formily-item-control-content {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-formily-item-size-mini .veveditor-vod-formily-item-label {
  font-size: 13px;
  line-height: 24px;
}

.veveditor-vod-formily-item-size-mini .veveditor-vod-formily-item-control {
  min-height: 24px;
}

.veveditor-vod-formily-item-size-mini .veveditor-vod-formily-item-control > .veveditor-vod-formily-item-control-children {
  line-height: 24px;
}

.veveditor-vod-formily-item-size-small .veveditor-vod-formily-item-label {
  line-height: 28px;
}

.veveditor-vod-formily-item-size-small .veveditor-vod-formily-item-control {
  min-height: 28px;
}

.veveditor-vod-formily-item-size-small .veveditor-vod-formily-item-control > .veveditor-vod-formily-item-control-children {
  line-height: 28px;
}

.veveditor-vod-formily-item-size-large .veveditor-vod-formily-item-label {
  line-height: 36px;
}

.veveditor-vod-formily-item-size-large .veveditor-vod-formily-item-control {
  min-height: 36px;
}

.veveditor-vod-formily-item-size-large .veveditor-vod-formily-item-control > .veveditor-vod-formily-item-control-children {
  line-height: 36px;
}

.veveditor-vod-formily-item-extra {
  color: var(--veveditor-vod-color-text-3);
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
}

.veveditor-vod-formily-item-message {
  color: rgb(var(--veveditor-vod-danger-6));
  min-height: 24px;
  font-size: 12px;
  line-height: 24px;
}

.veveditor-vod-formily-item-message-help {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-formily-item-message + .veveditor-vod-formily-item-extra {
  margin-top: 0;
  margin-bottom: 4px;
}

.veveditor-vod-formily-item-label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #41464f;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-right: 16px;
  font-size: 13px;
  line-height: 32px;
}

.veveditor-vod-formily-item-label label {
  cursor: text;
}

.veveditor-vod-formily-item-label-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.veveditor-vod-formily-item-label-tooltip, .veveditor-vod-formily-item-label-tooltip * {
  cursor: help;
}

.veveditor-vod-formily-item-label-tooltip label {
  border-bottom: 1px dashed;
}

.veveditor-vod-formily-item-label-symbol {
  line-height: 1;
}

.veveditor-vod-formily-item-label-wrap label {
  white-space: pre-line;
  word-break: break-all;
}

.veveditor-vod-formily-item-label-align-left {
  justify-content: flex-start;
}

.veveditor-vod-formily-item-label-align-right {
  justify-content: flex-end;
}

.veveditor-vod-formily-item-addon-before {
  margin-right: 8px;
}

.veveditor-vod-formily-item-addon-after, .veveditor-vod-formily-item-addon-before {
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-shrink: 0;
  align-items:  center;
}

.veveditor-vod-formily-item-addon-after {
  margin-left: 8px;
}

.veveditor-vod-formily-item-control-children {
  position: relative;
  width: 100%;
  line-height: 32px;
}

.veveditor-vod-formily-item-feedback {
  position: absolute;
  font-size: 14px;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}

.veveditor-vod-formily-item-feedback .veveditor-vod-icon-loading {
  font-size: 12px;
}

.veveditor-vod-formily-item-helper-tips-icon {
  color: #737a87;
  font-size: 14px;
}

.veveditor-vod-formily-item-helper-tips-icon-success {
  color: rgb(var(--veveditor-vod-success-6));
  font-size: 14px;
}

.veveditor-vod-formily-item-helper-tips-icon-error {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-helper-tips-text {
  color: #42464e;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.veveditor-vod-formily-item-col-0 {
  flex: 0 0;
  max-width: 0;
}

.veveditor-vod-formily-item-col-1 {
  flex: 0 0 4.16667%;
  max-width: 4.16667%;
}

.veveditor-vod-formily-item-col-2 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.veveditor-vod-formily-item-col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.veveditor-vod-formily-item-col-4 {
  flex: 0 0 16.6667%;
  max-width: 16.6667%;
}

.veveditor-vod-formily-item-col-5 {
  flex: 0 0 20.8333%;
  max-width: 20.8333%;
}

.veveditor-vod-formily-item-col-6 {
  flex: 0 0 25%;
  max-width: 25%;
}

.veveditor-vod-formily-item-col-7 {
  flex: 0 0 29.1667%;
  max-width: 29.1667%;
}

.veveditor-vod-formily-item-col-8 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.veveditor-vod-formily-item-col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.veveditor-vod-formily-item-col-10 {
  flex: 0 0 41.6667%;
  max-width: 41.6667%;
}

.veveditor-vod-formily-item-col-11 {
  flex: 0 0 45.8333%;
  max-width: 45.8333%;
}

.veveditor-vod-formily-item-col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}

.veveditor-vod-formily-item-col-13 {
  flex: 0 0 54.1667%;
  max-width: 54.1667%;
}

.veveditor-vod-formily-item-col-14 {
  flex: 0 0 58.3333%;
  max-width: 58.3333%;
}

.veveditor-vod-formily-item-col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.veveditor-vod-formily-item-col-16 {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
}

.veveditor-vod-formily-item-col-17 {
  flex: 0 0 70.8333%;
  max-width: 70.8333%;
}

.veveditor-vod-formily-item-col-18 {
  flex: 0 0 75%;
  max-width: 75%;
}

.veveditor-vod-formily-item-col-19 {
  flex: 0 0 79.1667%;
  max-width: 79.1667%;
}

.veveditor-vod-formily-item-col-20 {
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
}

.veveditor-vod-formily-item-col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.veveditor-vod-formily-item-col-22 {
  flex: 0 0 91.6667%;
  max-width: 91.6667%;
}

.veveditor-vod-formily-item-col-23 {
  flex: 0 0 95.8333%;
  max-width: 95.8333%;
}

.veveditor-vod-formily-item-col-24 {
  flex: 0 0 100%;
  max-width: 100%;
}

.veveditor-vod-formily-modal-footer-button-wrapper {
  flex: none;
}

.veveditor-vod-formily-modal-footer-button-wrapper > .veveditor-vod-btn {
  margin-left: 12px;
}

.veveditor-vod-formily-modal-footer {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items:  center;
}

.c-m-form {
  display: block;
  height: 100%;
}

.veveditor-vod-formily-array-items-sortable .veveditor-vod-formily-array-items-item .veveditor-vod-formily-item {
  margin-bottom: 0;
}

.c-m-form-array-table .veveditor-vod-table-empty-row {
  display: none;
}

.veveditor-vod-formily-item-feedback {
  z-index: 2;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-formily-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  box-shadow: 0 0 0 2px #db373f4d;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-error .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  box-shadow: 0 0 0 2px #db373f4d;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-danger-3));
  border-left: 1px solid rgb(var(--veveditor-vod-danger-3));
  border-top: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-formily-item-status-error .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  border-radius: 4px;
  box-shadow: 0 0 0 2px #db373f4d;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-error .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-select:not(.veveditor-vod-formily-item-status-error .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-select:not(.veveditor-vod-formily-item-status-error .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-formily-item-status-error .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  background-color: #fff;
  box-shadow: 0 0 0 2px #db373f4d;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  box-shadow: 0 0 0 2px #db373f4d;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  box-shadow: 0 0 0 2px #f2a2004d;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-warning-7));
  box-shadow: 0 0 0 2px #f2a2004d;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-warning-3));
  border-left: 1px solid rgb(var(--veveditor-vod-warning-3));
  border-top: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-warning-7));
  border-radius: 4px;
  box-shadow: 0 0 0 2px #f2a2004d;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-select:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-select:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-formily-item-status-warning .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-warning-7));
  background-color: #fff;
  box-shadow: 0 0 0 2px #f2a2004d;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  box-shadow: 0 0 0 2px #f2a2004d;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-formily-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  box-shadow: 0 0 0 2px #1cb2674d;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-success .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-success-7));
  box-shadow: 0 0 0 2px #1cb2674d;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-success-3));
  border-left: 1px solid rgb(var(--veveditor-vod-success-3));
  border-top: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-formily-item-status-success .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-success-7));
  border-radius: 4px;
  box-shadow: 0 0 0 2px #1cb2674d;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-success .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-select:not(.veveditor-vod-formily-item-status-success .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-select:not(.veveditor-vod-formily-item-status-success .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-formily-item-status-success .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-success-7));
  background-color: #fff;
  box-shadow: 0 0 0 2px #1cb2674d;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  box-shadow: 0 0 0 2px #1cb2674d;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  box-shadow: 0 0 0 2px #1664ff4d;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  box-shadow: 0 0 0 2px #1664ff4d;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-primary-3));
  border-left: 1px solid rgb(var(--veveditor-vod-primary-3));
  border-top: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  border-radius: 4px;
  box-shadow: 0 0 0 2px #1664ff4d;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-select:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-select:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-formily-item-status-validating .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  background-color: #fff;
  box-shadow: 0 0 0 2px #1664ff4d;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  box-shadow: 0 0 0 2px #1664ff4d;
}

.veveditor-vod-formily-item .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 4px;
}

.veveditor-vod-formily-item .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.veveditor-vod-formily-item .veveditor-vod-autocomplete .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item .veveditor-vod-input-number .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 4px;
}

.veveditor-vod-formily-item .veveditor-vod-input-group-addbefore .veveditor-vod-select-view:first-of-type {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-formily-item .veveditor-vod-input-group-addafter .veveditor-vod-select-view:first-of-type, .veveditor-vod-formily-item .veveditor-vod-input-group-addbefore + .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 4px 4px 0;
}

.c-m-cform-array-base-addition {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 32px;
}

.c-m-cform-array-base-addition .c-m-add-button {
  padding: 0;
}

.c-m-cform-array-base-addition .minor-info {
  color: #737a87;
  letter-spacing: .003em;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.c-m-cform-array-base-addition .veveditor-vod-link {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  padding-left: 0;
}

.c-m-cform-array-base-addition .veveditor-vod-link .veveditor-vod-link-icon {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  font-size: 20px;
}

.c-m-cform-array-base-addition .veveditor-vod-link:hover .veveditor-vod-link-icon {
  opacity: .8;
}

.c-m-cform-array-table-addition {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eaedf1;
  border-left: 1px solid #eaedf1;
  border-right: 1px solid #eaedf1;
  flex-direction: row;
  justify-content: center;
  height: 40px;
  padding: 10px 16px;
}

.c-m-cform-array-remove, .c-m-cform-array-table-addition {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-cform-array-remove-size-mini {
  height: 24px;
  line-height: 24px;
}

.c-m-cform-array-remove-size-small {
  height: 28px;
  line-height: 28px;
}

.c-m-cform-array-remove-size-default {
  height: 32px;
  line-height: 32px;
}

.c-m-cform-array-remove-size-large {
  height: 36px;
  line-height: 36px;
}

.c-m-cform-array-remove .veveditor-vod-link .veveditor-vod-link-icon {
  display: -ms-flexbox;
  display: flex;
  color: #000;
  align-items:  center;
  margin-right: 0;
  font-size: 16px;
}

.c-m-cform-preview {
  border-bottom: 1px solid #eaedf1;
  width: 100%;
}

.c-m-cform-preview-item-title {
  color: #0c0d0e;
  letter-spacing: .003em;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  margin-bottom: 10px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-cform-preview-item-title span {
  display: inline-block;
  height: 22px;
}

.c-m-cform-preview-item:first-child {
  margin-top: 0;
}

.c-m-cform-preview-item:not(:last-child) {
  border-bottom: 1px solid #eaedf1;
}

.c-m-cform-preview-item-detail .veveditor-vod-descriptions-item-label, .c-m-cform-preview-item-detail .veveditor-vod-descriptions-item-value {
  vertical-align: top;
  padding: 0 4px 8px 0;
}

.c-m-cform-preview-item-detail .veveditor-vod-descriptions-item-label {
  color: #737a87;
  font-size: 12px;
  font-weight: 400;
}

.c-m-cform-preview-item-detail .veveditor-vod-descriptions-item-value {
  font-size: 12px;
}

.c-m-form-decorator {
  overflow-x: auto;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.c-m-form-decorator-mainContainer {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  height: 100%;
}

.c-m-form-decorator-scrollContainer {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  flex: 1;
  min-height: 0;
}

.c-m-form-decorator-scrollContainer-bottomLine {
  border-bottom: 1px solid #eaedf1;
}

.c-m-form-decorator-innerElement {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  background-color: #fff;
}

.c-m-form-decorator-fullpage {
  overflow-x: auto;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.c-m-form-decorator-fullpage .c-m-form-decorator-mainContainer {
  min-width: 1260px;
}

.c-m-form-decorator-fullpage .c-m-form-decorator-innerElement {
  width: 1260px;
  margin: 0 auto;
}

.c-m-form-decorator-isSticky {
  position: sticky;
}

.c-m-form-decorator-footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  min-height: 64px;
  padding: 12px 0;
}

.c-m-form-decorator-header {
  position: relative;
  background-color: #fff;
  flex: none;
  min-height: 66px;
}

.c-m-form-decorator-header-inner {
  height: calc(100% - 1px);
}

.c-m-form-decorator-header-headerSeperator {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #eaedf1;
  width: 100%;
  height: 1px;
  bottom: 0;
}

.c-m-form-decorator-steps {
  margin: 24px 0;
}

.c-m-form-decorator-steps .veveditor-vod-steps .veveditor-vod-steps-item.veveditor-vod-steps-item-wait .veveditor-vod-steps-item-title {
  color: #737a87;
  font-weight: 500;
}

.c-m-form-decorator-content-container {
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  justify-content: space-between;
  column-gap: 12px;
  margin-top: 22px;
  margin-bottom: 38px;
  padding: 2px 0;
}

.c-m-form-decorator-content-container-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  flex: auto;
  min-width: 0;
}

.c-m-form-decorator-content-container-resident-content {
  flex: auto;
  max-width: 274px;
}

.c-m-form-decorator-content-container-resident-content-fix {
  position: sticky;
  top: 64px;
}

.c-m-form-decorator-content-anchor-fix {
  overflow: auto;
  position: sticky;
  top: 0;
}

.c-m-form-decorator-content-anchor .veveditor-vod-anchor {
  width: auto;
  min-width: 158px;
  max-width: 274px;
}

.c-m-form-decorator-content-container-no-header {
  margin-top: 0;
}

.c-m-form-decorator-content-container-no-footer {
  margin-bottom: 0;
}

.c-m-cform-group {
  position: relative;
  border: 1px solid #eaedf1;
  border-radius: 4px;
  width: 100%;
  padding: 16px 24px;
}

.c-m-cform-group-title {
  color: #0c0d0e;
  letter-spacing: .003em;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-cform-group-remove-container {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 20px;
}

.c-m-cform-section {
  margin-bottom: 40px;
}

.c-m-cform-section:last-child {
  margin-bottom: 0;
}

.c-m-cform-section-header {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items:  center;
  gap: 8px;
  margin-bottom: 24px;
}

.c-m-cform-section-header-tag {
  background: #1664ff;
  border-radius: 0 4px 4px 0;
  width: 3px;
  height: 14px;
}

.c-m-cform-section-header-title {
  color: #0c0d0e;
  letter-spacing: .003em;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-cform-section-header-title-pointer {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-m-cform-section-header-title-icon {
  display: none;
  width: 12px;
  height: 12px;
  margin-left: 4px;
}

.c-m-cform-section-header-title-icon svg {
  stroke-width: 5;
}

.c-m-cform-section-header-title-icon-expand > svg {
  transform: rotate(180deg);
}

.c-m-cform-section-header-title-icon-visible {
  display: inline;
}

.c-m-cform-section-section-children > .veveditor-vod-formily-item:last-child {
  margin-bottom: 0;
}

.c-m-cform-section-collapse-children-hidden {
  display: none;
}

.c-m-cform-footer-render {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items:  center;
  height: 100%;
}

.c-m-cform-footer-render-left {
  padding-left: 2px;
}

.c-m-cform-header-render {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0c0d0e;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
}

.c-m-cform-header-render, .c-m-cform-header-render-item-title-container {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-cform-header-render-button {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.c-m-cform-header-render-button:hover {
  background-color: #1a1b1e0d;
  border-radius: 4px;
}

.c-m-cform-resident-render {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  background: #fafbfc;
  border: 1px solid #eaedf1;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  order: 1;
  align-items:  flex-start;
  width: 100%;
  padding: 15px;
}

.c-m-cform-resident-render-button {
  width: 100%;
}

.c-m-cform-table-select .veveditor-vod-table-empty-row .veveditor-vod-table-td {
  padding: 8px 16px;
}

.c-m-cform-table-select .veveditor-vod-table-empty-row .veveditor-vod-table-td .veveditor-vod-table-no-data {
  padding: 0;
}

.c-m-cform-table-select .c-m-table-toolbar-item-group {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.c-m-cform-table-select .c-m-table-toolbar-item-group .c-m-table-toolbar-item {
  margin-bottom: 12px;
}

.c-m-cform-table-select .c-m-table-toolbar-item-group .c-m-table-toolbar-item .c-m-radio-group .c-m-radio-veveditor-vod-radio-badge-container:last-child .veveditor-vod-radio-button {
  margin-right: 0;
}

.c-m-cform-table-select .c-m-table-toolbar-item-group .c-m-table-toolbar-item .c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button {
  display: -ms-flexbox;
  display: flex;
  align-content:  center;
  line-height: 30px;
}

.c-m-cform-table-select .c-m-table-toolbar-row {
  margin-bottom: 0;
}

.c-m-cform-table-select .disabled-row {
  cursor: not-allowed;
}

.c-m-cform-table-select .disabled-row .veveditor-vod-table-cell-wrap-value {
  color: #c9cdd4;
}

.c-m-cform-table-select .veveditor-vod-pagination-total-text {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-cform-text {
  font-size: 12px;
}

.c-m-cform-top-render {
  width: 100%;
}

.c-m-form-confirm-wrap {
  margin-bottom: 44px;
}

.c-m-form-confirm-step {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items:  center;
  margin: 0 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-form-confirm-step:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #1664ff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 3px;
  height: 14px;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
}

.c-m-form-confirm-title {
  color: #0c0d0e;
}

.c-m-form-confirm .veveditor-vod-table-td {
  vertical-align: top;
  padding: 12px 16px;
}

.c-m-form-confirm .veveditor-vod-descriptions-item-value-inline {
  vertical-align: top;
}

.c-m-form-confirm .c-m-info-section-wrapper {
  margin: 0;
}

.c-m-form-confirm .c-m-info-section-horizon {
  align-items:  flex-start;
  height: auto;
  margin-bottom: 12px;
}

.c-m-form-confirm .c-m-info-section-column-wrapper {
  margin-top: 0;
}

.c-m-c-form-anchor .veveditor-vod-anchor-link-title {
  height: 32px;
  line-height: 22px;
}

.c-m-c-form-anchor .veveditor-vod-anchor-line-slider {
  height: 32px;
}

.c-m-cform-selected-table {
  line-height: 1;
}

.c-m-cform-selected-table .c-m-cform-selected-table-tips {
  color: #42464e;
  margin-bottom: 12px;
  font-size: 12px;
}

.c-m-form-agreement-common {
  margin-top: 16px;
  margin-bottom: 16px;
}

.c-m-form-agreement-formItem {
  margin-top: 6px;
  margin-bottom: 0;
}

body {
  --veveditor-vod-data-1: var(--veveditor-vod-arcoblue-5);
  --veveditor-vod-data-2: var(--veveditor-vod-arcoblue-2);
  --veveditor-vod-data-3: 85, 197, 253;
  --veveditor-vod-data-4: 156, 220, 252;
  --veveditor-vod-data-5: var(--veveditor-vod-orange-6);
  --veveditor-vod-data-6: var(--veveditor-vod-orange-3);
  --veveditor-vod-data-7: var(--veveditor-vod-green-4);
  --veveditor-vod-data-8: var(--veveditor-vod-green-2);
  --veveditor-vod-data-9: var(--veveditor-vod-purple-4);
  --veveditor-vod-data-10: var(--veveditor-vod-purple-2);
  --veveditor-vod-data-11: var(--veveditor-vod-gold-6);
  --veveditor-vod-data-12: var(--veveditor-vod-gold-4);
  --veveditor-vod-data-13: var(--veveditor-vod-lime-6);
  --veveditor-vod-data-14: var(--veveditor-vod-lime-4);
  --veveditor-vod-data-15: var(--veveditor-vod-magenta-4);
  --veveditor-vod-data-16: var(--veveditor-vod-magenta-3);
  --veveditor-vod-data-17: var(--veveditor-vod-cyan-6);
  --veveditor-vod-data-18: var(--veveditor-vod-cyan-3);
  --veveditor-vod-data-19: var(--veveditor-vod-pinkpurple-4);
  --veveditor-vod-data-20: var(--veveditor-vod-pinkpurple-2);
}

body[arco-theme="dark"] {
  --veveditor-vod-data-1: var(--veveditor-vod-arcoblue-5);
  --veveditor-vod-data-2: var(--veveditor-vod-arcoblue-3);
  --veveditor-vod-data-3: var(--veveditor-vod-blue-5);
  --veveditor-vod-data-4: var(--veveditor-vod-blue-3);
  --veveditor-vod-data-5: var(--veveditor-vod-orange-6);
  --veveditor-vod-data-6: var(--veveditor-vod-orange-3);
  --veveditor-vod-data-7: var(--veveditor-vod-green-4);
  --veveditor-vod-data-8: var(--veveditor-vod-green-3);
  --veveditor-vod-data-9: var(--veveditor-vod-purple-4);
  --veveditor-vod-data-10: var(--veveditor-vod-purple-3);
  --veveditor-vod-data-11: var(--veveditor-vod-gold-6);
  --veveditor-vod-data-12: var(--veveditor-vod-gold-4);
  --veveditor-vod-data-13: var(--veveditor-vod-lime-6);
  --veveditor-vod-data-14: var(--veveditor-vod-lime-4);
  --veveditor-vod-data-15: var(--veveditor-vod-magenta-4);
  --veveditor-vod-data-16: var(--veveditor-vod-magenta-3);
  --veveditor-vod-data-17: var(--veveditor-vod-cyan-6);
  --veveditor-vod-data-18: var(--veveditor-vod-cyan-3);
  --veveditor-vod-data-19: var(--veveditor-vod-pinkpurple-4);
  --veveditor-vod-data-20: var(--veveditor-vod-pinkpurple-2);
}

body {
  --veveditor-vod-color-data-1: rgb(var(--veveditor-vod-arcoblue-5));
  --veveditor-vod-color-data-2: rgb(var(--veveditor-vod-arcoblue-3));
  --veveditor-vod-color-data-3: rgb(var(--veveditor-vod-blue-5));
  --veveditor-vod-color-data-4: rgb(var(--veveditor-vod-blue-3));
  --veveditor-vod-color-data-5: rgb(var(--veveditor-vod-orange-6));
  --veveditor-vod-color-data-6: rgb(var(--veveditor-vod-orange-3));
  --veveditor-vod-color-data-7: rgb(var(--veveditor-vod-green-4));
  --veveditor-vod-color-data-8: rgb(var(--veveditor-vod-green-3));
  --veveditor-vod-color-data-9: rgb(var(--veveditor-vod-purple-4));
  --veveditor-vod-color-data-10: rgb(var(--veveditor-vod-purple-3));
  --veveditor-vod-color-data-11: rgb(var(--veveditor-vod-gold-6));
  --veveditor-vod-color-data-12: rgb(var(--veveditor-vod-gold-4));
  --veveditor-vod-color-data-13: rgb(var(--veveditor-vod-lime-6));
  --veveditor-vod-color-data-14: rgb(var(--veveditor-vod-lime-4));
  --veveditor-vod-color-data-15: rgb(var(--veveditor-vod-magenta-4));
  --veveditor-vod-color-data-16: rgb(var(--veveditor-vod-magenta-3));
  --veveditor-vod-color-data-17: rgb(var(--veveditor-vod-cyan-6));
  --veveditor-vod-color-data-18: rgb(var(--veveditor-vod-cyan-3));
  --veveditor-vod-color-data-19: rgb(var(--veveditor-vod-pinkpurple-4));
  --veveditor-vod-color-data-20: rgb(var(--veveditor-vod-pinkpurple-2));
  --veveditor-vod-font-weight-100: 100;
  --veveditor-vod-font-weight-200: 200;
  --veveditor-vod-font-weight-300: 300;
  --veveditor-vod-font-weight-400: 400;
  --veveditor-vod-font-weight-500: 500;
  --veveditor-vod-font-weight-600: 600;
  --veveditor-vod-font-weight-700: 700;
  --veveditor-vod-font-weight-800: 800;
  --veveditor-vod-font-weight-900: 900;
}

body[arco-theme="dark"] {
  --veveditor-vod-color-white: #ffffffe6;
}

body, html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans;
  line-height: 1.5;
}

body {
  margin: 0;
  padding: 0;
}

main {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: visible;
  height: 0;
}

th, tr {
  margin: 0;
  padding: 0;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type="button"], [type="reset"], [type="submit"], button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  white-space: normal;
  max-width: 100%;
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}

* {
  outline: none;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

.veveditor-vod-icon {
  color: inherit;
  display: inline-block;
  stroke: currentColor;
  vertical-align: -2px;
  width: 1em;
  height: 1em;
  font-style: normal;
}

.veveditor-vod-icon[fill="currentColor"] {
  fill: currentColor;
  stroke: none;
}

.veveditor-vod-icon[stroke="currentColor"] {
  fill: none;
  stroke: currentColor;
}

.veveditor-vod-icon[fill="currentColor"][stroke="currentColor"] {
  fill: currentColor;
  stroke: currentColor;
}

.veveditor-vod-icon-loading {
  -webkit-animation: 1s linear infinite veveditor-vod-loading-circle;
  animation: 1s linear infinite veveditor-vod-loading-circle;
}

@keyframes veveditor-vod-loading-circle {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.veveditor-vod-icon-hover {
  cursor: pointer;
  display: inline-block;
  position: relative;
  line-height: 0;
}

.veveditor-vod-icon-hover .veveditor-vod-icon {
  position: relative;
  vertical-align: -.09em;
}

.veveditor-vod-icon-hover:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  background-color: #0000;
  border-radius: 4px;
  transition: background-color .1s linear;
}

.veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-icon-hover.veveditor-vod-icon-hover-disabled:before {
  opacity: 0;
}

.veveditor-vod-icon-hover-size-mini:before, .veveditor-vod-icon-hover-size-small:before, .veveditor-vod-icon-hover:before {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-icon-hover-size-huge:before, .veveditor-vod-icon-hover-size-large:before {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fadeInStandard-appear, .fadeInStandard-enter {
  opacity: 0;
}

.fadeInStandard-appear-active, .fadeInStandard-enter-active {
  opacity: 1;
  transition: opacity .3s cubic-bezier(.34,.69,.1,1);
}

.fadeInStandard-exit {
  opacity: 1;
}

.fadeInStandard-exit-active {
  opacity: 0;
  transition: opacity .3s cubic-bezier(.34,.69,.1,1);
}

.fadeIn-appear, .fadeIn-enter {
  opacity: 0;
}

.fadeIn-appear-active, .fadeIn-enter-active {
  opacity: 1;
  transition: opacity .1s linear;
}

.fadeIn-exit {
  opacity: 1;
}

.fadeIn-exit-active {
  opacity: 0;
  transition: opacity .1s linear;
}

.slideDynamicOrigin-appear, .slideDynamicOrigin-enter {
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transform: scaleY(.9)translateZ(0);
}

.slideDynamicOrigin-appear-active, .slideDynamicOrigin-enter-active, .slideDynamicOrigin-exit {
  opacity: 1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transform: scaleY(1)translateZ(0);
}

.slideDynamicOrigin-appear-active, .slideDynamicOrigin-enter-active, .slideDynamicOrigin-exit, .slideDynamicOrigin-exit-active {
  transition: transform .2s cubic-bezier(.34,.69,.1,1), opacity .2s cubic-bezier(.34,.69,.1,1), -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
}

.slideDynamicOrigin-exit-active {
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transform: scaleY(.9)translateZ(0);
}

.slideLeft-appear, .slideLeft-enter {
  -webkit-transform: translateX(-100%);
  transform: translate(-100%);
}

.slideLeft-appear-active, .slideLeft-enter-active {
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
}

.slideLeft-appear-active, .slideLeft-enter-active, .slideLeft-exit {
  -webkit-transform: translateX(0);
  transform: translate(0);
}

.slideLeft-exit-active {
  -webkit-transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
  transform: translate(-100%);
}

.slideRight-appear, .slideRight-enter {
  -webkit-transform: translateX(100%);
  transform: translate(100%);
}

.slideRight-appear-active, .slideRight-enter-active {
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
}

.slideRight-appear-active, .slideRight-enter-active, .slideRight-exit {
  -webkit-transform: translateX(0);
  transform: translate(0);
}

.slideRight-exit-active {
  -webkit-transform: translateX(100%);
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
  transform: translate(100%);
}

.slideTop-appear, .slideTop-enter {
  transform: translateY(-100%);
}

.slideTop-appear-active, .slideTop-enter-active {
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
}

.slideTop-appear-active, .slideTop-enter-active, .slideTop-exit {
  transform: translateY(0);
}

.slideTop-exit-active {
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
  transform: translateY(-100%);
}

.slideBottom-appear, .slideBottom-enter {
  transform: translateY(100%);
}

.slideBottom-appear-active, .slideBottom-enter-active {
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
}

.slideBottom-appear-active, .slideBottom-enter-active, .slideBottom-exit {
  transform: translateY(0);
}

.slideBottom-exit-active {
  transition: transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
  transform: translateY(100%);
}

.zoomIn-appear, .zoomIn-enter {
  opacity: 0;
  transform: scale(.5);
}

.zoomIn-appear-active, .zoomIn-enter-active {
  transition: opacity .3s cubic-bezier(.34,.69,.1,1), transform .3s cubic-bezier(.34,.69,.1,1), -webkit-transform .3s cubic-bezier(.34,.69,.1,1);
}

.zoomIn-appear-active, .zoomIn-enter-active, .zoomIn-exit {
  opacity: 1;
  transform: scale(1);
}

.zoomIn-exit-active {
  transition: opacity .3s cubic-bezier(.3,1.3,.3,1), transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
}

.zoomIn-exit-active, .zoomInFadeOut-appear, .zoomInFadeOut-enter {
  opacity: 0;
  transform: scale(.5);
}

.zoomInFadeOut-appear-active, .zoomInFadeOut-enter-active {
  opacity: 1;
  transition: opacity .2s cubic-bezier(.34,.69,.1,1), transform .2s cubic-bezier(.34,.69,.1,1), -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
  transform: scale(1);
}

.zoomInFadeOut-exit {
  opacity: 1;
  transform: scale(1);
}

.zoomInFadeOut-exit-active {
  transition: opacity .2s cubic-bezier(.3,1.3,.3,1), transform .2s cubic-bezier(.3,1.3,.3,1), -webkit-transform .2s cubic-bezier(.3,1.3,.3,1);
}

.zoomInBig-appear, .zoomInBig-enter, .zoomInFadeOut-exit-active {
  opacity: 0;
  transform: scale(.5);
}

.zoomInBig-appear-active, .zoomInBig-enter-active {
  transition: opacity .2s linear, transform .2s linear, -webkit-transform .2s linear;
}

.zoomInBig-appear-active, .zoomInBig-enter-active, .zoomInBig-exit {
  opacity: 1;
  transform: scale(1);
}

.zoomInBig-exit-active {
  opacity: 0;
  transition: opacity .2s linear, transform .2s linear, -webkit-transform .2s linear;
  transform: scale(.2);
}

.zoomInLeft-appear, .zoomInLeft-enter {
  opacity: .1;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transform: scale(.1);
}

.zoomInLeft-appear-active, .zoomInLeft-enter-active {
  opacity: 1;
  transition: opacity .3s linear, transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: scale(1);
}

.zoomInLeft-exit {
  opacity: 1;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transform: scale(1);
}

.zoomInLeft-exit-active {
  opacity: .1;
  transition: opacity .3s linear, transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: scale(.1);
}

.zoomInTop-appear, .zoomInTop-enter {
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transform: scaleY(.8)translateZ(0);
}

.zoomInTop-appear-active, .zoomInTop-enter-active {
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), opacity .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
}

.zoomInTop-appear-active, .zoomInTop-enter-active, .zoomInTop-exit {
  opacity: 1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transform: scaleY(1)translateZ(0);
}

.zoomInTop-exit-active {
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), opacity .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: scaleY(.8)translateZ(0);
}

.zoomInBottom-appear, .zoomInBottom-enter {
  opacity: 0;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  transform: scaleY(.8)translateZ(0);
}

.zoomInBottom-appear-active, .zoomInBottom-enter-active {
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), opacity .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
}

.zoomInBottom-appear-active, .zoomInBottom-enter-active, .zoomInBottom-exit {
  opacity: 1;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  transform: scaleY(1)translateZ(0);
}

.zoomInBottom-exit-active {
  opacity: 0;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), opacity .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: scaleY(.8)translateZ(0);
}

body {
  font-size: 14px;
}

@keyframes veveditor-vod-draggable-item-blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  to {
    opacity: 1;
  }
}

.veveditor-vod-draggable-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.veveditor-vod-draggable-item-dragging {
  opacity: .3;
}

.veveditor-vod-draggable-item-dragover.veveditor-vod-draggable-item-gap-left {
  -webkit-box-shadow: -1px 0 rgb(var(--veveditor-vod-primary-6));
  box-shadow: -1px 0 rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-draggable-item-dragover.veveditor-vod-draggable-item-gap-right {
  -webkit-box-shadow: 1px 0 rgb(var(--veveditor-vod-primary-6));
  box-shadow: 1px 0 rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-draggable-item-dragover.veveditor-vod-draggable-item-gap-top {
  -webkit-box-shadow: 0 -1px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 -1px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-draggable-item-dragover.veveditor-vod-draggable-item-gap-bottom {
  -webkit-box-shadow: 0 1px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 1px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-draggable-item-dragged {
  -webkit-animation: .8s veveditor-vod-draggable-item-blink;
  animation: .8s veveditor-vod-draggable-item-blink;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.veveditor-vod-picker {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  align-items:  center;
  padding: 4px 11px 4px 4px;
  transition: all .1s linear;
  line-height: 1.53846;
}

.veveditor-vod-picker-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex: 1;
}

.veveditor-vod-picker input {
  color: var(--veveditor-vod-color-text-1);
  text-align: left;
  background-color: #0000;
  border: none;
  width: 100%;
  padding: 0 0 0 8px;
  transition: all .1s linear;
  line-height: 1.53846;
}

.veveditor-vod-picker input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker-input-placeholder input {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker-has-prefix {
  padding-left: 12px;
}

.veveditor-vod-picker-prefix {
  color: var(--veveditor-vod-color-text-2);
  padding-right: 4px;
  font-size: 14px;
}

.veveditor-vod-picker-suffix {
  text-align: center;
  width: 14px;
  margin-left: 4px;
}

.veveditor-vod-picker-suffix-icon {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-picker .veveditor-vod-picker-clear-icon {
  color: var(--veveditor-vod-color-text-2);
  display: none;
  font-size: 12px;
}

.veveditor-vod-picker:hover {
  border-color: rgb(var(--veveditor-vod-primary-5));
  background-color: #0000;
}

.veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover .veveditor-vod-picker-clear-icon {
  display: inline-block;
}

.veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover .veveditor-vod-picker-suffix .veveditor-vod-picker-clear-icon + span {
  display: none;
}

.veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-picker-focused, .veveditor-vod-picker-focused:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-picker-focused .veveditor-vod-picker-input-active input, .veveditor-vod-picker-focused:hover .veveditor-vod-picker-input-active input {
  background: var(--veveditor-vod-color-primary-light-1);
}

.veveditor-vod-picker-error:not(.veveditor-vod-picker-disabled) {
  background-color: var(--veveditor-vod-color-danger-light-1);
  border-color: #0000;
}

.veveditor-vod-picker-error:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: #0000;
}

.veveditor-vod-picker-error.veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-picker-error.veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-picker-warning:not(.veveditor-vod-picker-disabled) {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border-color: #0000;
}

.veveditor-vod-picker-warning:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-picker-warning.veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-picker-warning.veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-picker input[disabled] {
  color: var(--veveditor-vod-color-text-3);
  cursor: not-allowed;
  -webkit-text-fill-color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker input[disabled]::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker input[disabled]::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker input[disabled]:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker input[disabled]::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled, .veveditor-vod-picker-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
  cursor: not-allowed;
}

.veveditor-vod-picker-disabled input[disabled], .veveditor-vod-picker-disabled:hover input[disabled] {
  color: var(--veveditor-vod-color-text-3);
  cursor: not-allowed;
  -webkit-text-fill-color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-picker-disabled input[disabled]::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled:hover input[disabled]::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled input[disabled]::-moz-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled:hover input[disabled]::-moz-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled input[disabled]:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled:hover input[disabled]:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled input[disabled]::-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled:hover input[disabled]::-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-disabled input[disabled]::placeholder, .veveditor-vod-picker-disabled:hover input[disabled]::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-separator {
  color: var(--veveditor-vod-color-text-3);
  min-width: 10px;
  padding: 0 8px;
}

.veveditor-vod-picker-disabled .veveditor-vod-picker-separator, .veveditor-vod-picker-disabled .veveditor-vod-picker-suffix-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-picker-size-mini {
  height: 24px;
}

.veveditor-vod-picker-size-mini input {
  font-size: 12px;
}

.veveditor-vod-picker-size-small {
  height: 28px;
}

.veveditor-vod-picker-size-small input {
  font-size: 12px;
}

.veveditor-vod-picker-size-default {
  height: 32px;
}

.veveditor-vod-picker-size-default input {
  font-size: 13px;
}

.veveditor-vod-picker-size-large {
  height: 36px;
}

.veveditor-vod-picker-size-large input {
  font-size: 13px;
}

.veveditor-vod-picker-rtl {
  direction: rtl;
  padding: 4px 4px 4px 11px;
}

.veveditor-vod-picker-rtl input {
  text-align: right;
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-picker-rtl .veveditor-vod-picker-suffix {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-affix {
  position: fixed;
  z-index: 999;
}

.veveditor-vod-alert {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-align: left;
  border-radius: 4px;
  align-items:  center;
  width: 100%;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 1.5715;
}

.veveditor-vod-alert-with-title {
  align-items:  flex-start;
  padding: 16px;
}

.veveditor-vod-alert-info {
  background-color: rgb(var(--veveditor-vod-link-1));
  border: 0 solid #0000;
}

.veveditor-vod-alert-success {
  background-color: rgb(var(--veveditor-vod-success-1));
  border: 0 solid #0000;
}

.veveditor-vod-alert-warning {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border: 0 solid #0000;
}

.veveditor-vod-alert-error {
  background-color: rgb(var(--veveditor-vod-danger-1));
  border: 0 solid #0000;
}

.veveditor-vod-alert-banner {
  border: none;
  border-radius: 0;
}

.veveditor-vod-alert-content-wrapper {
  position: relative;
  flex: 1;
}

.veveditor-vod-alert-title {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.veveditor-vod-alert-info .veveditor-vod-alert-content, .veveditor-vod-alert-info .veveditor-vod-alert-title, .veveditor-vod-alert-info.veveditor-vod-alert-with-title .veveditor-vod-alert-content, .veveditor-vod-alert-success .veveditor-vod-alert-content, .veveditor-vod-alert-success .veveditor-vod-alert-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-alert-success.veveditor-vod-alert-with-title .veveditor-vod-alert-content {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-alert-warning .veveditor-vod-alert-content, .veveditor-vod-alert-warning .veveditor-vod-alert-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-alert-warning.veveditor-vod-alert-with-title .veveditor-vod-alert-content {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-alert-error .veveditor-vod-alert-content, .veveditor-vod-alert-error .veveditor-vod-alert-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-alert-error.veveditor-vod-alert-with-title .veveditor-vod-alert-content {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-alert-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 22.001px;
  margin-right: 8px;
}

.veveditor-vod-alert-icon-wrapper svg {
  font-size: 20px;
}

.veveditor-vod-alert-with-title .veveditor-vod-alert-icon-wrapper {
  height: 21px;
}

.veveditor-vod-alert-with-title .veveditor-vod-alert-icon-wrapper svg {
  font-size: 20px;
}

.veveditor-vod-alert-info .veveditor-vod-alert-icon-wrapper svg {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-alert-success .veveditor-vod-alert-icon-wrapper svg {
  color: rgb(var(--veveditor-vod-success-5));
}

.veveditor-vod-alert-warning .veveditor-vod-alert-icon-wrapper svg {
  color: rgb(var(--veveditor-vod-warning-5));
}

.veveditor-vod-alert-error .veveditor-vod-alert-icon-wrapper svg {
  color: rgb(var(--veveditor-vod-danger-5));
}

.veveditor-vod-alert-close-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  background-color: #0000;
  border: none;
  margin-left: 8px;
  padding: 0;
  transition: color .1s linear;
  font-size: 16px;
  top: 4px;
  right: 0;
}

.veveditor-vod-alert-close-btn, .veveditor-vod-alert-close-btn:hover {
  color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-alert-action, .veveditor-vod-alert-action + .veveditor-vod-alert-close-btn {
  margin-left: 8px;
}

.veveditor-vod-alert-with-title .veveditor-vod-alert-close-btn {
  margin-top: 0;
  margin-right: 0;
}

.veveditor-vod-alert-rtl {
  direction: rtl;
  text-align: right;
}

.veveditor-vod-alert-rtl .veveditor-vod-alert-with-title {
  align-items:  flex-end;
}

.veveditor-vod-alert-rtl .veveditor-vod-alert-icon-wrapper {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-alert-rtl .veveditor-vod-alert-close-btn {
  left: 0;
  right: auto;
}

.veveditor-vod-alert-rtl .veveditor-vod-alert-action, .veveditor-vod-alert-rtl .veveditor-vod-alert-action + .veveditor-vod-alert-close-btn {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-anchor {
  overflow: auto;
  position: relative;
  width: 180px;
}

.veveditor-vod-anchor-line-slider {
  background-color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  z-index: 1;
  width: 2px;
  height: 36px;
  margin-top: -4px;
  transition: all .2s cubic-bezier(.34,.69,.1,1);
  top: 0;
  left: 0;
}

.veveditor-vod-anchor-list {
  position: relative;
  margin-left: 6px;
}

.veveditor-vod-anchor-list:before {
  background-color: var(--veveditor-vod-color-border-1);
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  left: -6px;
}

.veveditor-vod-anchor-link {
  margin-bottom: 0;
}

.veveditor-vod-anchor-link-title {
  border-radius: var(--veveditor-vod-border-radius-small);
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-anchor-link-title:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
  font-weight: 400;
}

.veveditor-vod-anchor-link-title:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: inset 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-anchor-link-active > .veveditor-vod-anchor-link-title {
  color: rgb(var(--veveditor-vod-primary-6));
  transition: all .1s linear;
  font-weight: 500;
}

.veveditor-vod-anchor-link .veveditor-vod-anchor-link {
  margin-left: 16px;
}

.veveditor-vod-anchor-lineless .veveditor-vod-anchor-list {
  margin-left: 0;
}

.veveditor-vod-anchor-lineless .veveditor-vod-anchor-list:before {
  display: none;
}

.veveditor-vod-anchor-lineless .veveditor-vod-anchor-link-active > .veveditor-vod-anchor-link-title {
  background-color: var(--veveditor-vod-color-bg-4);
  color: rgb(var(--veveditor-vod-primary-6));
  font-weight: 500;
}

.veveditor-vod-anchor-rtl {
  direction: rtl;
}

.veveditor-vod-anchor-rtl .veveditor-vod-anchor-list {
  margin-left: 0;
  margin-right: 6px;
}

.veveditor-vod-anchor-rtl .veveditor-vod-anchor-list:before {
  left: auto;
  right: -6px;
}

.veveditor-vod-anchor-rtl .veveditor-vod-anchor-link .veveditor-vod-anchor-link {
  margin-left: 0;
  margin-right: 16px;
}

.veveditor-vod-anchor-rtl.veveditor-vod-anchor-lineless .veveditor-vod-anchor-list {
  margin-right: 0;
}

.veveditor-vod-anchor-rtl .veveditor-vod-anchor-line-slider {
  left: auto;
  right: 0;
}

.veveditor-vod-anchor.veveditor-vod-anchor-horizontal {
  width: 100%;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-list:before {
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-link-title:hover {
  font-weight: 400;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-link-active .veveditor-vod-anchor-link-title:hover {
  font-weight: 500;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-link:not(:first-of-type) {
  margin-left: 16px;
}

.veveditor-vod-anchor-rtl.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-link:not(:first-of-type) {
  margin-left: unset;
  margin-right: 16px;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-line-slider {
  bottom: 0;
  right: unset;
  top: unset;
  background-color: #0000;
  width: 0;
  height: 2px;
  margin: 0;
}

.veveditor-vod-anchor-horizontal .veveditor-vod-anchor-line-slider:before {
  background-color: rgb(var(--veveditor-vod-primary-6));
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: 8px;
  right: 8px;
}

.veveditor-vod-anchor.veveditor-vod-anchor-lineless .veveditor-vod-anchor-link, .veveditor-vod-anchor.veveditor-vod-anchor-lineless .veveditor-vod-anchor-link-title {
  margin-bottom: 0;
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup {
  background-color: var(--veveditor-vod-color-bg-popup);
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup .veveditor-vod-select-popup-inner {
  max-height: 200px;
  padding: 0;
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup .veveditor-vod-select-option {
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-1);
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 36px;
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup .veveditor-vod-select-option-hover, .veveditor-vod-autocomplete-popup .veveditor-vod-select-popup .veveditor-vod-select-option-selected {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup .veveditor-vod-select-option-disabled {
  background-color: var(--veveditor-vod-color-fill-1);
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup .veveditor-vod-select-option-selected {
  font-weight: 500;
}

.veveditor-vod-avatar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--veveditor-vod-color-bg-5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  align-items:  center;
  width: 40px;
  height: 40px;
  font-size: 20px;
}

.veveditor-vod-avatar-circle {
  border-radius: var(--veveditor-vod-border-radius-circle);
}

.veveditor-vod-avatar-circle .veveditor-vod-avatar-image {
  border-radius: var(--veveditor-vod-border-radius-circle);
  overflow: hidden;
}

.veveditor-vod-avatar-square {
  border-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-avatar-square .veveditor-vod-avatar-image {
  border-radius: var(--veveditor-vod-border-radius-medium);
  overflow: hidden;
}

.veveditor-vod-avatar-text {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center;
  font-weight: 500;
  line-height: 1;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-avatar-image {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.veveditor-vod-avatar-image img, .veveditor-vod-avatar-image picture {
  width: 100%;
  height: 100%;
}

.veveditor-vod-avatar-trigger-icon-button {
  background-color: var(--veveditor-vod-color-neutral-2);
  border-radius: var(--veveditor-vod-border-radius-circle);
  color: var(--veveditor-vod-color-fill-4);
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 1;
  width: 20px;
  height: 20px;
  transition: background-color .1s linear;
  font-size: 12px;
  line-height: 20px;
  bottom: -4px;
  right: -4px;
}

.veveditor-vod-avatar-trigger-icon-button, .veveditor-vod-avatar-trigger-icon-mask {
  position: absolute;
  justify-content: center;
  align-items:  center;
}

.veveditor-vod-avatar-trigger-icon-mask {
  border-radius: var(--veveditor-vod-border-radius-medium);
  color: var(--veveditor-vod-color-white);
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  z-index: 0;
  background-color: #1d212999;
  width: 100%;
  height: 100%;
  transition: all .1s linear;
  font-size: 16px;
  top: 0;
  left: 0;
}

.veveditor-vod-avatar-circle .veveditor-vod-avatar-trigger-icon-mask {
  border-radius: var(--veveditor-vod-border-radius-circle);
}

.veveditor-vod-avatar-with-trigger-icon {
  cursor: pointer;
}

.veveditor-vod-avatar-with-trigger-icon:hover .veveditor-vod-avatar-trigger-icon-mask {
  opacity: 1;
  z-index: 2;
}

.veveditor-vod-avatar-with-trigger-icon:hover .veveditor-vod-avatar-trigger-icon-button {
  background-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-avatar-rtl {
  direction: rtl;
}

.veveditor-vod-avatar-rtl .veveditor-vod-avatar-trigger-icon-button {
  left: -4px;
  right: unset;
}

.veveditor-vod-avatar-group {
  display: inline-block;
  line-height: 0;
}

.veveditor-vod-avatar-group-max-count-avatar {
  color: var(--veveditor-vod-color-text-2);
  cursor: default;
  font-size: 20px;
}

.veveditor-vod-avatar-group-rtl {
  direction: rtl;
}

.veveditor-vod-avatar-group .veveditor-vod-avatar {
  border: 1px solid var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-avatar-group .veveditor-vod-avatar:not(:first-child) {
  margin-left: -10px;
}

.veveditor-vod-avatar-group-popover .veveditor-vod-avatar:not(:first-child) {
  margin-left: 4px;
}

.veveditor-vod-backtop {
  cursor: pointer;
  position: fixed;
  z-index: 100;
  bottom: 24px;
  right: 24px;
}

.veveditor-vod-backtop-button {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border-radius: var(--veveditor-vod-border-radius-circle);
  color: var(--veveditor-vod-color-white);
  cursor: pointer;
  outline: none;
  text-align: center;
  border: none;
  width: 40px;
  height: 40px;
  transition: all .2s linear;
  font-size: 12px;
}

.veveditor-vod-backtop-button:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-backtop-button:hover {
  background-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-backtop-button svg {
  font-size: 14px;
}

.veveditor-vod-badge {
  display: inline-block;
  position: relative;
  line-height: 1;
}

.veveditor-vod-badge-rtl {
  direction: rtl;
}

.veveditor-vod-badge-custom-dot, .veveditor-vod-badge-dot, .veveditor-vod-badge-number, .veveditor-vod-badge-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  text-align: center;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  z-index: 2;
  border-radius: 20px;
  top: 2px;
  right: 2px;
  transform: translate(50%, -50%);
}

.veveditor-vod-badge-rtl .veveditor-vod-badge-custom-dot, .veveditor-vod-badge-rtl .veveditor-vod-badge-dot, .veveditor-vod-badge-rtl .veveditor-vod-badge-number, .veveditor-vod-badge-rtl .veveditor-vod-badge-text {
  right: unset;
}

.veveditor-vod-badge-custom-dot {
  background-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-badge-number, .veveditor-vod-badge-text {
  color: var(--veveditor-vod-color-white);
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.veveditor-vod-badge-dot, .veveditor-vod-badge-number, .veveditor-vod-badge-text {
  background-color: rgb(var(--veveditor-vod-danger-5));
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-bg-2);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-badge-dot {
  border-radius: var(--veveditor-vod-border-radius-circle);
  width: 6px;
  height: 6px;
}

.veveditor-vod-badge-no-children .veveditor-vod-badge-dot, .veveditor-vod-badge-no-children .veveditor-vod-badge-number, .veveditor-vod-badge-no-children .veveditor-vod-badge-text {
  display: inline-block;
  position: relative;
  right: unset;
  top: unset;
  transform: none;
}

.veveditor-vod-badge-status-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
}

.veveditor-vod-badge-status-dot {
  border-radius: var(--veveditor-vod-border-radius-circle);
  display: inline-block;
  width: 6px;
  height: 6px;
}

.veveditor-vod-badge-status-default {
  background-color: var(--veveditor-vod-color-fill-4);
}

.veveditor-vod-badge-status-processing {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-badge-status-success {
  background-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-badge-status-warning {
  background-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-badge-color-red, .veveditor-vod-badge-status-error {
  background-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-badge-color-orangered {
  background-color: #f77234;
}

.veveditor-vod-badge-color-orange {
  background-color: rgb(var(--veveditor-vod-orange-6));
}

.veveditor-vod-badge-color-gold {
  background-color: rgb(var(--veveditor-vod-gold-6));
}

.veveditor-vod-badge-color-lime {
  background-color: rgb(var(--veveditor-vod-lime-6));
}

.veveditor-vod-badge-color-green {
  background-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-badge-color-cyan {
  background-color: rgb(var(--veveditor-vod-cyan-6));
}

.veveditor-vod-badge-color-arcoblue {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-badge-color-purple {
  background-color: rgb(var(--veveditor-vod-purple-6));
}

.veveditor-vod-badge-color-pinkpurple {
  background-color: rgb(var(--veveditor-vod-pinkpurple-6));
}

.veveditor-vod-badge-color-magenta {
  background-color: rgb(var(--veveditor-vod-magenta-6));
}

.veveditor-vod-badge-color-gray {
  background-color: rgb(var(--veveditor-vod-gray-4));
}

.veveditor-vod-badge-status-text {
  color: var(--veveditor-vod-color-text-1);
  margin-left: 8px;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-badge-rtl .veveditor-vod-badge-status-text {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-badge-number-text {
  -webkit-animation: .5s cubic-bezier(.3,1.3,.3,1) veveditor-vod-badge-scale;
  animation: .5s cubic-bezier(.3,1.3,.3,1) veveditor-vod-badge-scale;
  display: inline-block;
}

@keyframes veveditor-vod-badge-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.badge-zoom-appear, .badge-zoom-enter {
  -webkit-transform-origin: center;
  transform-origin: center;
  transform: translate(50%, -50%)scale(.2);
}

.badge-zoom-appear-active, .badge-zoom-enter-active {
  transition: opacity .3s cubic-bezier(.3,1.3,.3,1), transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
}

.badge-zoom-appear-active, .badge-zoom-enter-active, .badge-zoom-exit {
  opacity: 1;
  -webkit-transform-origin: center;
  transform-origin: center;
  transform: translate(50%, -50%)scale(1);
}

.badge-zoom-exit-active {
  opacity: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  transition: opacity .3s cubic-bezier(.3,1.3,.3,1), transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: translate(50%, -50%)scale(.2);
}

.veveditor-vod-breadcrumb {
  display: inline-block;
  font-size: 12px;
}

.veveditor-vod-breadcrumb, .veveditor-vod-breadcrumb-icon {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-breadcrumb-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--veveditor-vod-color-text-3);
  vertical-align: middle;
  align-items:  center;
  padding: 0 4px;
  line-height: 16px;
}

.veveditor-vod-breadcrumb-item > .veveditor-vod-icon {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-breadcrumb-item a, .veveditor-vod-breadcrumb-item[href] {
  border-radius: var(--veveditor-vod-border-radius-small);
  color: var(--veveditor-vod-color-text-3);
  display: inline-block;
  text-decoration: none;
  background-color: #0000;
  margin: 0 -4px;
  padding: 0 4px;
}

.veveditor-vod-breadcrumb-item a:hover, .veveditor-vod-breadcrumb-item[href]:hover {
  color: rgb(var(--veveditor-vod-link-6));
  background-color: #0000;
}

.veveditor-vod-breadcrumb-item a:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-breadcrumb-item[href]:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-breadcrumb-item:last-child {
  color: var(--veveditor-vod-color-text-2);
  font-weight: 500;
}

.veveditor-vod-breadcrumb-item-ellipses {
  color: var(--veveditor-vod-color-text-2);
  display: inline-block;
  position: relative;
  padding: 0 4px;
  top: -3px;
}

.veveditor-vod-breadcrumb-item-separator {
  color: #737a87;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  line-height: 16px;
}

.veveditor-vod-breadcrumb-item-with-dropdown {
  cursor: pointer;
}

.veveditor-vod-breadcrumb-item-dropdown-icon {
  color: var(--veveditor-vod-color-text-3);
  margin-left: 4px;
  font-size: 12px;
}

.veveditor-vod-breadcrumb-item-dropdown-icon-active svg {
  transform: rotate(180deg);
}

.veveditor-vod-breadcrumb-rtl .veveditor-vod-breadcrumb-item-dropdown-icon {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  transition: all .1s linear;
  font-weight: 500;
  line-height: 1.53846;
}

.veveditor-vod-btn > a:only-child {
  color: currentColor;
}

.veveditor-vod-btn:active {
  transition: none;
}

.veveditor-vod-btn:empty {
  display: inline-block;
  vertical-align: bottom;
}

.veveditor-vod-btn-long {
  display: block;
  width: 100%;
}

.veveditor-vod-btn-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  justify-content: center;
  align-items:  center;
}

.veveditor-vod-btn-link:not([href]) {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-btn-link:hover {
  text-decoration: none;
}

.veveditor-vod-btn-loading {
  cursor: default;
  position: relative;
}

.veveditor-vod-btn-loading:before {
  border-radius: inherit;
  content: "";
  display: block;
  opacity: .4;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background: #fff;
  transition: opacity .1s linear;
  inset: -1px;
}

.veveditor-vod-btn-loading-fixed-width {
  transition: none;
}

.veveditor-vod-btn-two-chinese-chars > :not(svg) {
  letter-spacing: .3em;
  margin-right: -.3em;
}

a.veveditor-vod-btn-icon-only {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items:  center;
}

.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled) {
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-2);
  background-color: #0000;
}

.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  border-color: rgb(var(--veveditor-vod-primary-5));
  color: var(--veveditor-vod-color-text-2);
  background-color: #0000;
}

.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-text-2);
  background-color: #0000;
}

.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-btn-outline.veveditor-vod-btn-disabled {
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled) {
  border-color: rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-6));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  border-color: rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-5));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  border-color: rgb(var(--veveditor-vod-warning-7));
  color: rgb(var(--veveditor-vod-warning-7));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-warning.veveditor-vod-btn-disabled {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-3));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled) {
  border-color: rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-6));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  border-color: rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-5));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  border-color: rgb(var(--veveditor-vod-danger-7));
  color: rgb(var(--veveditor-vod-danger-7));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-danger.veveditor-vod-btn-disabled {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-3));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled) {
  border-color: rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-6));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  border-color: rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-5));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  border-color: rgb(var(--veveditor-vod-success-7));
  color: rgb(var(--veveditor-vod-success-7));
  background-color: #0000;
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-outline.veveditor-vod-btn-status-success.veveditor-vod-btn-disabled {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-3));
  background-color: #0000;
}

.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-primary-5));
  border-color: rgb(var(--veveditor-vod-primary-6));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-primary-7));
  border-color: rgb(var(--veveditor-vod-primary-8));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-btn-primary.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-primary-3));
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
  color: var(--veveditor-vod-color-white);
  cursor: not-allowed;
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-6));
  border-color: rgb(var(--veveditor-vod-warning-7));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-warning-5));
  border-color: rgb(var(--veveditor-vod-warning-6));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-warning-7));
  border-color: rgb(var(--veveditor-vod-warning-8));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-warning.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-warning-3));
  border: 1px solid rgb(var(--veveditor-vod-warning-4));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-6));
  border-color: rgb(var(--veveditor-vod-danger-7));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-danger-5));
  border-color: rgb(var(--veveditor-vod-danger-6));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-danger-7));
  border-color: rgb(var(--veveditor-vod-danger-8));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-danger.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-danger-3));
  border: 1px solid rgb(var(--veveditor-vod-danger-4));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-success-6));
  border-color: rgb(var(--veveditor-vod-success-7));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-success-5));
  border-color: rgb(var(--veveditor-vod-success-6));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-success-7));
  border-color: rgb(var(--veveditor-vod-success-8));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-primary.veveditor-vod-btn-status-success.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-success-3));
  border: 1px solid rgb(var(--veveditor-vod-success-4));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled) {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: var(--veveditor-vod-color-bg-3);
  border-color: rgb(var(--veveditor-vod-primary-5));
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-neutral-4);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-neutral-4);
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-disabled {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border-color: rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border-color: rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-5));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border-color: rgb(var(--veveditor-vod-warning-7));
  color: rgb(var(--veveditor-vod-warning-7));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-warning.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-1));
  border-color: rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-danger-1));
  border-color: rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-5));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-danger-1));
  border-color: rgb(var(--veveditor-vod-danger-8));
  color: rgb(var(--veveditor-vod-danger-7));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-danger.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-danger-1));
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-5));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: rgb(var(--veveditor-vod-success-8));
  color: rgb(var(--veveditor-vod-success-7));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-secondary.veveditor-vod-btn-status-success.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-success-1));
  border: 1px solid rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-dashed:not(.veveditor-vod-btn-disabled) {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px dashed var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn-dashed:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: var(--veveditor-vod-color-bg-3);
  border-color: rgb(var(--veveditor-vod-primary-5));
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn-dashed:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn-dashed:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-neutral-4);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-neutral-4);
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-disabled {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px dashed var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border-color: rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border-color: rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-5));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border-color: rgb(var(--veveditor-vod-warning-7));
  color: rgb(var(--veveditor-vod-warning-7));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-warning.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-warning-2));
  border: 1px dashed rgb(var(--veveditor-vod-warning-3));
  color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-5));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-7));
  color: rgb(var(--veveditor-vod-danger-7));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-danger.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border: 1px dashed rgb(var(--veveditor-vod-danger-3));
  color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled) {
  background-color: rgb(var(--veveditor-vod-success-2));
  border-color: rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: rgb(var(--veveditor-vod-success-2));
  border-color: rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-5));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  background-color: rgb(var(--veveditor-vod-success-2));
  border-color: rgb(var(--veveditor-vod-success-7));
  color: rgb(var(--veveditor-vod-success-7));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-dashed.veveditor-vod-btn-status-success.veveditor-vod-btn-disabled {
  background-color: rgb(var(--veveditor-vod-success-2));
  border: 1px dashed rgb(var(--veveditor-vod-success-3));
  color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-text:not(.veveditor-vod-btn-disabled) {
  color: rgb(var(--veveditor-vod-link-6));
  background-color: #0000;
  border: 1px solid #0000;
}

.veveditor-vod-btn-text:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  color: rgb(var(--veveditor-vod-primary-5));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  color: rgb(var(--veveditor-vod-link-7));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-neutral-4);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-neutral-4);
}

.veveditor-vod-btn-text.veveditor-vod-btn-disabled {
  color: rgb(var(--veveditor-vod-link-3));
  cursor: not-allowed;
  background-color: #0000;
  border: 1px solid #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled) {
  color: rgb(var(--veveditor-vod-warning-6));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  color: rgb(var(--veveditor-vod-warning-5));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  color: rgb(var(--veveditor-vod-warning-7));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-warning:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-warning.veveditor-vod-btn-disabled {
  color: rgb(var(--veveditor-vod-warning-3));
  background-color: #0000;
  border: 1px solid #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled) {
  color: rgb(var(--veveditor-vod-danger-6));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  color: rgb(var(--veveditor-vod-danger-5));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  color: rgb(var(--veveditor-vod-danger-7));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-danger:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-danger.veveditor-vod-btn-disabled {
  color: rgb(var(--veveditor-vod-danger-3));
  background-color: #0000;
  border: 1px solid #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled) {
  color: rgb(var(--veveditor-vod-success-6));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  color: rgb(var(--veveditor-vod-success-5));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  color: rgb(var(--veveditor-vod-success-7));
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-success:not(.veveditor-vod-btn-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-btn-text.veveditor-vod-btn-status-success.veveditor-vod-btn-disabled {
  color: rgb(var(--veveditor-vod-success-3));
  background-color: #0000;
  border: 1px solid #0000;
}

.veveditor-vod-btn-size-mini {
  border-radius: var(--veveditor-vod-border-radius-small);
  height: 24px;
  padding: 0 12px;
  font-size: 12px;
}

.veveditor-vod-btn-size-mini > span + svg, .veveditor-vod-btn-size-mini > svg + span {
  margin-left: 12px;
}

.veveditor-vod-btn-size-mini.veveditor-vod-btn-rtl > span + svg, .veveditor-vod-btn-size-mini.veveditor-vod-btn-rtl > svg + span {
  margin-left: 0;
  margin-right: 12px;
}

.veveditor-vod-btn-size-mini.veveditor-vod-btn-loading-fixed-width.veveditor-vod-btn-loading {
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-btn-size-mini.veveditor-vod-btn-icon-only {
  width: 24px;
  height: 24px;
  padding: 0;
}

.veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-circle {
  border-radius: var(--veveditor-vod-border-radius-circle);
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round {
  border-radius: 12px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-mini:first-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-mini:last-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-mini:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round:first-child {
  border-radius: 12px 0 0 12px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round:last-child {
  border-radius: 0 12px 12px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 12px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-mini:first-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-mini:last-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-mini:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round:first-child {
  border-radius: 0 12px 12px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round:last-child {
  border-radius: 12px 0 0 12px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-mini.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 12px;
}

.veveditor-vod-btn-size-small {
  border-radius: var(--veveditor-vod-border-radius-small);
  height: 28px;
  padding: 0 16px;
  font-size: 13px;
}

.veveditor-vod-btn-size-small > span + svg, .veveditor-vod-btn-size-small > svg + span {
  margin-left: 8px;
}

.veveditor-vod-btn-size-small svg {
  vertical-align: -2px;
}

.veveditor-vod-btn-size-small.veveditor-vod-btn-rtl > span + svg, .veveditor-vod-btn-size-small.veveditor-vod-btn-rtl > svg + span {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-btn-size-small.veveditor-vod-btn-loading-fixed-width.veveditor-vod-btn-loading {
  padding-left: 5.5px;
  padding-right: 5.5px;
}

.veveditor-vod-btn-size-small.veveditor-vod-btn-icon-only {
  width: 28px;
  height: 28px;
  padding: 0;
}

.veveditor-vod-btn-size-small.veveditor-vod-btn-shape-circle {
  border-radius: var(--veveditor-vod-border-radius-circle);
  text-align: center;
  width: 28px;
  height: 28px;
  padding: 0;
}

.veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round {
  border-radius: 14px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-small:first-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-small:last-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-small:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round:first-child {
  border-radius: 14px 0 0 14px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round:last-child {
  border-radius: 0 14px 14px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 14px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-small:first-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-small:last-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-small:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round:first-child {
  border-radius: 0 14px 14px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round:last-child {
  border-radius: 14px 0 0 14px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-small.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 14px;
}

.veveditor-vod-btn-size-default {
  border-radius: var(--veveditor-vod-border-radius-small);
  height: 32px;
  padding: 0 16px;
  font-size: 13px;
}

.veveditor-vod-btn-size-default > span + svg, .veveditor-vod-btn-size-default > svg + span {
  margin-left: 8px;
}

.veveditor-vod-btn-size-default svg {
  vertical-align: -2px;
}

.veveditor-vod-btn-size-default.veveditor-vod-btn-rtl > span + svg, .veveditor-vod-btn-size-default.veveditor-vod-btn-rtl > svg + span {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-btn-size-default.veveditor-vod-btn-loading-fixed-width.veveditor-vod-btn-loading {
  padding-left: 5.5px;
  padding-right: 5.5px;
}

.veveditor-vod-btn-size-default.veveditor-vod-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
}

.veveditor-vod-btn-size-default.veveditor-vod-btn-shape-circle {
  border-radius: var(--veveditor-vod-border-radius-circle);
  text-align: center;
  width: 32px;
  height: 32px;
  padding: 0;
}

.veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round {
  border-radius: 16px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-default:first-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-default:last-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-default:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round:first-child {
  border-radius: 16px 0 0 16px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round:last-child {
  border-radius: 0 16px 16px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 16px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-default:first-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-default:last-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-default:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round:first-child {
  border-radius: 0 16px 16px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round:last-child {
  border-radius: 16px 0 0 16px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-default.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 16px;
}

.veveditor-vod-btn-size-large {
  border-radius: var(--veveditor-vod-border-radius-small);
  height: 36px;
  padding: 0 16px;
  font-size: 13px;
}

.veveditor-vod-btn-size-large > span + svg, .veveditor-vod-btn-size-large > svg + span {
  margin-left: 8px;
}

.veveditor-vod-btn-size-large svg {
  vertical-align: -2px;
}

.veveditor-vod-btn-size-large.veveditor-vod-btn-rtl > span + svg, .veveditor-vod-btn-size-large.veveditor-vod-btn-rtl > svg + span {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-btn-size-large.veveditor-vod-btn-loading-fixed-width.veveditor-vod-btn-loading {
  padding-left: 5.5px;
  padding-right: 5.5px;
}

.veveditor-vod-btn-size-large.veveditor-vod-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
}

.veveditor-vod-btn-size-large.veveditor-vod-btn-shape-circle {
  border-radius: var(--veveditor-vod-border-radius-circle);
  text-align: center;
  width: 36px;
  height: 36px;
  padding: 0;
}

.veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round {
  border-radius: 18px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-large:first-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-large:last-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-large:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round:first-child {
  border-radius: 18px 0 0 18px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round:last-child {
  border-radius: 0 18px 18px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 18px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-large:first-child {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-large:last-child {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-large:first-child:last-child {
  border-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round:first-child {
  border-radius: 0 18px 18px 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round:last-child {
  border-radius: 18px 0 0 18px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-size-large.veveditor-vod-btn-shape-round:first-child:last-child {
  border-radius: 18px;
}

.veveditor-vod-btn-group {
  display: inline-block;
}

.veveditor-vod-btn-group .veveditor-vod-btn-dashed:not(:first-child), .veveditor-vod-btn-group .veveditor-vod-btn-outline:not(:first-child) {
  margin-left: -1px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-primary:not(:last-child) {
  border-right: 1px solid rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-btn-group .veveditor-vod-btn-secondary:not(:last-child) {
  border-right: 1px solid var(--veveditor-vod-color-bg-3);
}

.veveditor-vod-btn-group .veveditor-vod-btn-text:not(:last-child) {
  border-right: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-status-warning:not(:last-child) {
  border-right: 1px solid rgb(var(--veveditor-vod-warning-5));
}

.veveditor-vod-btn-group .veveditor-vod-btn-status-warning:not(:last-child).veveditor-vod-btn-text {
  border-right: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-status-danger:not(:last-child) {
  border-right: 1px solid rgb(var(--veveditor-vod-danger-5));
}

.veveditor-vod-btn-group .veveditor-vod-btn-status-danger:not(:last-child).veveditor-vod-btn-text {
  border-right: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-status-success:not(:last-child) {
  border-right: 1px solid rgb(var(--veveditor-vod-success-5));
}

.veveditor-vod-btn-group .veveditor-vod-btn-status-success:not(:last-child).veveditor-vod-btn-text {
  border-right: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-dashed:not(:first-child), .veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-outline:not(:first-child) {
  margin-left: 0;
  margin-right: -1px;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-primary:not(:last-child) {
  border-left: 1px solid rgb(var(--veveditor-vod-primary-5));
  border-right: 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-secondary:not(:last-child) {
  border-left: 1px solid var(--veveditor-vod-color-bg-3);
  border-right: 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-text:not(:last-child) {
  border-left: 1px solid #0000;
  border-right: 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-status-warning:not(:last-child) {
  border-left: 1px solid rgb(var(--veveditor-vod-warning-5));
  border-right: 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-status-warning:not(:last-child).veveditor-vod-btn-text {
  border-left: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-status-danger:not(:last-child) {
  border-left: 1px solid rgb(var(--veveditor-vod-danger-5));
  border-right: 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-status-danger:not(:last-child).veveditor-vod-btn-text {
  border-left: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-status-success:not(:last-child) {
  border-left: 1px solid rgb(var(--veveditor-vod-success-5));
  border-right: 0;
}

.veveditor-vod-btn-group .veveditor-vod-btn-rtl.veveditor-vod-btn-status-success:not(:last-child).veveditor-vod-btn-text {
  border-left: 1px solid #0000;
}

.veveditor-vod-btn-group .veveditor-vod-btn-dashed:active, .veveditor-vod-btn-group .veveditor-vod-btn-dashed:hover, .veveditor-vod-btn-group .veveditor-vod-btn-outline:active, .veveditor-vod-btn-group .veveditor-vod-btn-outline:hover {
  z-index: 2;
}

.veveditor-vod-btn-group .veveditor-vod-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.veveditor-vod-btn-rtl {
  direction: rtl;
}

body[arco-theme="dark"] .veveditor-vod-btn-primary.veveditor-vod-btn-disabled {
  color: #ffffff4d;
}

.veveditor-vod-calendar {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-calendar-header {
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
}

.veveditor-vod-calendar-header-left {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex: 1;
  align-items:  center;
  height: 28px;
  line-height: 28px;
}

.veveditor-vod-calendar-header-right {
  position: relative;
  height: 28px;
}

.veveditor-vod-calendar-header-value {
  color: var(--veveditor-vod-color-text-1);
  font-size: 20px;
  font-weight: 500;
}

.veveditor-vod-calendar-header-icon {
  background-color: var(--veveditor-vod-color-bg-5);
  color: var(--veveditor-vod-color-text-2);
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  transition: all .1s linear;
  font-size: 12px;
  line-height: 28px;
}

.veveditor-vod-calendar-header-icon:not(:first-child) {
  margin: 0 12px;
}

.veveditor-vod-calendar-header-icon:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-calendar-header-icon:not(.veveditor-vod-calendar-header-icon-hidden) {
  cursor: pointer;
}

.veveditor-vod-calendar-header-icon:not(.veveditor-vod-calendar-header-icon-hidden):hover {
  background-color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-calendar .veveditor-vod-calendar-header-value-year {
  width: 100px;
  margin-right: 8px;
}

.veveditor-vod-calendar .veveditor-vod-calendar-header-value-month {
  width: 76px;
  margin-right: 32px;
}

.veveditor-vod-calendar-month {
  width: 100%;
}

.veveditor-vod-calendar-month-row {
  display: -ms-flexbox;
  display: flex;
  height: 100px;
}

.veveditor-vod-calendar-month-row .veveditor-vod-calendar-cell {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  overflow: hidden;
  flex: 1;
}

.veveditor-vod-calendar-month-row:last-child .veveditor-vod-calendar-cell {
  border-bottom: unset;
}

.veveditor-vod-calendar-month-cell-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-calendar-mode-month:not(.veveditor-vod-calendar-panel) .veveditor-vod-calendar-cell:not(:last-child) {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-calendar-week-list {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
}

.veveditor-vod-calendar-week-list-item {
  color: #7d7d7f;
  text-align: left;
  flex: 1;
  padding: 20px 16px;
}

.veveditor-vod-calendar-cell .veveditor-vod-calendar-date {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.veveditor-vod-calendar-cell .veveditor-vod-calendar-date-circle {
  text-align: center;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.veveditor-vod-calendar-date-content {
  overflow-y: auto;
  height: 70px;
}

.veveditor-vod-calendar-cell-today .veveditor-vod-calendar-date-circle {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-calendar-date-value {
  color: var(--veveditor-vod-color-text-4);
  font-size: 16px;
  font-weight: 500;
}

.veveditor-vod-calendar-cell-in-view .veveditor-vod-calendar-date-value {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-calendar-mode-month .veveditor-vod-calendar-cell-selected .veveditor-vod-calendar-date-circle, .veveditor-vod-calendar-mode-year .veveditor-vod-calendar-cell-selected .veveditor-vod-calendar-cell-selected .veveditor-vod-calendar-date-circle {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
  color: #fff;
}

.veveditor-vod-calendar-mode-year:not(.veveditor-vod-calendar-panel) {
  min-width: 820px;
}

.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-header {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-body {
  padding: 12px;
}

.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-year-row {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-calendar-year-row > .veveditor-vod-calendar-cell {
  flex: 1;
  padding: 20px 8px;
}

.veveditor-vod-calendar-year-row > .veveditor-vod-calendar-cell:not(:last-child) {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-calendar-year-row:not(:last-child) > .veveditor-vod-calendar-cell {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-calendar-month-with-days .veveditor-vod-calendar-month-row {
  height: 26px;
}

.veveditor-vod-calendar-month-with-days .veveditor-vod-calendar-cell {
  border-bottom: 0;
}

.veveditor-vod-calendar-month-with-days .veveditor-vod-calendar-month-cell-body {
  padding: 0;
}

.veveditor-vod-calendar-month-with-days .veveditor-vod-calendar-month-title {
  color: var(--veveditor-vod-color-text-1);
  padding: 10px 6px;
  font-size: 16px;
  font-weight: 500;
}

.veveditor-vod-calendar-month-cell {
  width: 100%;
  font-size: 12px;
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-week-list {
  border-bottom: unset;
  padding: 0;
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-week-list-item {
  color: #7d7d7f;
  text-align: center;
  padding: 6px;
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-cell {
  text-align: center;
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-date {
  padding: 2px;
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-date-value {
  font-size: 14px;
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-date-circle {
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.veveditor-vod-calendar-panel {
  background-color: var(--veveditor-vod-color-bg-5);
  border: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-header {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  padding: 8px 16px;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-header-value {
  text-align: center;
  flex: 1;
  font-size: 14px;
  line-height: 24px;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-header-icon {
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  line-height: 24px;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-body {
  padding: 14px 16px;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-month-cell-body {
  padding: 0;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-month-row {
  height: unset;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-week-list {
  border-bottom: unset;
  padding: 0;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-week-list-item {
  text-align: center;
  height: 32px;
  padding: 0;
  font-weight: 400;
  line-height: 32px;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell, .veveditor-vod-calendar-panel .veveditor-vod-calendar-year-row .veveditor-vod-calendar-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 0;
  border-right: 0;
  padding: 2px 0;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell .veveditor-vod-calendar-date {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 4px 0;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell .veveditor-vod-calendar-date-value {
  cursor: pointer;
  min-width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
}

.veveditor-vod-calendar-panel.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-cell {
  padding: 4px 0;
}

.veveditor-vod-calendar-panel.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-cell .veveditor-vod-calendar-date {
  padding: 4px;
}

.veveditor-vod-calendar-panel.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-cell .veveditor-vod-calendar-date-value {
  border-radius: 12px;
  width: 100%;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell-selected .veveditor-vod-calendar-date-value {
  background-color: rgb(var(--veveditor-vod-primary-6));
  color: var(--veveditor-vod-color-white);
  border-radius: 50%;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell:not(.veveditor-vod-calendar-cell-selected):not(.veveditor-vod-calendar-cell-range-start):not(.veveditor-vod-calendar-cell-range-end):not(.veveditor-vod-calendar-cell-hover-range-start):not(.veveditor-vod-calendar-cell-hover-range-end):not(.veveditor-vod-calendar-cell-disabled):not(.veveditor-vod-calendar-cell-week) .veveditor-vod-calendar-date-value:hover {
  background-color: var(--veveditor-vod-color-primary-light-1);
  color: rgb(var(--veveditor-vod-primary-6));
  border-radius: 50%;
}

.veveditor-vod-calendar-panel.veveditor-vod-calendar-mode-year .veveditor-vod-calendar-cell:not(.veveditor-vod-calendar-cell-selected):not(.veveditor-vod-calendar-cell-range-start):not(.veveditor-vod-calendar-cell-range-end):not(.veveditor-vod-calendar-cell-hover-range-start):not(.veveditor-vod-calendar-cell-hover-range-end):not(.veveditor-vod-calendar-cell-disabled) .veveditor-vod-calendar-date-value:hover {
  border-radius: 12px;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell-today {
  position: relative;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell-today:after {
  background-color: rgb(var(--veveditor-vod-primary-6));
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  bottom: 0;
  left: 50%;
}

.veveditor-vod-calendar-cell-in-range .veveditor-vod-calendar-date {
  background-color: var(--veveditor-vod-color-primary-light-1);
}

.veveditor-vod-calendar-cell-range-start .veveditor-vod-calendar-date {
  border-radius: 16px 0 0 16px;
}

.veveditor-vod-calendar-cell-range-end .veveditor-vod-calendar-date {
  border-radius: 0 16px 16px 0;
}

.veveditor-vod-calendar-cell-in-range-near-hover .veveditor-vod-calendar-date {
  border-radius: 0;
}

.veveditor-vod-calendar-cell-range-end .veveditor-vod-calendar-date-value, .veveditor-vod-calendar-cell-range-start .veveditor-vod-calendar-date-value {
  background-color: rgb(var(--veveditor-vod-primary-6));
  color: var(--veveditor-vod-color-white);
  border-radius: 50%;
}

.veveditor-vod-calendar-cell-hover-in-range .veveditor-vod-calendar-date {
  background-color: var(--veveditor-vod-color-primary-light-1);
}

.veveditor-vod-calendar-cell-hover-range-start .veveditor-vod-calendar-date {
  border-radius: 16px 0 0 16px;
}

.veveditor-vod-calendar-cell-hover-range-end .veveditor-vod-calendar-date {
  border-radius: 0 16px 16px 0;
}

.veveditor-vod-calendar-cell-hover-range-end .veveditor-vod-calendar-date-value, .veveditor-vod-calendar-cell-hover-range-start .veveditor-vod-calendar-date-value {
  background-color: var(--veveditor-vod-color-primary-light-2);
  color: var(--veveditor-vod-color-text-1);
  border-radius: 50%;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell-disabled > .veveditor-vod-calendar-date {
  background-color: var(--veveditor-vod-color-fill-1);
  cursor: not-allowed;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-cell-disabled > .veveditor-vod-calendar-date > .veveditor-vod-calendar-date-value {
  background-color: var(--veveditor-vod-color-fill-1);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-calendar-panel .veveditor-vod-calendar-footer-btn-wrapper {
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  text-align: center;
  height: 38px;
  line-height: 38px;
}

.veveditor-vod-calendar-rtl {
  direction: rtl;
}

.veveditor-vod-calendar-rtl .veveditor-vod-calendar-header-icon {
  margin-left: 12px;
  margin-right: 0;
  transform: scaleX(-1);
}

.veveditor-vod-calendar-rtl .veveditor-vod-calendar-week-list-item {
  text-align: right;
}

.veveditor-vod-calendar-rtl.veveditor-vod-calendar-mode-month:not(.veveditor-vod-calendar-panel) .veveditor-vod-calendar-cell:not(:last-child) {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-right: 0;
}

.veveditor-vod-calendar-rtl .veveditor-vod-calendar-header-value-year {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-calendar-rtl .veveditor-vod-calendar-header-value-month {
  margin-left: 32px;
  margin-right: 0;
}

.veveditor-vod-card {
  background: var(--veveditor-vod-color-bg-white);
  border-radius: var(--veveditor-vod-border-radius-none);
  position: relative;
  transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
}

.veveditor-vod-card-header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0 solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  justify-content: space-between;
  align-items:  center;
}

.veveditor-vod-card-header-no-title:before {
  content: " ";
  display: block;
}

.veveditor-vod-card-header-title {
  color: var(--veveditor-vod-color-text-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
}

.veveditor-vod-card-header-extra {
  color: rgb(var(--veveditor-vod-primary-6));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.veveditor-vod-card-body {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-card-cover {
  overflow: hidden;
}

.veveditor-vod-card-cover > * {
  display: block;
  width: 100%;
}

.veveditor-vod-card-actions {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  margin-top: 20px;
}

.veveditor-vod-card-actions:before {
  content: "";
  visibility: hidden;
}

.veveditor-vod-card-actions-item, .veveditor-vod-card-actions-right {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-card-actions-item {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
  transition: color .2s linear;
}

.veveditor-vod-card-actions-item:hover {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-card-actions-item:not(:last-child) {
  margin-right: 12px;
}

.veveditor-vod-card-meta-footer {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.veveditor-vod-card-meta-footer:last-child {
  margin-top: 20px;
}

.veveditor-vod-card-meta-footer-only-actions:before {
  content: "";
  visibility: hidden;
}

.veveditor-vod-card-meta-footer .veveditor-vod-card-actions {
  margin-top: 0;
}

.veveditor-vod-card-meta-title {
  color: var(--veveditor-vod-color-text-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.veveditor-vod-card-meta-description:not(:first-child) {
  margin-top: 4px;
}

.veveditor-vod-card-grid {
  -webkit-box-shadow: 1px 0 0 0 var(--veveditor-vod-color-border-2), 0 1px 0 0 var(--veveditor-vod-color-border-2), 1px 1px 0 0 var(--veveditor-vod-color-border-2), 1px 0 0 0 var(--veveditor-vod-color-border-2) inset, 0 1px 0 0 var(--veveditor-vod-color-border-2) inset;
  box-shadow: 1px 0 0 0 var(--veveditor-vod-color-border-2), 0 1px 0 0 var(--veveditor-vod-color-border-2), 1px 1px 0 0 var(--veveditor-vod-color-border-2), 1px 0 0 0 var(--veveditor-vod-color-border-2) inset, 0 1px 0 0 var(--veveditor-vod-color-border-2) inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 33.33%;
}

.veveditor-vod-card-grid:before {
  content: "";
  pointer-events: none;
  position: absolute;
  transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
  inset: 0;
}

.veveditor-vod-card-grid-hoverable:hover {
  z-index: 1;
}

.veveditor-vod-card-grid-hoverable:hover:before {
  -webkit-box-shadow: 0 4px 10px rgb(var(--veveditor-vod-gray-2));
  box-shadow: 0 4px 10px rgb(var(--veveditor-vod-gray-2));
}

.veveditor-vod-card-grid .veveditor-vod-card {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-card-contain-grid:not(.veveditor-vod-card-loading) > .veveditor-vod-card-body {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
  padding: 0;
}

.veveditor-vod-card-hoverable:hover {
  -webkit-box-shadow: 0 4px 10px rgb(var(--veveditor-vod-gray-2));
  box-shadow: 0 4px 10px rgb(var(--veveditor-vod-gray-2));
}

.veveditor-vod-card-bordered {
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: 4px;
}

.veveditor-vod-card-bordered .veveditor-vod-card-cover {
  border-radius: 4px 4px 0 0;
}

.veveditor-vod-card-loading .veveditor-vod-card-body {
  overflow: hidden;
  text-align: center;
}

.veveditor-vod-card-size-default {
  font-size: 12px;
}

.veveditor-vod-card-size-default .veveditor-vod-card-header {
  height: 24px;
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-card-size-default .veveditor-vod-card-header-extra, .veveditor-vod-card-size-default .veveditor-vod-card-header-title, .veveditor-vod-card-size-default .veveditor-vod-card-meta-title {
  font-size: 14px;
}

.veveditor-vod-card-size-default .veveditor-vod-card-body {
  padding: 2px 0;
}

.veveditor-vod-card-size-small {
  font-size: 12px;
}

.veveditor-vod-card-size-small .veveditor-vod-card-header {
  height: 24px;
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-card-size-small .veveditor-vod-card-header-extra, .veveditor-vod-card-size-small .veveditor-vod-card-header-title, .veveditor-vod-card-size-small .veveditor-vod-card-meta-title {
  font-size: 14px;
}

.veveditor-vod-card-size-small .veveditor-vod-card-body {
  padding: 12px 0;
}

.veveditor-vod-card-rtl .veveditor-vod-card-actions-item:not(:last-child) {
  margin-left: 12px;
  margin-right: 0;
}

body[arco-theme="dark"] .veveditor-vod-card-grid-hoverable:hover:before, body[arco-theme="dark"] .veveditor-vod-card-hoverable:hover {
  -webkit-box-shadow: 0 4px 10px rgba(var(--veveditor-vod-gray-1), 40%);
  box-shadow: 0 4px 10px rgba(var(--veveditor-vod-gray-1), 40%);
}

@keyframes veveditor-vod-carousel-slide-x-in {
  0% {
    -webkit-transform: translateX(100%);
    transform: translate(100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}

@keyframes veveditor-vod-carousel-slide-x-out {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
  }
}

@keyframes veveditor-vod-carousel-slide-x-in-reverse {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}

@keyframes veveditor-vod-carousel-slide-x-out-reverse {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }

  to {
    -webkit-transform: translateX(100%);
    transform: translate(100%);
  }
}

@keyframes veveditor-vod-carousel-slide-y-in {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes veveditor-vod-carousel-slide-y-out {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes veveditor-vod-carousel-slide-y-in-reverse {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes veveditor-vod-carousel-slide-y-out-reverse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes veveditor-vod-carousel-card-bottom-to-middle {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0)translateZ(-400px);
    transform: translate(0)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-bottom {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-100%)translateZ(-400px);
    transform: translate(-100%)translateZ(-400px);
  }
}

@keyframes veveditor-vod-carousel-card-top-to-middle {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-top {
  0% {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }
}

@keyframes veveditor-vod-carousel-card-bottom-to-middle-reverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%)translateZ(-400px);
    transform: translate(-100%)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-bottom-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(0)translateZ(-400px);
    transform: translate(0)translateZ(-400px);
  }
}

@keyframes veveditor-vod-carousel-card-top-to-middle-reverse {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(0)translateZ(-200px);
    transform: translate(0)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-top-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-100%)translateZ(-200px);
    transform: translate(-100%)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateZ(0);
    transform: translate(-50%)translateZ(0);
  }
}

@keyframes veveditor-vod-carousel-card-right-to-middle {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-400px);
    transform: translate(-50%)translateY(0)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-right {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-400px);
    transform: translate(-50%)translateY(-100%)translateZ(-400px);
  }
}

@keyframes veveditor-vod-carousel-card-left-to-middle {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-left {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }
}

@keyframes veveditor-vod-carousel-card-right-to-middle-reverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-400px);
    transform: translate(-50%)translateY(-100%)translateZ(-400px);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-right-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-400px);
    transform: translate(-50%)translateY(0)translateZ(-400px);
  }
}

@keyframes veveditor-vod-carousel-card-left-to-middle-reverse {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }

  to {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
    transform: translate(-50%)translateY(0)translateZ(-200px);
  }
}

@keyframes veveditor-vod-carousel-card-middle-to-left-reverse {
  0% {
    opacity: .4;
    -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
    transform: translate(-50%)translateY(-100%)translateZ(-200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translate(-50%)translateY(-50%)translateZ(0);
  }
}

.veveditor-vod-carousel {
  position: relative;
}

.veveditor-vod-carousel-indicator-position-outer {
  margin-bottom: 30px;
}

.veveditor-vod-carousel-card, .veveditor-vod-carousel-fade, .veveditor-vod-carousel-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.veveditor-vod-carousel-card > *, .veveditor-vod-carousel-fade > *, .veveditor-vod-carousel-slide > * {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-carousel-item-current {
  position: relative;
  z-index: 1;
}

.veveditor-vod-carousel-slide > :not(.veveditor-vod-carousel-item-current) {
  visibility: hidden;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-slide-out {
  -webkit-animation: veveditor-vod-carousel-slide-x-out;
  animation: veveditor-vod-carousel-slide-x-out;
  display: block;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-slide-in {
  -webkit-animation: veveditor-vod-carousel-slide-x-in;
  animation: veveditor-vod-carousel-slide-x-in;
  display: block;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-slide-out {
  -webkit-animation: veveditor-vod-carousel-slide-x-out-reverse;
  animation: veveditor-vod-carousel-slide-x-out-reverse;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-slide-in {
  -webkit-animation: veveditor-vod-carousel-slide-x-in-reverse;
  animation: veveditor-vod-carousel-slide-x-in-reverse;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-vertical .veveditor-vod-carousel-item-slide-out {
  -webkit-animation: veveditor-vod-carousel-slide-y-out;
  animation: veveditor-vod-carousel-slide-y-out;
  display: block;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-vertical .veveditor-vod-carousel-item-slide-in {
  -webkit-animation: veveditor-vod-carousel-slide-y-in;
  animation: veveditor-vod-carousel-slide-y-in;
  display: block;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-vertical.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-slide-out {
  -webkit-animation: veveditor-vod-carousel-slide-y-out-reverse;
  animation: veveditor-vod-carousel-slide-y-out-reverse;
}

.veveditor-vod-carousel-slide.veveditor-vod-carousel-vertical.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-slide-in {
  -webkit-animation: veveditor-vod-carousel-slide-y-in-reverse;
  animation: veveditor-vod-carousel-slide-y-in-reverse;
}

.veveditor-vod-carousel-card {
  -webkit-perspective: 800px;
  perspective: 800px;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal > * {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-bottom;
  animation: veveditor-vod-carousel-card-middle-to-bottom;
  opacity: 0;
  -webkit-transform: translateX(-50%)translateZ(-400px);
  left: 50%;
  transform: translate(-50%)translateZ(-400px);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-prev {
  -webkit-animation: veveditor-vod-carousel-card-top-to-middle;
  animation: veveditor-vod-carousel-card-top-to-middle;
  opacity: .4;
  -webkit-transform: translateX(-100%)translateZ(-200px);
  transform: translate(-100%)translateZ(-200px);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-next {
  -webkit-animation: veveditor-vod-carousel-card-bottom-to-middle;
  animation: veveditor-vod-carousel-card-bottom-to-middle;
  opacity: .4;
  -webkit-transform: translateX(0)translateZ(-200px);
  transform: translate(0)translateZ(-200px);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal .veveditor-vod-carousel-item-current {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-top;
  animation: veveditor-vod-carousel-card-middle-to-top;
  opacity: 1;
  -webkit-transform: translateX(-50%)translateZ(0);
  transform: translate(-50%)translateZ(0);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative > * {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-bottom-reverse;
  animation: veveditor-vod-carousel-card-middle-to-bottom-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-prev {
  -webkit-animation: veveditor-vod-carousel-card-bottom-to-middle-reverse;
  animation: veveditor-vod-carousel-card-bottom-to-middle-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-next {
  -webkit-animation: veveditor-vod-carousel-card-top-to-middle-reverse;
  animation: veveditor-vod-carousel-card-top-to-middle-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-horizontal.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-current {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-top-reverse;
  animation: veveditor-vod-carousel-card-middle-to-top-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-vertical > * {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-right;
  animation: veveditor-vod-carousel-card-middle-to-right;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transform: translateX(-50%)translateY(-50%)translateZ(-400px);
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%)translateY(-50%)translateZ(-400px);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-vertical .veveditor-vod-carousel-item-prev {
  -webkit-animation: veveditor-vod-carousel-card-left-to-middle;
  animation: veveditor-vod-carousel-card-left-to-middle;
  opacity: .4;
  -webkit-transform: translateX(-50%)translateY(-100%)translateZ(-200px);
  transform: translate(-50%)translateY(-100%)translateZ(-200px);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-vertical .veveditor-vod-carousel-item-next {
  -webkit-animation: veveditor-vod-carousel-card-right-to-middle;
  animation: veveditor-vod-carousel-card-right-to-middle;
  opacity: .4;
  -webkit-transform: translateX(-50%)translateY(0)translateZ(-200px);
  transform: translate(-50%)translateY(0)translateZ(-200px);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-vertical .veveditor-vod-carousel-item-current {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-left;
  animation: veveditor-vod-carousel-card-middle-to-left;
  opacity: 1;
  -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
  transform: translate(-50%)translateY(-50%)translateZ(0);
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-negative > * {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-right-reverse;
  animation: veveditor-vod-carousel-card-middle-to-right-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-prev {
  -webkit-animation: veveditor-vod-carousel-card-right-to-middle-reverse;
  animation: veveditor-vod-carousel-card-right-to-middle-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-next {
  -webkit-animation: veveditor-vod-carousel-card-left-to-middle-reverse;
  animation: veveditor-vod-carousel-card-left-to-middle-reverse;
}

.veveditor-vod-carousel-card.veveditor-vod-carousel-negative .veveditor-vod-carousel-item-current {
  -webkit-animation: veveditor-vod-carousel-card-middle-to-left-reverse;
  animation: veveditor-vod-carousel-card-middle-to-left-reverse;
}

.veveditor-vod-carousel-fade > * {
  opacity: 0;
  -webkit-transform: translateX(-50%);
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-carousel-fade .veveditor-vod-carousel-item-current {
  opacity: 1;
}

.veveditor-vod-carousel-indicator {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin: 0;
  padding: 0;
}

.veveditor-vod-carousel-indicator-wrapper {
  position: absolute;
  z-index: 2;
}

.veveditor-vod-carousel-indicator-wrapper-top {
  background: linear-gradient(#00000026, #0000 87%);
  height: 48px;
  top: 0;
  left: 0;
  right: 0;
}

.veveditor-vod-carousel-indicator-wrapper-bottom {
  background: linear-gradient(#0000 13%, #00000026);
  height: 48px;
  bottom: 0;
  left: 0;
  right: 0;
}

.veveditor-vod-carousel-indicator-wrapper-left {
  background: linear-gradient(90deg, #00000026, #0000 87%);
  width: 48px;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-carousel-indicator-wrapper-right {
  background: linear-gradient(90deg, #0000 13%, #00000026);
  width: 48px;
  height: 100%;
  top: 0;
  right: 0;
}

.veveditor-vod-carousel-indicator-wrapper-outer {
  background: none;
  left: 0;
  right: 0;
}

.veveditor-vod-carousel-indicator-wrapper-outer-right {
  width: 20px;
  height: 100%;
  top: 0;
  right: 0;
}

.veveditor-vod-carousel-indicator-bottom {
  -webkit-transform: translateX(-50%);
  bottom: 12px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-carousel-indicator-top {
  -webkit-transform: translateX(-50%);
  top: 12px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-carousel-indicator-left {
  top: 50%;
  left: 12px;
  transform: translate(-50%, -50%)rotate(90deg);
}

.veveditor-vod-carousel-indicator-right {
  top: 50%;
  right: 12px;
  transform: translate(50%, -50%)rotate(90deg);
}

.veveditor-vod-carousel-indicator-outer {
  -webkit-transform: translateX(-50%);
  background-color: #0000;
  border-radius: 20px;
  padding: 4px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-carousel-indicator-outer.veveditor-vod-carousel-indicator-dot {
  bottom: -22px;
}

.veveditor-vod-carousel-indicator-outer.veveditor-vod-carousel-indicator-line {
  bottom: -20px;
}

.veveditor-vod-carousel-indicator-outer.veveditor-vod-carousel-indicator-slider {
  background-color: rgba(var(--veveditor-vod-gray-4), .5);
  padding: 0;
  bottom: -16px;
}

.veveditor-vod-carousel-indicator-outer .veveditor-vod-carousel-indicator-item {
  background-color: rgba(var(--veveditor-vod-gray-4), .5);
}

.veveditor-vod-carousel-indicator-outer .veveditor-vod-carousel-indicator-item-active, .veveditor-vod-carousel-indicator-outer .veveditor-vod-carousel-indicator-item:hover {
  background-color: var(--veveditor-vod-color-fill-4);
}

.veveditor-vod-carousel-indicator-outer-right {
  background-color: #0000;
  border-radius: 20px;
  padding: 4px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(90deg);
}

.veveditor-vod-carousel-indicator-outer-right.veveditor-vod-carousel-indicator-slider {
  background-color: rgba(var(--veveditor-vod-gray-4), .5);
  padding: 0;
}

.veveditor-vod-carousel-indicator-outer-right .veveditor-vod-carousel-indicator-item {
  background-color: rgba(var(--veveditor-vod-gray-4), .5);
}

.veveditor-vod-carousel-indicator-outer-right .veveditor-vod-carousel-indicator-item-active, .veveditor-vod-carousel-indicator-outer-right .veveditor-vod-carousel-indicator-item:hover {
  background-color: var(--veveditor-vod-color-fill-4);
}

.veveditor-vod-carousel-indicator-item {
  border-radius: var(--veveditor-vod-border-radius-medium);
  cursor: pointer;
  display: inline-block;
  background-color: #ffffff4d;
}

.veveditor-vod-carousel-indicator-item-active, .veveditor-vod-carousel-indicator-item:hover {
  background-color: var(--veveditor-vod-color-white);
}

.veveditor-vod-carousel-indicator-dot .veveditor-vod-carousel-indicator-item {
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.veveditor-vod-carousel-indicator-dot .veveditor-vod-carousel-indicator-item:not(:last-child) {
  margin-right: 8px;
}

.veveditor-vod-carousel-indicator-line .veveditor-vod-carousel-indicator-item {
  width: 12px;
  height: 4px;
}

.veveditor-vod-carousel-indicator-line .veveditor-vod-carousel-indicator-item:not(:last-child) {
  margin-right: 8px;
}

.veveditor-vod-carousel-indicator-slider {
  border-radius: var(--veveditor-vod-border-radius-medium);
  cursor: pointer;
  background-color: #ffffff4d;
  width: 48px;
  height: 4px;
}

.veveditor-vod-carousel-indicator-slider .veveditor-vod-carousel-indicator-item {
  position: absolute;
  height: 100%;
  transition: left .3s;
  top: 0;
}

.veveditor-vod-carousel-arrow > div {
  display: -ms-flexbox;
  display: flex;
  color: var(--veveditor-vod-color-white);
  cursor: pointer;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
  background-color: #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
}

.veveditor-vod-carousel-arrow > div:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-carousel-arrow > div > svg {
  color: var(--veveditor-vod-color-white);
  font-size: 14px;
}

.veveditor-vod-carousel-arrow > div:hover {
  background-color: #ffffff80;
}

.veveditor-vod-carousel-arrow-left {
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.veveditor-vod-carousel-arrow-right {
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.veveditor-vod-carousel-arrow-top {
  -webkit-transform: translateX(-50%);
  top: 12px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-carousel-arrow-bottom {
  -webkit-transform: translateX(-50%);
  bottom: 12px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-carousel-arrow-hover div {
  opacity: 0;
  transition: all .3s;
}

.veveditor-vod-carousel:hover .veveditor-vod-carousel-arrow-hover div {
  opacity: 1;
}

.veveditor-vod-carousel-rtl .veveditor-vod-carousel-indicator-dot .veveditor-vod-carousel-indicator-item:not(:last-child), .veveditor-vod-carousel-rtl .veveditor-vod-carousel-indicator-line .veveditor-vod-carousel-indicator-item:not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}

body[arco-theme="dark"] .veveditor-vod-carousel-arrow > div {
  background-color: rgba(var(--veveditor-vod-gray-1), .3);
}

body[arco-theme="dark"] .veveditor-vod-carousel-arrow > div:hover {
  background-color: rgba(var(--veveditor-vod-gray-1), .5);
}

body[arco-theme="dark"] .veveditor-vod-carousel-indicator-item, body[arco-theme="dark"] .veveditor-vod-carousel-indicator-slider {
  background-color: rgba(var(--veveditor-vod-gray-1), .3);
}

body[arco-theme="dark"] .veveditor-vod-carousel-indicator-item-active, body[arco-theme="dark"] .veveditor-vod-carousel-indicator-item:hover {
  background-color: var(--veveditor-vod-color-white);
}

body[arco-theme="dark"] .veveditor-vod-carousel-indicator-outer.veveditor-vod-carousel-indicator-slider {
  background-color: rgba(var(--veveditor-vod-gray-4), .5);
}

body[arco-theme="dark"] .veveditor-vod-carousel-indicator-outer .veveditor-vod-carousel-indicator-item-active, body[arco-theme="dark"] .veveditor-vod-carousel-indicator-outer .veveditor-vod-carousel-indicator-item:hover {
  background-color: var(--veveditor-vod-color-fill-4);
}

.veveditor-vod-cascader .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-cascader:hover .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-cascader.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-text-1);
  box-shadow: 0 0 #0000;
}

.veveditor-vod-cascader .veveditor-vod-cascader-arrow-icon, .veveditor-vod-cascader .veveditor-vod-cascader-clear-icon, .veveditor-vod-cascader .veveditor-vod-cascader-expand-icon, .veveditor-vod-cascader .veveditor-vod-cascader-loading-icon, .veveditor-vod-cascader .veveditor-vod-cascader-search-icon, .veveditor-vod-cascader .veveditor-vod-cascader-suffix-icon {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-cascader-error .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-cascader-error:hover .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-cascader-error.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  color: var(--veveditor-vod-color-text-1);
  box-shadow: 0 0 #0000;
}

.veveditor-vod-cascader-warning .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border: 1px solid #0000;
}

.veveditor-vod-cascader-warning:hover .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-cascader-warning.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-cascader-disabled .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-cascader-disabled:hover .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-cascader-disabled .veveditor-vod-cascader-arrow-icon, .veveditor-vod-cascader-disabled .veveditor-vod-cascader-clear-icon, .veveditor-vod-cascader-disabled .veveditor-vod-cascader-expand-icon, .veveditor-vod-cascader-disabled .veveditor-vod-cascader-loading-icon, .veveditor-vod-cascader-disabled .veveditor-vod-cascader-search-icon, .veveditor-vod-cascader-disabled .veveditor-vod-cascader-suffix-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-cascader-no-border .veveditor-vod-cascader-view {
  background: none !important;
  border: none !important;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view {
  height: auto;
  padding: 0 3px;
  font-size: 12px;
  line-height: 0;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-right: 8px;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple input {
  font-size: 12px;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  height: 24px;
  padding: 0 11px;
  font-size: 12px;
  line-height: 22px;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-single input {
  font-size: 12px;
}

.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-right: 8px;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple input {
  font-size: 13px;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  height: 28px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 26px;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-single input {
  font-size: 13px;
}

.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-right: 8px;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple input {
  font-size: 13px;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  height: 32px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 30px;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-single input {
  font-size: 13px;
}

.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-right: 8px;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple input {
  font-size: 13px;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  height: 36px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 34px;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-single input {
  font-size: 13px;
}

.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-cascader {
  cursor: pointer;
  display: inline-block;
}

.veveditor-vod-cascader, .veveditor-vod-cascader-view {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.veveditor-vod-cascader-view {
  display: -ms-flexbox;
  display: flex;
  outline: none;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  transition: all .1s linear, padding linear;
}

.veveditor-vod-cascader-view input {
  color: inherit;
  cursor: inherit;
}

.veveditor-vod-cascader-view input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-cascader-view input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-cascader-view input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-cascader-view input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-cascader-view input[disabled] {
  pointer-events: none;
}

.veveditor-vod-cascader-multiple, .veveditor-vod-cascader-show-search {
  cursor: text;
}

.veveditor-vod-cascader-disabled {
  cursor: not-allowed;
}

.veveditor-vod-cascader-disabled .veveditor-vod-cascader-view input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-cascader-disabled .veveditor-vod-cascader-view input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-cascader-disabled .veveditor-vod-cascader-view input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-cascader-disabled .veveditor-vod-cascader-view input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  width: 100%;
  padding: 0;
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view-selector {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view-selector .veveditor-vod-cascader-view-input {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view-selector .veveditor-vod-cascader-view-value-mirror {
  opacity: 0;
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view-value, .veveditor-vod-cascader-single .veveditor-vod-cascader-view-value-mirror {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view-value-mirror:after, .veveditor-vod-cascader-single .veveditor-vod-cascader-view-value:after {
  content: ".";
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.veveditor-vod-cascader-single .veveditor-vod-cascader-view .veveditor-vod-cascader-hidden {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-cascader-multiple {
  vertical-align: top;
}

.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view {
  padding: 0 4px;
  line-height: 0;
}

.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 12px;
}

.veveditor-vod-cascader-multiple .veveditor-vod-input-tag {
  overflow: hidden;
  flex: 1;
  padding: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.veveditor-vod-cascader-multiple .veveditor-vod-tag {
  max-width: 100%;
}

.veveditor-vod-cascader-multiple:not(.veveditor-vod-cascader-focused) .veveditor-vod-input-tag input:not(:first-child)[value=""] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-cascader-prefix {
  color: var(--veveditor-vod-color-fill-2);
  white-space: nowrap;
  margin-right: 12px;
}

.veveditor-vod-cascader-prefix, .veveditor-vod-cascader-suffix {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-cascader-suffix {
  margin-left: 4px;
}

.veveditor-vod-cascader-clear-icon, .veveditor-vod-cascader-expand-icon, .veveditor-vod-cascader-loading-icon, .veveditor-vod-cascader-search-icon, .veveditor-vod-cascader-suffix-icon {
  transition: all .1s linear;
  font-size: 16px;
}

.veveditor-vod-cascader-arrow-icon {
  font-size: 16px;
}

.veveditor-vod-cascader-open .veveditor-vod-cascader-arrow-icon svg {
  transform: rotate(180deg);
}

.veveditor-vod-cascader .veveditor-vod-cascader-clear-icon {
  cursor: pointer;
  display: none;
}

.veveditor-vod-cascader .veveditor-vod-cascader-clear-icon > svg {
  position: relative;
  transition: all .1s linear;
}

.veveditor-vod-cascader:hover .veveditor-vod-cascader-clear-icon {
  display: block;
}

.veveditor-vod-cascader:hover .veveditor-vod-cascader-clear-icon ~ * {
  display: none;
}

.veveditor-vod-cascader-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: stretch;
  width: 100%;
}

.veveditor-vod-cascader-wrapper .veveditor-vod-cascader {
  min-width: 0;
}

.veveditor-vod-cascader-wrapper .veveditor-vod-cascader:not(.veveditor-vod-cascader-focused):not(:first-child) .veveditor-vod-cascader-view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.veveditor-vod-cascader-wrapper .veveditor-vod-cascader:not(.veveditor-vod-cascader-focused):not(:last-child) .veveditor-vod-cascader-view {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-cascader-addbefore {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #0000;
  border-right: 1px solid var(--veveditor-vod-color-border-2);
  color: var(--veveditor-vod-color-text-1);
  white-space: nowrap;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  align-items:  center;
  padding: 0 12px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-mini.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-small.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-default.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-cascader-rtl.veveditor-vod-cascader-size-large.veveditor-vod-cascader-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-cascader-wrapper-rtl .veveditor-vod-cascader-addbefore {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: unset;
}

.veveditor-vod-cascader-rtl .veveditor-vod-cascader-view {
  text-align: right;
}

.veveditor-vod-cascader-rtl .veveditor-vod-cascader-multiple .veveditor-vod-cascader-view-with-prefix {
  padding-left: 0;
  padding-right: 12px;
}

.veveditor-vod-cascader-rtl .veveditor-vod-cascader-prefix {
  margin-left: 12px;
  margin-right: 0;
}

.veveditor-vod-cascader-rtl .veveditor-vod-cascader-suffix {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-cascader-popup {
  background-color: var(--veveditor-vod-color-bg-popup);
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  top: 4px;
  box-shadow: 0 4px 10px #0000001a;
}

.veveditor-vod-cascader-popup-trigger-hover .veveditor-vod-cascader-list-item {
  transition: font-weight;
}

.veveditor-vod-cascader-popup .veveditor-vod-cascader-popup-inner {
  list-style: none;
  white-space: nowrap;
  width: 100%;
  height: 200px;
}

.veveditor-vod-cascader-highlight {
  font-weight: 500;
}

.veveditor-vod-cascader-list-column {
  background-color: var(--veveditor-vod-color-bg-popup);
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 100%;
}

.veveditor-vod-cascader-list-column-virtual {
  width: 120px;
}

.veveditor-vod-cascader-list-column:not(:last-of-type) {
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-cascader-list-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  white-space: nowrap;
  flex-direction: column;
  height: 100%;
  padding: 4px 0;
}

.veveditor-vod-cascader-list-wrapper-with-footer {
  padding-bottom: 0;
}

.veveditor-vod-cascader-list-empty {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 100%;
}

.veveditor-vod-cascader-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  overflow-y: auto;
  flex: 1;
  margin: 0;
  padding: 0;
}

.veveditor-vod-cascader-list-item, .veveditor-vod-cascader-list-search-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #0000;
  min-width: 100px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
}

.veveditor-vod-cascader-list-item-label, .veveditor-vod-cascader-list-search-item-label {
  flex-grow: 1;
  padding-left: 12px;
  padding-right: 34px;
}

.veveditor-vod-cascader-list-item .veveditor-vod-icon-check, .veveditor-vod-cascader-list-item .veveditor-vod-icon-right, .veveditor-vod-cascader-list-search-item .veveditor-vod-icon-check, .veveditor-vod-cascader-list-search-item .veveditor-vod-icon-right {
  color: var(--veveditor-vod-color-text-2);
  position: absolute;
  font-size: 12px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.veveditor-vod-cascader-list-item .veveditor-vod-icon-check, .veveditor-vod-cascader-list-search-item .veveditor-vod-icon-check {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-cascader-list-item .veveditor-vod-icon-loading, .veveditor-vod-cascader-list-search-item .veveditor-vod-icon-loading {
  color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  margin-top: -6px;
  font-size: 12px;
  top: 50%;
  right: 10px;
}

.veveditor-vod-cascader-list-item:hover, .veveditor-vod-cascader-list-search-item-hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-cascader-list-item:hover .veveditor-vod-checkbox input, .veveditor-vod-cascader-list-search-item-hover .veveditor-vod-checkbox input {
  display: none;
}

.veveditor-vod-cascader-list-item:hover .veveditor-vod-checkbox:not(.veveditor-vod-checkbox-disabled):not(.veveditor-vod-checkbox-checked):hover .veveditor-vod-checkbox-icon-hover:before, .veveditor-vod-cascader-list-search-item-hover .veveditor-vod-checkbox:not(.veveditor-vod-checkbox-disabled):not(.veveditor-vod-checkbox-checked):hover .veveditor-vod-checkbox-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-cascader-list-item-disabled, .veveditor-vod-cascader-list-item-disabled:hover, .veveditor-vod-cascader-list-search-item-disabled, .veveditor-vod-cascader-list-search-item-disabled:hover {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-cascader-list-item-disabled .veveditor-vod-icon-right, .veveditor-vod-cascader-list-item-disabled:hover .veveditor-vod-icon-right, .veveditor-vod-cascader-list-search-item-disabled .veveditor-vod-icon-right, .veveditor-vod-cascader-list-search-item-disabled:hover .veveditor-vod-icon-right {
  color: inherit;
}

.veveditor-vod-cascader-list-item-disabled .veveditor-vod-icon-check, .veveditor-vod-cascader-list-item-disabled:hover .veveditor-vod-icon-check, .veveditor-vod-cascader-list-search-item-disabled .veveditor-vod-icon-check, .veveditor-vod-cascader-list-search-item-disabled:hover .veveditor-vod-icon-check {
  color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-cascader-list-item-active {
  transition: all .2s linear;
}

.veveditor-vod-cascader-list-item-active, .veveditor-vod-cascader-list-item-active:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: rgb(var(--veveditor-vod-primary-7));
  font-weight: 500;
}

.veveditor-vod-cascader-list-item-active.veveditor-vod-cascader-list-item-disabled, .veveditor-vod-cascader-list-item-active.veveditor-vod-cascader-list-item-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-4);
  font-weight: 500;
}

.veveditor-vod-cascader-list-multiple .veveditor-vod-cascader-list-item-label {
  padding-left: 0;
}

.veveditor-vod-cascader-list-multiple .veveditor-vod-cascader-list-item, .veveditor-vod-cascader-list-multiple .veveditor-vod-cascader-list-search-item {
  padding-left: 12px;
}

.veveditor-vod-cascader-list-multiple .veveditor-vod-cascader-list-item .veveditor-vod-checkbox, .veveditor-vod-cascader-list-multiple .veveditor-vod-cascader-list-search-item .veveditor-vod-checkbox {
  margin-right: 8px;
  padding-left: 0;
}

.veveditor-vod-cascader-list-search.veveditor-vod-cascader-list-multiple .veveditor-vod-cascader-list-item-label {
  padding-right: 12px;
}

.veveditor-vod-cascader-list-footer {
  border-top: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  padding-left: 12px;
  line-height: 32px;
}

.cascaderSlide-appear-active, .cascaderSlide-enter-active {
  transition: margin .3s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-cascader-list-column-rtl {
  direction: rtl;
}

.veveditor-vod-cascader-list-column-rtl:not(:last-of-type) {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: none;
}

.veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-item-label, .veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-search-item-label {
  padding-left: 34px;
  padding-right: 12px;
}

.veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-item .veveditor-vod-icon-check, .veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-item .veveditor-vod-icon-left, .veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-search-item .veveditor-vod-icon-check, .veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-search-item .veveditor-vod-icon-left {
  color: var(--veveditor-vod-color-text-2);
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 10px;
  right: auto;
  transform: translateY(-50%);
}

.veveditor-vod-cascader-list-rtl .veveditor-vod-cascader-list-footer {
  padding-left: 0;
  padding-right: 12px;
}

.veveditor-vod-cascader-list-rtl.veveditor-vod-cascader-multiple .veveditor-vod-cascader-list-item-label {
  padding-right: 0;
}

.veveditor-vod-cascader-list-rtl.veveditor-vod-cascader-multiple .veveditor-vod-cascader-list-item, .veveditor-vod-cascader-list-rtl.veveditor-vod-cascader-multiple .veveditor-vod-cascader-list-search-item {
  padding-right: 12px;
}

.veveditor-vod-cascader-list-rtl.veveditor-vod-cascader-multiple .veveditor-vod-cascader-list-item .veveditor-vod-checkbox, .veveditor-vod-cascader-list-rtl.veveditor-vod-cascader-multiple .veveditor-vod-cascader-list-search-item .veveditor-vod-checkbox {
  margin-left: 8px;
  padding-right: 0;
}

.veveditor-vod-cascader-list-rtl.veveditor-vod-cascader-multiple.veveditor-vod-cascader-list-search .veveditor-vod-cascader-list-item-label {
  padding-left: 12px;
  padding-right: 0;
}

.veveditor-vod-icon-hover.veveditor-vod-checkbox-icon-hover:before {
  width: 12px;
  height: 12px;
}

.veveditor-vod-checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: unset;
  position: relative;
  padding-left: -2px;
}

.veveditor-vod-checkbox > input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}

.veveditor-vod-checkbox > input[type="checkbox"]:focus-visible + .veveditor-vod-checkbox-icon-hover:before {
  background-color: rgb(var(--veveditor-vod-primary-5));
  opacity: 1;
}

.veveditor-vod-checkbox:hover .veveditor-vod-checkbox-icon-hover:before {
  background-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-checkbox-text {
  color: var(--veveditor-vod-color-text-1);
  margin-left: 8px;
}

.veveditor-vod-checkbox-mask-wrapper {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  top: -.09em;
}

.veveditor-vod-checkbox-mask {
  background-color: var(--veveditor-vod-color-bg-1);
  border: 1px solid var(--veveditor-vod-color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  width: 16px;
  height: 16px;
}

.veveditor-vod-checkbox-mask:after {
  background: var(--veveditor-vod-color-white);
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: translateX(-50%)translateY(-50%)scale(0);
  border-radius: .5px;
  width: 6px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%)translateY(-50%)scale(0);
}

.veveditor-vod-checkbox-mask-icon {
  color: var(--veveditor-vod-color-white);
  display: block;
  position: relative;
  -webkit-transform-origin: center 75%;
  transform-origin: center 75%;
  width: 8px;
  height: 100%;
  margin: 0 auto;
  transform: scale(0);
}

.veveditor-vod-checkbox:hover .veveditor-vod-checkbox-mask {
  border-color: rgb(var(--veveditor-vod-primary-5));
  transition: border-color .1s linear, transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
}

.veveditor-vod-checkbox-checked:hover .veveditor-vod-checkbox-mask, .veveditor-vod-checkbox-indeterminate:hover .veveditor-vod-checkbox-mask {
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
}

.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask-icon {
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: scale(1);
}

.veveditor-vod-checkbox-indeterminate .veveditor-vod-checkbox-mask {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-checkbox-indeterminate .veveditor-vod-checkbox-mask-icon {
  transform: scale(0);
}

.veveditor-vod-checkbox-indeterminate .veveditor-vod-checkbox-mask:after {
  -webkit-transform: translateX(-50%)translateY(-50%)scale(1);
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  transform: translate(-50%)translateY(-50%)scale(1);
}

.veveditor-vod-checkbox.veveditor-vod-checkbox-disabled, .veveditor-vod-checkbox.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-icon-hover {
  cursor: not-allowed;
}

.veveditor-vod-checkbox.veveditor-vod-checkbox-disabled:hover .veveditor-vod-checkbox-mask {
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-checkbox-checked:hover .veveditor-vod-checkbox-mask, .veveditor-vod-checkbox-indeterminate:hover .veveditor-vod-checkbox-mask {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-mask {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask, .veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-checked:hover .veveditor-vod-checkbox-mask, .veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-indeterminate .veveditor-vod-checkbox-mask, .veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-indeterminate:hover .veveditor-vod-checkbox-mask {
  background-color: rgb(var(--veveditor-vod-primary-3));
  border-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-checkbox-checked:hover .veveditor-vod-checkbox-mask-wrapper:before, .veveditor-vod-checkbox-disabled:hover .veveditor-vod-checkbox-mask-wrapper:before, .veveditor-vod-checkbox-indeterminate:hover .veveditor-vod-checkbox-mask-wrapper:before {
  background-color: #0000;
}

.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-text {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-mask-icon {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-checkbox-group {
  display: inline-block;
}

.veveditor-vod-checkbox-group .veveditor-vod-checkbox {
  margin-right: 24px;
}

.veveditor-vod-checkbox-group-direction-vertical .veveditor-vod-checkbox {
  display: block;
  margin-right: 0;
  line-height: 32px;
}

.veveditor-vod-checkbox-rtl {
  direction: rtl;
  padding-left: 0;
  padding-right: -2px;
}

.veveditor-vod-checkbox-rtl .veveditor-vod-checkbox-text {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-checkbox-group-rtl .veveditor-vod-checkbox {
  margin-left: 24px;
  margin-right: 0;
}

.veveditor-vod-icon-hover.veveditor-vod-collapse-item-icon-hover:before {
  width: 20px;
  height: 20px;
}

.veveditor-vod-icon-hover.veveditor-vod-collapse-item-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-collapse {
  border: 1px solid var(--veveditor-vod-color-border-2);
  overflow: hidden;
  border-radius: 4px;
  line-height: 1.5715;
}

.veveditor-vod-collapse-rtl {
  direction: rtl;
}

.veveditor-vod-collapse-item {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-collapse-item-active > .veveditor-vod-collapse-item-header {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-2);
  transition: border-color;
}

.veveditor-vod-collapse-item-active > .veveditor-vod-collapse-item-header .veveditor-vod-collapse-item-header-title {
  font-weight: 500;
}

.veveditor-vod-collapse-item-header {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-bg-white);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #0000;
  justify-content: space-between;
  align-items:  center;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: border-color 0s .19s;
  font-size: 14px;
  line-height: 22px;
}

.veveditor-vod-collapse-item-header[data-active-region="header"] {
  cursor: unset;
}

.veveditor-vod-collapse-item-header[data-active-region="header"] > .veveditor-vod-collapse-item-header-title, .veveditor-vod-collapse-item-header[data-active-region="header"] > .veveditor-vod-icon-hover {
  cursor: pointer;
}

.veveditor-vod-collapse-item-header[data-active-region="icon"] {
  cursor: unset;
}

.veveditor-vod-collapse-item-header[data-active-region="icon"] > .veveditor-vod-icon-hover {
  cursor: pointer;
}

.veveditor-vod-collapse-item-header:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-collapse-item-header-left {
  padding-left: 32px;
  padding-right: 12px;
}

.veveditor-vod-collapse-item-header-right {
  padding-left: 12px;
  padding-right: 32px;
}

.veveditor-vod-collapse-item-header-disabled {
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-collapse-item-header-disabled .veveditor-vod-collapse-item-header-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-collapse-item-header-title {
  display: inline;
}

.veveditor-vod-collapse-item-header-extra {
  float: right;
}

.veveditor-vod-collapse-item .veveditor-vod-collapse-item-icon-hover {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.veveditor-vod-collapse-item .veveditor-vod-collapse-item-icon-hover-right {
  left: unset;
  right: 12px;
}

.veveditor-vod-collapse-item .veveditor-vod-collapse-item-icon-hover-right > .veveditor-vod-collapse-item-header-icon-down {
  transform: rotate(-90deg);
}

.veveditor-vod-collapse-item-header-icon {
  color: var(--veveditor-vod-color-fill-3);
  display: block;
  position: relative;
  vertical-align: middle;
  transition: transform .2s cubic-bezier(.34,.69,.1,1), -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
  font-size: 12px;
}

.veveditor-vod-collapse-item-header-icon-down {
  transform: rotate(90deg);
}

.veveditor-vod-collapse-item-content {
  background-color: var(--veveditor-vod-color-bg-2);
  color: var(--veveditor-vod-color-text-2);
  display: none;
  overflow: hidden;
  position: relative;
  transition: height .2s cubic-bezier(.34,.69,.1,1);
  font-size: 13px;
}

.veveditor-vod-collapse-item-content-expanded {
  display: block;
  height: auto;
}

.veveditor-vod-collapse-item-content-box {
  padding: 8px 12px 8px 40px;
}

.veveditor-vod-collapse-item.veveditor-vod-collapse-item-disabled > .veveditor-vod-collapse-item-content {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-collapse-item-no-icon > .veveditor-vod-collapse-item-header {
  padding-left: 12px;
  padding-right: 12px;
}

.veveditor-vod-collapse-item:last-of-type {
  border-bottom: none;
}

.veveditor-vod-collapse.veveditor-vod-collapse-borderless {
  border: none;
}

.veveditor-vod-collapse:after {
  clear: both;
  content: "";
  display: table;
}

.veveditor-vod-color-picker {
  background-color: var(--veveditor-vod-color-fill-2);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  align-items:  center;
}

.veveditor-vod-color-picker-preview {
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-color-picker-value {
  color: var(--veveditor-vod-color-text-1);
  margin-left: 4px;
  font-weight: 400;
}

.veveditor-vod-color-picker-input {
  display: none;
}

.veveditor-vod-color-picker:hover {
  background-color: var(--color-fill-3);
  cursor: pointer;
}

.veveditor-vod-color-picker-size-default {
  padding: 8px / 2 4px;
  height: 32px;
}

.veveditor-vod-color-picker-size-default .veveditor-vod-color-picker-preview {
  width: 24px;
  height: 24px;
}

.veveditor-vod-color-picker-size-default .veveditor-vod-color-picker-value {
  font-size: 14px;
}

.veveditor-vod-color-picker-size-mini {
  padding: 8px / 2 4px;
  height: 24px;
}

.veveditor-vod-color-picker-size-mini .veveditor-vod-color-picker-preview {
  width: 16px;
  height: 16px;
}

.veveditor-vod-color-picker-size-mini .veveditor-vod-color-picker-value {
  font-size: 12px;
}

.veveditor-vod-color-picker-size-small {
  padding: 6px / 2 4px;
  height: 28px;
}

.veveditor-vod-color-picker-size-small .veveditor-vod-color-picker-preview {
  width: 22px;
  height: 22px;
}

.veveditor-vod-color-picker-size-small .veveditor-vod-color-picker-value {
  font-size: 14px;
}

.veveditor-vod-color-picker-size-large {
  padding: 10px / 2 5px;
  height: 36px;
}

.veveditor-vod-color-picker-size-large .veveditor-vod-color-picker-preview {
  width: 26px;
  height: 26px;
}

.veveditor-vod-color-picker-size-large .veveditor-vod-color-picker-value {
  font-size: 14px;
}

.veveditor-vod-color-picker.veveditor-vod-color-picker-disabled {
  background-color: var(--veveditor-vod-color-fill-2);
  cursor: not-allowed;
}

.veveditor-vod-color-picker.veveditor-vod-color-picker-disabled .veveditor-vod-color-picker-value {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-color-picker-panel {
  background-color: var(--veveditor-vod-color-bg-1);
  border-radius: 4px;
  width: 260px;
  box-shadow: 0 8px 20px #0000001a;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-palette {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: 1px solid var(--veveditor-vod-color-border-2);
  border-top: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background-image: linear-gradient(0deg, #000, #0000), linear-gradient(90deg, #fff, #fff0);
  width: 100%;
  height: 178px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-palette .veveditor-vod-color-picker-handler {
  border: 2px solid var(--color-bg-white);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  background-color: #0000;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control {
  padding: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-control-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-control-wrapper .veveditor-vod-color-picker-preview {
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-left: auto;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-control-wrapper .veveditor-vod-color-picker-control-bar-alpha {
  margin-top: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-input-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-input-wrapper .veveditor-vod-color-picker-group-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  margin-left: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-input-wrapper .veveditor-vod-input-inner-wrapper, .veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-control .veveditor-vod-color-picker-input-wrapper .veveditor-vod-select-view {
  padding: 0 6px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors {
  border-top: 1px solid var(--color-fill-3);
  padding: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-section:not(:first-child) {
  margin-top: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-text {
  color: var(--color-text-1);
  font-size: 12px;
  font-weight: 400;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-empty {
  color: var(--color-text-3);
  margin: 12px 0;
  font-size: 12px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-wrapper {
  margin-top: 8px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-colors-list {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: -8px -4px 0;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-color-block {
  background-image: conic-gradient(#0000000f 0 25%, transparent 0 50%, #0000000f 0 75%, transparent 0);
  cursor: pointer;
  margin: 6px 6px / 2 0;
  overflow: hidden;
  background-size: 8px 8px;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  transition: transform 60ms ease-out, -webkit-transform 60ms ease-out;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-color-block .veveditor-vod-color-picker-block {
  width: 100%;
  height: 100%;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-panel-colors .veveditor-vod-color-picker-color-block:hover {
  transform: scale(1.1);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-control-bar-bg {
  background-image: conic-gradient(#0000000f 0 25%, transparent 0 50%, #0000000f 0 75%, transparent 0);
  background-size: 8px 8px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-control-bar {
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  width: 182px;
  height: 14px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-control-bar .veveditor-vod-color-picker-handler {
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-transform: translateX(-50%);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  top: -2px;
  transform: translate(-50%);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-control-bar .veveditor-vod-color-picker-handler-center {
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transform: translate(3px, 3px);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-control-bar-hue {
  background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red);
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-select-type {
  width: 58px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-input-group {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-input-group > * {
  flex: 1;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-input-alpha {
  flex: none;
  width: 52px;
}

.veveditor-vod-color-picker-panel .veveditor-vod-color-picker-input-hex .veveditor-vod-input {
  padding-left: 4px;
}

.veveditor-vod-color-picker-type-dropdown .veveditor-vod-select-option {
  font-size: 12px !important;
  line-height: 24px !important;
}

.veveditor-vod-comment {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.53846;
}

.veveditor-vod-comment-inner-comment, .veveditor-vod-comment:not(:first-of-type) {
  margin-top: 20px;
}

.veveditor-vod-comment-inner {
  flex: 1;
}

.veveditor-vod-comment-avatar {
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 12px;
}

.veveditor-vod-comment-avatar > img {
  border-radius: var(--veveditor-vod-border-radius-circle);
  width: 32px;
  height: 32px;
}

.veveditor-vod-comment-author {
  color: var(--veveditor-vod-color-text-2);
  margin-right: 8px;
  font-size: 14px;
}

.veveditor-vod-comment-datetime {
  color: var(--veveditor-vod-color-text-3);
  font-size: 12px;
}

.veveditor-vod-comment-content {
  color: var(--veveditor-vod-color-text-1);
  font-size: 14px;
}

.veveditor-vod-comment-title-align-right {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.veveditor-vod-comment-actions {
  color: var(--veveditor-vod-color-text-2);
  margin-top: 8px;
  font-size: 14px;
}

.veveditor-vod-comment-actions > :not(:last-child) {
  margin-right: 8px;
}

.veveditor-vod-comment-actions-align-right {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.veveditor-vod-comment-rtl {
  direction: rtl;
}

.veveditor-vod-comment-rtl .veveditor-vod-comment-title {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-comment-rtl .veveditor-vod-comment-avatar {
  margin-left: 12px;
  margin-right: 0;
}

.veveditor-vod-comment-rtl .veveditor-vod-comment-actions > :not(:last-child), .veveditor-vod-comment-rtl .veveditor-vod-comment-author {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-picker-container, .veveditor-vod-picker-range-container {
  background-color: var(--veveditor-vod-color-bg-popup);
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 4px;
  min-height: 60px;
  box-shadow: 0 2px 5px #0000001a;
}

.veveditor-vod-picker-container-shortcuts-placement-left, .veveditor-vod-picker-range-container-shortcuts-placement-left {
  display: -ms-flexbox;
  display: flex;
  align-items:  flex-start;
}

.veveditor-vod-picker-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts, .veveditor-vod-picker-range-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  padding: 5px 8px;
}

.veveditor-vod-picker-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts > *, .veveditor-vod-picker-range-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts > * {
  margin: 5px 0;
}

.veveditor-vod-picker-container-shortcuts-placement-left .veveditor-vod-picker-panel-wrapper, .veveditor-vod-picker-container-shortcuts-placement-left .veveditor-vod-picker-range-panel-wrapper, .veveditor-vod-picker-range-container-shortcuts-placement-left .veveditor-vod-picker-panel-wrapper, .veveditor-vod-picker-range-container-shortcuts-placement-left .veveditor-vod-picker-range-panel-wrapper {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-picker-panel-only, .veveditor-vod-picker-range-panel-only {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-picker-panel-only .veveditor-vod-panel-date-inner, .veveditor-vod-picker-range-panel-only .veveditor-vod-panel-date, .veveditor-vod-picker-range-panel-only .veveditor-vod-panel-date-inner, .veveditor-vod-picker-range-panel-only .veveditor-vod-panel-month, .veveditor-vod-picker-range-panel-only .veveditor-vod-panel-year {
  width: 100%;
}

.veveditor-vod-picker-header {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
}

.veveditor-vod-picker-header-value {
  color: var(--veveditor-vod-color-text-1);
  flex: 1;
  font-size: 14px;
  font-weight: 400;
}

.veveditor-vod-picker-header-icon, .veveditor-vod-picker-header-value {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 24px;
}

.veveditor-vod-picker-header-icon {
  background-color: var(--veveditor-vod-color-bg-popup);
  color: var(--veveditor-vod-color-text-2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  transition: all .1s linear;
  font-size: 12px;
}

.veveditor-vod-picker-header-icon:not(.veveditor-vod-picker-header-icon-hidden) {
  cursor: pointer;
}

.veveditor-vod-picker-header-icon:not(.veveditor-vod-picker-header-icon-hidden):hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-picker-header-label {
  cursor: pointer;
  border-radius: 2px;
  padding: 2px;
  transition: all .1s;
}

.veveditor-vod-picker-header-label:hover {
  background-color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-picker-body {
  padding: 14px 16px;
}

.veveditor-vod-picker-week-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 14px 16px 0;
}

.veveditor-vod-picker-week-list-item {
  color: var(--veveditor-vod-color-text-2);
  text-align: center;
  flex: 1;
  height: 32px;
  padding: 0;
  font-weight: 400;
  line-height: 32px;
}

.veveditor-vod-picker-row {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-picker-cell {
  cursor: pointer;
  position: relative;
  flex: 1;
  padding: 2px 0;
}

.veveditor-vod-picker-cell .veveditor-vod-picker-date {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4px 0;
}

.veveditor-vod-picker-date-value {
  color: var(--veveditor-vod-color-text-4);
  text-align: center;
  border-radius: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.veveditor-vod-picker-cell-in-view .veveditor-vod-picker-date-value {
  color: var(--veveditor-vod-color-text-2);
  font-weight: 400;
}

.veveditor-vod-picker-cell:hover .veveditor-vod-picker-date-value {
  background-color: var(--veveditor-vod-color-fill-3);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-picker-cell-today {
  position: relative;
}

.veveditor-vod-picker-cell-today:after {
  background-color: rgb(var(--veveditor-vod-primary-6));
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  bottom: -2px;
  left: 50%;
}

.veveditor-vod-picker-cell-in-range .veveditor-vod-picker-date {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-picker-cell-hover-range-start .veveditor-vod-picker-date, .veveditor-vod-picker-cell-range-start .veveditor-vod-picker-date {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.veveditor-vod-picker-cell-hover-range-end .veveditor-vod-picker-date, .veveditor-vod-picker-cell-range-end .veveditor-vod-picker-date {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.veveditor-vod-picker-cell-range-end:hover .veveditor-vod-picker-date-value, .veveditor-vod-picker-cell-range-start:hover .veveditor-vod-picker-date-value {
  background-color: unset;
}

.veveditor-vod-picker-cell-disabled .veveditor-vod-picker-date {
  background-color: var(--veveditor-vod-color-border-1);
  cursor: not-allowed;
}

.veveditor-vod-picker-cell-disabled .veveditor-vod-picker-date-value, .veveditor-vod-picker-cell-disabled:hover .veveditor-vod-picker-date-value {
  color: var(--veveditor-vod-color-text-4);
  background-color: #0000;
}

.veveditor-vod-picker-cell-selected .veveditor-vod-picker-date-value, .veveditor-vod-picker-cell-selected:hover .veveditor-vod-picker-date-value {
  background-color: rgb(var(--veveditor-vod-primary-6));
  color: var(--veveditor-vod-color-white);
  transition: background-color .1s linear;
}

.veveditor-vod-picker-cell-hover-in-range .veveditor-vod-picker-date, .veveditor-vod-picker-cell-hover-range-end:not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end) .veveditor-vod-picker-date-value, .veveditor-vod-picker-cell-hover-range-start:not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end) .veveditor-vod-picker-date-value {
  background-color: var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-picker-cell-hover-range-edge-in-range .veveditor-vod-picker-date, .veveditor-vod-picker-cell-range-edge-in-hover-range .veveditor-vod-picker-date {
  border-radius: 0;
}

.veveditor-vod-picker-cell-hidden .veveditor-vod-picker-date {
  display: none;
}

.veveditor-vod-picker-footer {
  width: min-content;
  min-width: 100%;
}

.veveditor-vod-picker-footer-btn-wrapper {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding: 3px 8px;
}

.veveditor-vod-picker-footer-btn-wrapper, .veveditor-vod-picker-footer-extra-wrapper {
  border-top: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-picker-footer-extra-wrapper {
  color: var(--veveditor-vod-color-text-1);
  padding: 8px 24px;
  font-size: 12px;
}

.veveditor-vod-picker-footer-now-wrapper {
  border-top: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  height: 36px;
  line-height: 36px;
}

.veveditor-vod-picker-btn-select-date, .veveditor-vod-picker-btn-select-time {
  margin-right: 8px;
}

.veveditor-vod-picker-btn-confirm {
  margin: 5px 0;
}

.veveditor-vod-picker-shortcuts {
  flex: 1;
}

.veveditor-vod-picker-shortcuts > * {
  margin: 5px 10px 5px 0;
}

.veveditor-vod-panel-date {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
}

.veveditor-vod-panel-date-inner {
  width: 265px;
}

.veveditor-vod-panel-date-inner .veveditor-vod-picker-body {
  padding-top: 0;
}

.veveditor-vod-panel-date-timepicker {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.veveditor-vod-panel-date-timepicker-title {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
  color: var(--veveditor-vod-color-text-1);
  text-align: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
}

.veveditor-vod-panel-date-timepicker .veveditor-vod-timepicker {
  overflow: hidden;
  width: 265px;
  height: 276px;
  padding: 0 6px;
}

.veveditor-vod-panel-date-timepicker .veveditor-vod-timepicker-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 4px;
}

.veveditor-vod-panel-date-timepicker .veveditor-vod-timepicker-list:not(:last-child) {
  border-right: 0;
}

.veveditor-vod-panel-date-timepicker .veveditor-vod-timepicker ul:after {
  height: 244px;
}

.veveditor-vod-panel-date-timepicker .veveditor-vod-timepicker-cell {
  width: 100%;
}

.veveditor-vod-panel-date-holder {
  border-top: 1px solid var(--veveditor-vod-color-border-2);
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.veveditor-vod-panel-date-holder-btn {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-3);
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items:  center;
  height: 50px;
  transition: color .2s;
  font-size: 16px;
}

.veveditor-vod-panel-date-holder-btn:first-child {
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-panel-date-holder-btn-active, .veveditor-vod-panel-date-holder-btn:active, .veveditor-vod-panel-date-holder-btn:hover {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-panel-date-holder-btn-value {
  margin-left: 8px;
}

.veveditor-vod-panel-date:first-child .veveditor-vod-panel-date-holder {
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-panel-month, .veveditor-vod-panel-quarter, .veveditor-vod-panel-year {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 265px;
}

.veveditor-vod-panel-month .veveditor-vod-picker-date, .veveditor-vod-panel-quarter .veveditor-vod-picker-date, .veveditor-vod-panel-year .veveditor-vod-picker-date {
  padding: 4px;
}

.veveditor-vod-panel-month .veveditor-vod-picker-date-value, .veveditor-vod-panel-quarter .veveditor-vod-picker-date-value, .veveditor-vod-panel-year .veveditor-vod-picker-date-value {
  border-radius: 24px;
  width: 100%;
}

.veveditor-vod-panel-month .veveditor-vod-picker-cell:not(.veveditor-vod-picker-cell-selected):not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end):not(.veveditor-vod-picker-cell-disabled):not(.veveditor-vod-picker-cell-week) .veveditor-vod-picker-date-value:hover, .veveditor-vod-panel-quarter .veveditor-vod-picker-cell:not(.veveditor-vod-picker-cell-selected):not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end):not(.veveditor-vod-picker-cell-disabled):not(.veveditor-vod-picker-cell-week) .veveditor-vod-picker-date-value:hover, .veveditor-vod-panel-year .veveditor-vod-picker-cell:not(.veveditor-vod-picker-cell-selected):not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end):not(.veveditor-vod-picker-cell-disabled):not(.veveditor-vod-picker-cell-week) .veveditor-vod-picker-date-value:hover {
  border-radius: 24px;
}

.veveditor-vod-panel-year {
  width: 265px;
}

.veveditor-vod-panel-week, .veveditor-vod-panel-year {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-panel-week-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-panel-week-inner {
  width: 298px;
}

.veveditor-vod-panel-week-inner .veveditor-vod-picker-body {
  padding-top: 0;
}

.veveditor-vod-panel-week .veveditor-vod-picker-row-week {
  cursor: pointer;
}

.veveditor-vod-panel-week .veveditor-vod-picker-row-week .veveditor-vod-picker-date-value {
  border-radius: 0;
  width: 100%;
}

.veveditor-vod-panel-week .veveditor-vod-picker-cell .veveditor-vod-picker-date {
  border-radius: 0;
}

.veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(2) .veveditor-vod-picker-date {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  padding-left: 4px;
}

.veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(2) .veveditor-vod-picker-date .veveditor-vod-picker-date-value {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(8) .veveditor-vod-picker-date {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  padding-right: 4px;
}

.veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(8) .veveditor-vod-picker-date .veveditor-vod-picker-date-value {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.veveditor-vod-panel-week .veveditor-vod-picker-row-week:hover .veveditor-vod-picker-cell:not(.veveditor-vod-picker-cell-week):not(.veveditor-vod-picker-cell-selected):not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end):not(.veveditor-vod-picker-cell-in-range):not(.veveditor-vod-picker-cell-hover-in-range) .veveditor-vod-picker-date-value {
  background-color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-panel-quarter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 265px;
}

.veveditor-vod-picker-range-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-datepicker-shortcuts-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  overflow-y: auto;
  width: 106px;
  height: 100%;
  max-height: 300px;
  margin: 10px 0 0;
  padding: 0;
}

.veveditor-vod-datepicker-shortcuts-wrapper > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  padding: 6px 16px;
}

.veveditor-vod-datepicker-shortcuts-wrapper > li:hover {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-picker-container-rtl, .veveditor-vod-picker-range-container-rtl {
  direction: rtl;
}

.veveditor-vod-picker-container-rtl .veveditor-vod-picker-cell-hover-range-start .veveditor-vod-picker-date, .veveditor-vod-picker-container-rtl .veveditor-vod-picker-cell-range-start .veveditor-vod-picker-date, .veveditor-vod-picker-range-container-rtl .veveditor-vod-picker-cell-hover-range-start .veveditor-vod-picker-date, .veveditor-vod-picker-range-container-rtl .veveditor-vod-picker-cell-range-start .veveditor-vod-picker-date {
  border-radius: 0 24px 24px 0;
}

.veveditor-vod-picker-container-rtl .veveditor-vod-picker-cell-hover-range-end .veveditor-vod-picker-date, .veveditor-vod-picker-container-rtl .veveditor-vod-picker-cell-range-end .veveditor-vod-picker-date, .veveditor-vod-picker-range-container-rtl .veveditor-vod-picker-cell-hover-range-end .veveditor-vod-picker-date, .veveditor-vod-picker-range-container-rtl .veveditor-vod-picker-cell-range-end .veveditor-vod-picker-date {
  border-radius: 24px 0 0 24px;
}

.veveditor-vod-picker-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(2) .veveditor-vod-picker-date, .veveditor-vod-picker-range-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(2) .veveditor-vod-picker-date {
  border-radius: 0 24px 24px 0;
  padding-left: 0;
  padding-right: 4px;
}

.veveditor-vod-picker-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(2) .veveditor-vod-picker-date .veveditor-vod-picker-date-value, .veveditor-vod-picker-range-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(2) .veveditor-vod-picker-date .veveditor-vod-picker-date-value {
  border-radius: 0 24px 24px 0;
}

.veveditor-vod-picker-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(8) .veveditor-vod-picker-date, .veveditor-vod-picker-range-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(8) .veveditor-vod-picker-date {
  border-radius: 24px 0 0 24px;
  padding-left: 4px;
  padding-right: 0;
}

.veveditor-vod-picker-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(8) .veveditor-vod-picker-date .veveditor-vod-picker-date-value, .veveditor-vod-picker-range-container-rtl .veveditor-vod-panel-week .veveditor-vod-picker-cell:nth-child(8) .veveditor-vod-picker-date .veveditor-vod-picker-date-value {
  border-radius: 24px 0 0 24px;
}

.veveditor-vod-descriptions-table {
  border-collapse: collapse;
  width: 100%;
}

.veveditor-vod-descriptions-table-layout-fixed table {
  table-layout: fixed;
}

.veveditor-vod-descriptions-title {
  color: var(--veveditor-vod-color-text-1);
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.53846;
}

.veveditor-vod-descriptions-item, .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-item-value {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  padding: 0 4px 20px 0;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-descriptions-item-label {
  color: var(--veveditor-vod-color-text-3);
  white-space: nowrap;
  width: 1px;
  font-weight: 400;
}

.veveditor-vod-descriptions-table-layout-fixed .veveditor-vod-descriptions-item-label {
  width: auto;
}

.veveditor-vod-descriptions-item-value {
  color: var(--veveditor-vod-color-text-1);
  font-weight: 400;
}

.veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-item-value-inline {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-descriptions-item-label-inline {
  color: var(--veveditor-vod-color-text-3);
  margin-bottom: 2px;
  font-weight: 400;
}

.veveditor-vod-descriptions-item-value-inline {
  color: var(--veveditor-vod-color-text-1);
  font-weight: 400;
}

.veveditor-vod-descriptions-layout-inline-horizontal .veveditor-vod-descriptions-item-label-inline {
  margin-right: 4px;
}

.veveditor-vod-descriptions-layout-inline-horizontal .veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-layout-inline-horizontal .veveditor-vod-descriptions-item-value-inline {
  display: inline-block;
  margin-bottom: 0;
}

.veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-inline-vertical .veveditor-vod-descriptions-item {
  padding: 12px 20px;
}

.veveditor-vod-descriptions-border .veveditor-vod-descriptions-body {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-radius: var(--veveditor-vod-border-radius-medium);
  overflow: hidden;
}

.veveditor-vod-descriptions-border .veveditor-vod-descriptions-row:not(:last-child) {
  border-bottom: 1px solid var(--veveditor-vod-color-border-3);
}

.veveditor-vod-descriptions-border:not(.veveditor-vod-descriptions-rtl) .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-border:not(.veveditor-vod-descriptions-rtl) .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-border:not(.veveditor-vod-descriptions-rtl) .veveditor-vod-descriptions-item-value {
  border-right: 1px solid var(--veveditor-vod-color-border-3);
}

.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 7px 20px;
}

.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value:last-child, .veveditor-vod-descriptions-border .veveditor-vod-descriptions-item:last-child, .veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-vertical .veveditor-vod-descriptions-item-label:last-child {
  border-right: none;
}

.veveditor-vod-descriptions-layout-vertical:not(.veveditor-vod-descriptions-border) .veveditor-vod-descriptions-item-value:first-child {
  padding-left: 0;
}

.veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item-value {
  padding-bottom: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item-value-inline {
  font-size: 12px;
}

.veveditor-vod-descriptions-size-mini.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-mini.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-mini.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 3px 8px;
}

.veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-title {
  margin-bottom: 12px;
}

.veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-mini .veveditor-vod-descriptions-item-value {
  padding-bottom: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.veveditor-vod-descriptions-size-mini.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-mini.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 3px 8px;
}

.veveditor-vod-descriptions-size-mini.veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-inline-vertical .veveditor-vod-descriptions-item {
  padding: 8px;
}

.veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item-value {
  padding-bottom: 12px;
  padding-right: 12px;
  font-size: 13px;
}

.veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item-value-inline {
  font-size: 13px;
}

.veveditor-vod-descriptions-size-small.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-small.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-small.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 3px 12px;
}

.veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-title {
  margin-bottom: 12px;
}

.veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-small .veveditor-vod-descriptions-item-value {
  padding-bottom: 12px;
  padding-right: 12px;
  font-size: 13px;
}

.veveditor-vod-descriptions-size-small.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-small.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 3px 12px;
}

.veveditor-vod-descriptions-size-small.veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-inline-vertical .veveditor-vod-descriptions-item {
  padding: 8px 12px;
}

.veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item-value {
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 13px;
}

.veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item-value-inline {
  font-size: 13px;
}

.veveditor-vod-descriptions-size-medium.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-medium.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-medium.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 5px 20px;
}

.veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-title {
  margin-bottom: 12px;
}

.veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-medium .veveditor-vod-descriptions-item-value {
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 13px;
}

.veveditor-vod-descriptions-size-medium.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-medium.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 5px 20px;
}

.veveditor-vod-descriptions-size-medium.veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-inline-vertical .veveditor-vod-descriptions-item {
  padding: 10px 20px;
}

.veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item-value {
  padding-bottom: 24px;
  padding-right: 20px;
  font-size: 13px;
}

.veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item-value-inline {
  font-size: 13px;
}

.veveditor-vod-descriptions-size-large.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-size-large.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-large.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 9px 20px;
}

.veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-title {
  margin-bottom: 20px;
}

.veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-large .veveditor-vod-descriptions-item-value {
  padding-bottom: 24px;
  padding-right: 20px;
  font-size: 13px;
}

.veveditor-vod-descriptions-size-large.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-size-large.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  padding: 9px 20px;
}

.veveditor-vod-descriptions-size-large.veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-inline-vertical .veveditor-vod-descriptions-item {
  padding: 14px 20px;
}

.veveditor-vod-descriptions-rtl {
  direction: rtl;
}

.veveditor-vod-descriptions-rtl .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-rtl .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-rtl .veveditor-vod-descriptions-item-value {
  text-align: right;
  padding: 0 0 20px 4px;
}

.veveditor-vod-descriptions-rtl .veveditor-vod-descriptions-item-label-inline, .veveditor-vod-descriptions-rtl .veveditor-vod-descriptions-item-value-inline {
  text-align: right;
}

.veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-layout-inline-horizontal .veveditor-vod-descriptions-item-label-inline {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item, .veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value {
  border-left: 1px solid var(--veveditor-vod-color-border-3);
  padding: 7px 20px;
}

.veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item-value:last-child, .veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border .veveditor-vod-descriptions-item:last-child, .veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border.veveditor-vod-descriptions-layout-vertical .veveditor-vod-descriptions-item-label:last-child {
  border-left: none;
}

.veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-layout-vertical:not(.veveditor-vod-descriptions-rtl.veveditor-vod-descriptions-border) .veveditor-vod-descriptions-item-value:first-child {
  padding-right: 0;
}

.veveditor-vod-divider-horizontal {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
  clear: both;
  position: relative;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 20px 0;
}

.veveditor-vod-divider-horizontal.veveditor-vod-divider-with-text {
  display: -ms-flexbox;
  display: flex;
  border-bottom-style: solid;
  border-bottom-width: 0;
  align-items:  center;
  margin: 20px 0;
}

.veveditor-vod-divider-horizontal.veveditor-vod-divider-with-text:after, .veveditor-vod-divider-horizontal.veveditor-vod-divider-with-text:before {
  border-bottom: 1px;
  border-bottom-color: inherit;
  border-bottom-style: inherit;
  content: "";
  flex: 1;
  height: 0;
}

.veveditor-vod-divider-horizontal.veveditor-vod-divider-with-text-left:before, .veveditor-vod-divider-horizontal.veveditor-vod-divider-with-text-right:after {
  flex-grow: 0;
  flex-basis: 24px;
}

.veveditor-vod-divider-vertical {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  display: inline-block;
  vertical-align: middle;
  min-width: 1px;
  max-width: 1px;
  height: 1em;
  margin: 0 12px;
}

.veveditor-vod-divider-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}

.veveditor-vod-drawer-mask {
  background-color: var(--veveditor-vod-color-mask-bg);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-drawer-no-mask {
  pointer-events: none;
}

.veveditor-vod-drawer-no-mask .veveditor-vod-drawer {
  pointer-events: auto;
}

.veveditor-vod-drawer-wrapper {
  position: fixed;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-drawer-wrapper-hide {
  display: none;
}

.veveditor-vod-drawer {
  background-color: var(--veveditor-vod-color-bg-3);
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 1.53846;
}

.veveditor-vod-drawer-wrapper {
  position: relative;
  height: 100%;
}

.veveditor-vod-drawer-fixed {
  position: fixed;
  z-index: 1001;
  top: 0;
}

.veveditor-vod-drawer-inner {
  overflow: hidden;
  height: 100%;
}

.veveditor-vod-drawer-scroll {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  flex-direction: column;
  height: 100%;
}

.veveditor-vod-drawer-header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  align-items:  center;
  width: 100%;
  height: 48px;
  padding: 0 16px;
}

.veveditor-vod-drawer-header-title {
  color: var(--veveditor-vod-color-text-1);
  text-align: left;
  font-size: 18px;
  font-weight: 500;
}

.veveditor-vod-drawer-footer {
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  flex-shrink: 0;
  padding: 16px;
}

.veveditor-vod-drawer-footer > .veveditor-vod-btn {
  margin-left: 12px;
}

.veveditor-vod-drawer .veveditor-vod-drawer-close-icon {
  color: var(--veveditor-vod-color-text-1);
  position: absolute;
  z-index: 1;
  font-size: 12px;
  top: 18px;
  right: 20px;
}

.veveditor-vod-drawer-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  overflow: auto;
  position: relative;
  flex: 1;
  height: 100%;
  padding: 12px 16px;
}

.veveditor-vod-drawer-rtl {
  direction: rtl;
}

.veveditor-vod-drawer-rtl .veveditor-vod-drawer-close-icon {
  left: 20px;
  right: auto;
}

.veveditor-vod-drawer-rtl .veveditor-vod-drawer-footer {
  text-align: left;
}

.veveditor-vod-dropdown-menu {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  position: relative;
  border-radius: 4px;
  max-height: 200px;
  padding: 4px 0;
}

.veveditor-vod-dropdown-menu-hidden {
  display: none;
}

.veveditor-vod-dropdown-menu-item, .veveditor-vod-dropdown-menu-pop-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 36px;
}

.veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-selected, .veveditor-vod-dropdown-menu-pop-header.veveditor-vod-dropdown-menu-selected {
  background-color: var(--veveditor-vod-color-bg-4);
  color: rgb(var(--veveditor-vod-primary-6));
  transition: all .1s linear;
  font-weight: 500;
}

.veveditor-vod-dropdown-menu-item:hover, .veveditor-vod-dropdown-menu-pop-header:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-dropdown-menu-item:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-dropdown-menu-pop-header:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-active, .veveditor-vod-dropdown-menu-pop-header.veveditor-vod-dropdown-menu-active {
  -webkit-box-shadow: 0 0 0 1px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 1px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-disabled, .veveditor-vod-dropdown-menu-pop-header.veveditor-vod-dropdown-menu-disabled {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-item a, .veveditor-vod-dropdown-menu-item a:active, .veveditor-vod-dropdown-menu-item a:focus, .veveditor-vod-dropdown-menu-item a:hover, .veveditor-vod-dropdown-menu-pop-header a, .veveditor-vod-dropdown-menu-pop-header a:active, .veveditor-vod-dropdown-menu-pop-header a:focus, .veveditor-vod-dropdown-menu-pop-header a:hover {
  color: inherit;
  cursor: inherit;
  text-decoration: none;
}

.veveditor-vod-dropdown-menu-item > a:only-child:before, .veveditor-vod-dropdown-menu-pop-header > a:only-child:before {
  content: "";
  position: absolute;
  inset: 0;
}

.veveditor-vod-dropdown-menu-pop-header {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.veveditor-vod-dropdown-menu-pop-header .veveditor-vod-dropdown-menu-icon-suffix {
  margin-left: 12px;
}

.veveditor-vod-dropdown-menu-group:first-child .veveditor-vod-dropdown-menu-group-title {
  margin-top: 4px;
}

.veveditor-vod-dropdown-menu-group-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 8px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.veveditor-vod-dropdown-menu-dark {
  background-color: var(--veveditor-vod-color-menu-dark-bg);
  border-color: var(--veveditor-vod-color-menu-dark-bg);
}

.veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-item, .veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-pop-header {
  color: var(--veveditor-vod-color-text-4);
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-selected, .veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-pop-header.veveditor-vod-dropdown-menu-selected {
  color: var(--veveditor-vod-color-white);
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-selected:hover, .veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-pop-header.veveditor-vod-dropdown-menu-selected:hover {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-item:hover, .veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-pop-header:hover {
  background-color: var(--veveditor-vod-color-menu-dark-hover);
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-disabled, .veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-pop-header.veveditor-vod-dropdown-menu-disabled {
  color: var(--veveditor-vod-color-text-2);
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-dark .veveditor-vod-dropdown-menu-group-title {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-dropdown-menu-pop-trigger .veveditor-vod-trigger-arrow {
  display: none;
}

.veveditor-vod-dropdown-menu + .veveditor-vod-trigger-arrow {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-dropdown-menu-rtl .veveditor-vod-dropdown-menu-item, .veveditor-vod-dropdown-menu-rtl .veveditor-vod-dropdown-menu-pop-header {
  text-align: right;
}

.veveditor-vod-dropdown-menu-rtl .veveditor-vod-dropdown-menu-item .veveditor-vod-dropdown-menu-icon-suffix, .veveditor-vod-dropdown-menu-rtl .veveditor-vod-dropdown-menu-pop-header .veveditor-vod-dropdown-menu-icon-suffix {
  margin-left: 0;
  margin-right: 12px;
}

.veveditor-vod-empty {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0;
}

.veveditor-vod-empty .veveditor-vod-empty-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(var(--veveditor-vod-gray-5));
  text-align: center;
  width: 100%;
}

.veveditor-vod-empty .veveditor-vod-empty-wrapper .veveditor-vod-empty-image {
  margin-bottom: 12px;
  font-size: 80px;
  line-height: 1;
}

.veveditor-vod-empty .veveditor-vod-empty-wrapper img {
  height: 80px;
}

.veveditor-vod-empty .veveditor-vod-empty-description {
  color: #737a87;
  font-size: 13px;
}

.veveditor-vod-form {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.veveditor-vod-form-inline {
  flex-flow: wrap;
}

.veveditor-vod-form-inline .veveditor-vod-form-item {
  width: auto;
  margin-bottom: 8px;
}

.veveditor-vod-form-item {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items:  flex-start;
  width: 100%;
  margin-bottom: 24px;
}

.veveditor-vod-form-item.veveditor-vod-form-item-hidden {
  display: none;
}

.veveditor-vod-form-item > .veveditor-vod-form-label-item {
  padding-right: 20px;
}

.veveditor-vod-form-item.veveditor-vod-form-item-error {
  margin-bottom: 0;
}

.veveditor-vod-form-item-wrapper-flex.veveditor-vod-col {
  flex: 1;
}

.veveditor-vod-form-size-mini .veveditor-vod-form-label-item {
  font-size: 13px;
  line-height: 24px;
}

.veveditor-vod-form-size-mini .veveditor-vod-form-label-item > label {
  font-size: 13px;
}

.veveditor-vod-form-size-mini .veveditor-vod-form-item-control {
  min-height: 24px;
}

.veveditor-vod-form-size-small .veveditor-vod-form-label-item {
  line-height: 28px;
}

.veveditor-vod-form-size-small .veveditor-vod-form-label-item > label {
  font-size: 13px;
}

.veveditor-vod-form-size-small .veveditor-vod-form-item-control {
  min-height: 28px;
}

.veveditor-vod-form-size-large .veveditor-vod-form-label-item {
  line-height: 36px;
}

.veveditor-vod-form-size-large .veveditor-vod-form-label-item > label {
  font-size: 13px;
}

.veveditor-vod-form-size-large .veveditor-vod-form-item-control {
  min-height: 36px;
}

.veveditor-vod-form-extra {
  color: var(--veveditor-vod-color-text-3);
  margin-top: 4px;
  font-size: 12px;
}

.veveditor-vod-form-message {
  color: rgb(var(--veveditor-vod-danger-6));
  min-height: 24px;
  font-size: 12px;
  line-height: 24px;
}

.veveditor-vod-form-message-help {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-form-message + .veveditor-vod-form-extra {
  margin-top: 0;
  margin-bottom: 4px;
}

.veveditor-vod-form-layout-vertical {
  display: block;
}

.veveditor-vod-form-layout-vertical > .veveditor-vod-form-label-item {
  text-align: left;
  white-space: normal;
  margin-bottom: 4px;
  padding: 0;
  line-height: 1.53846;
}

.veveditor-vod-form-layout-inline {
  margin-right: 24px;
}

.veveditor-vod-form-label-item {
  text-align: right;
  white-space: nowrap;
  line-height: 32px;
}

.veveditor-vod-form-label-item-flex.veveditor-vod-col {
  flex: 0;
}

.veveditor-vod-form-label-item-flex.veveditor-vod-col > label {
  white-space: nowrap;
}

.veveditor-vod-form-label-item > label {
  color: var(--veveditor-vod-color-text-2);
  white-space: normal;
  font-size: 13px;
}

.veveditor-vod-form-label-item .veveditor-vod-form-item-tooltip {
  color: var(--veveditor-vod-color-text-4);
  margin-left: 4px;
}

.veveditor-vod-form-label-item .veveditor-vod-form-item-symbol {
  color: rgb(var(--veveditor-vod-danger-6));
  font-size: 12px;
  line-height: 1;
}

.veveditor-vod-form-label-item .veveditor-vod-form-item-symbol svg {
  transform: scale(.5);
}

.veveditor-vod-form-label-item-left {
  text-align: left;
}

.veveditor-vod-form-item-control {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  width: 100%;
  min-height: 32px;
}

.veveditor-vod-form-item-control-children {
  flex: 1;
  width: 100%;
}

.veveditor-vod-form-item-control-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  width: 100%;
}

.veveditor-vod-form .veveditor-vod-slider {
  display: block;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-formily-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-formily-item-status-validating .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-input:focus:hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-validating .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-validating .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-formily-item-status-validating .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-formily-item-status-validating .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-tag {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-tag:hover {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-validating .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-formily-item-message-status-validating .veveditor-vod-formily-item-message-help {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-message-status-validating .veveditor-vod-formily-item-message-help .veveditor-vod-formily-item-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-message-status-validating .veveditor-vod-formily-item-feedback {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-form-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-form-item-status-validating .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-form-item-status-validating .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-form-item-status-validating .veveditor-vod-input:focus, .veveditor-vod-form-item-status-validating .veveditor-vod-input:focus:hover, .veveditor-vod-form-item-status-validating .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-validating .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-validating .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-validating .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-form-item-status-validating .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-tag {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-tag:hover {
  background-color: rgb(var(--veveditor-vod-primary-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-primary-light-2);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-form-message-help {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-form-message-help .veveditor-vod-form-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-feedback-validating {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-formily-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-formily-item-status-success .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-formily-item-status-success .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-formily-item-status-success .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-success .veveditor-vod-input:focus:hover, .veveditor-vod-formily-item-status-success .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-success .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-success .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-success .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-formily-item-status-success .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-formily-item-status-success .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-formily-item-status-success .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-formily-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-formily-item-status-success .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-tag {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-tag:hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-success .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-formily-item-message-status-success .veveditor-vod-formily-item-message-help {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-message-status-success .veveditor-vod-formily-item-message-help .veveditor-vod-formily-item-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-message-status-success .veveditor-vod-formily-item-feedback {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-form-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-form-item-status-success .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-form-item-status-success .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-form-item-status-success .veveditor-vod-input:focus, .veveditor-vod-form-item-status-success .veveditor-vod-input:focus:hover, .veveditor-vod-form-item-status-success .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-success .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-success .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-success .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-form-item-status-success .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-form-item-status-success .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-form-item-status-success .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-form-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-form-item-status-success .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-tag {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-tag:hover {
  background-color: rgb(var(--veveditor-vod-success-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-success-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-success-light-2);
}

.veveditor-vod-form-item-status-success .veveditor-vod-form-message-help {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-form-message-help .veveditor-vod-form-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-feedback-success {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-formily-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-formily-item-status-warning .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-input:focus:hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-warning .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-warning .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-formily-item-status-warning .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-formily-item-status-warning .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-tag {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-tag:hover {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-formily-item-status-warning .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-formily-item-message-status-warning .veveditor-vod-formily-item-feedback, .veveditor-vod-formily-item-message-status-warning .veveditor-vod-formily-item-message-help, .veveditor-vod-formily-item-message-status-warning .veveditor-vod-formily-item-message-help .veveditor-vod-formily-item-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-form-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-form-item-status-warning .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-form-item-status-warning .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-form-item-status-warning .veveditor-vod-input:focus, .veveditor-vod-form-item-status-warning .veveditor-vod-input:focus:hover, .veveditor-vod-form-item-status-warning .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-warning .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-warning .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-warning .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-form-item-status-warning .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-tag {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-tag:hover {
  background-color: rgb(var(--veveditor-vod-warning-1));
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-form-item-feedback-warning, .veveditor-vod-form-item-status-warning .veveditor-vod-form-message-help, .veveditor-vod-form-item-status-warning .veveditor-vod-form-message-help .veveditor-vod-form-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-formily-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-formily-item-status-error .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-formily-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-formily-item-status-error .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-formily-item-status-error .veveditor-vod-input:focus, .veveditor-vod-formily-item-status-error .veveditor-vod-input:focus:hover, .veveditor-vod-formily-item-status-error .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-formily-item-status-error .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-formily-item-status-error .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-formily-item-status-error .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-formily-item-status-error .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-formily-item-status-error .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-formily-item-status-error .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-formily-item-status-error .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-formily-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-formily-item-status-error .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-tag {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-tag:hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-status-error .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-formily-item-message-status-error .veveditor-vod-formily-item-message-help {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-formily-item-message-status-error .veveditor-vod-formily-item-message-help .veveditor-vod-formily-item-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-formily-item-message-status-error .veveditor-vod-formily-item-feedback {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-form-item-status-error .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-form-item-status-error .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled):hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper.veveditor-vod-textarea-focus:hover, .veveditor-vod-form-item-status-error .veveditor-vod-input:focus, .veveditor-vod-form-item-status-error .veveditor-vod-input:focus:hover, .veveditor-vod-form-item-status-error .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-error .veveditor-vod-textarea.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-form-item-status-error .veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-form-item-status-error .veveditor-vod-textarea.veveditor-vod-textarea-focus:hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-form-item-status-error .veveditor-vod-select:not(.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-select:not(.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-select:not(.veveditor-vod-select-disabled).veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-form-item-status-error .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled) .veveditor-vod-cascader-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled):hover .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-cascader:not(.veveditor-vod-cascader-disabled).veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-form-item-status-error .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled) .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled):hover .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-disabled).veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-form-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled), .veveditor-vod-form-item-status-error .veveditor-vod-picker-focused:not(.veveditor-vod-picker-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-tag {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-tag:hover {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-form-item-status-error .veveditor-vod-form-message-help {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-form-message-help .veveditor-vod-form-message-help-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-feedback-error {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-control-children {
  position: relative;
}

.veveditor-vod-form-item-feedback {
  position: absolute;
  font-size: 14px;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}

.veveditor-vod-form-item-feedback .veveditor-vod-icon-loading {
  font-size: 12px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-input, .veveditor-vod-form-item-has-feedback .veveditor-vod-input-inner-wrapper, .veveditor-vod-form-item-has-feedback .veveditor-vod-textarea {
  padding-right: 28px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-input-number-mode-embed .veveditor-vod-input-number-step-layer {
  right: 24px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-select.veveditor-vod-select-multiple .veveditor-vod-select-view, .veveditor-vod-form-item-has-feedback .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  padding-right: 28px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-select.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-right: 0;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-multiple .veveditor-vod-cascader-view, .veveditor-vod-form-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-single .veveditor-vod-cascader-view {
  padding-right: 28px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-cascader.veveditor-vod-cascader-multiple .veveditor-vod-cascader-suffix {
  padding-right: 0;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view, .veveditor-vod-form-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  padding-right: 28px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-tree-select.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-right: 0;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-picker {
  padding-right: 28px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-picker-suffix .veveditor-vod-picker-clear-icon, .veveditor-vod-form-item-has-feedback .veveditor-vod-picker-suffix .veveditor-vod-picker-suffix-icon {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-input-tag {
  padding-right: 23px;
}

.veveditor-vod-form-item-has-feedback .veveditor-vod-input-tag-suffix {
  padding-right: 0;
}

.formblink-appear, .formblink-enter {
  opacity: 0;
}

.formblink-appear-active, .formblink-enter-active {
  opacity: 1;
  transition: opacity .3s linear;
}

.formblink-enter-done {
  -webkit-animation: .5s linear veveditor-vod-form-blink;
  animation: .5s linear veveditor-vod-form-blink;
}

@keyframes veveditor-vod-form-blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .2;
  }

  to {
    opacity: 1;
  }
}

.veveditor-vod-form-rtl {
  direction: rtl;
}

.veveditor-vod-form-rtl .veveditor-vod-form-item > .veveditor-vod-form-label-item {
  padding-left: 20px;
  padding-right: 0;
}

.veveditor-vod-form-rtl .veveditor-vod-form-label-item {
  text-align: left;
}

.veveditor-vod-form-rtl .veveditor-vod-form-layout-vertical > .veveditor-vod-form-label-item {
  text-align: right;
}

.veveditor-vod-form-rtl .veveditor-vod-form-layout-inline {
  margin-left: 24px;
  margin-right: 0;
}

.veveditor-vod-row {
  display: -ms-flexbox;
  display: flex;
  flex-flow: wrap;
}

.veveditor-vod-row-align-start {
  align-items:  flex-start;
}

.veveditor-vod-row-align-center {
  align-items:  center;
}

.veveditor-vod-row-align-end {
  align-items:  flex-end;
}

.veveditor-vod-row-justify-start {
  justify-content: flex-start;
}

.veveditor-vod-row-justify-center {
  justify-content: center;
}

.veveditor-vod-row-justify-end {
  justify-content: flex-end;
}

.veveditor-vod-row-justify-space-around {
  justify-content: space-around;
}

.veveditor-vod-row-justify-space-between {
  justify-content: space-between;
}

.veveditor-vod-row-rtl {
  direction: rtl;
}

.veveditor-vod-col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.veveditor-vod-col-rtl {
  direction: rtl;
}

.veveditor-vod-col-0 {
  display: none;
}

.veveditor-vod-col-1 {
  display: block;
  flex: 0 0 4.16667%;
  width: 4.16667%;
}

.veveditor-vod-col-2 {
  display: block;
  flex: 0 0 8.33333%;
  width: 8.33333%;
}

.veveditor-vod-col-3 {
  display: block;
  flex: 0 0 12.5%;
  width: 12.5%;
}

.veveditor-vod-col-4 {
  display: block;
  flex: 0 0 16.6667%;
  width: 16.6667%;
}

.veveditor-vod-col-5 {
  display: block;
  flex: 0 0 20.8333%;
  width: 20.8333%;
}

.veveditor-vod-col-6 {
  display: block;
  flex: 0 0 25%;
  width: 25%;
}

.veveditor-vod-col-7 {
  display: block;
  flex: 0 0 29.1667%;
  width: 29.1667%;
}

.veveditor-vod-col-8 {
  display: block;
  flex: 0 0 33.3333%;
  width: 33.3333%;
}

.veveditor-vod-col-9 {
  display: block;
  flex: 0 0 37.5%;
  width: 37.5%;
}

.veveditor-vod-col-10 {
  display: block;
  flex: 0 0 41.6667%;
  width: 41.6667%;
}

.veveditor-vod-col-11 {
  display: block;
  flex: 0 0 45.8333%;
  width: 45.8333%;
}

.veveditor-vod-col-12 {
  display: block;
  flex: 0 0 50%;
  width: 50%;
}

.veveditor-vod-col-13 {
  display: block;
  flex: 0 0 54.1667%;
  width: 54.1667%;
}

.veveditor-vod-col-14 {
  display: block;
  flex: 0 0 58.3333%;
  width: 58.3333%;
}

.veveditor-vod-col-15 {
  display: block;
  flex: 0 0 62.5%;
  width: 62.5%;
}

.veveditor-vod-col-16 {
  display: block;
  flex: 0 0 66.6667%;
  width: 66.6667%;
}

.veveditor-vod-col-17 {
  display: block;
  flex: 0 0 70.8333%;
  width: 70.8333%;
}

.veveditor-vod-col-18 {
  display: block;
  flex: 0 0 75%;
  width: 75%;
}

.veveditor-vod-col-19 {
  display: block;
  flex: 0 0 79.1667%;
  width: 79.1667%;
}

.veveditor-vod-col-20 {
  display: block;
  flex: 0 0 83.3333%;
  width: 83.3333%;
}

.veveditor-vod-col-21 {
  display: block;
  flex: 0 0 87.5%;
  width: 87.5%;
}

.veveditor-vod-col-22 {
  display: block;
  flex: 0 0 91.6667%;
  width: 91.6667%;
}

.veveditor-vod-col-23 {
  display: block;
  flex: 0 0 95.8333%;
  width: 95.8333%;
}

.veveditor-vod-col-24 {
  display: block;
  flex: 0 0 100%;
  width: 100%;
}

.veveditor-vod-col-offset-0 {
  margin-left: 0;
}

.veveditor-vod-col-offset-0.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-col-offset-1 {
  margin-left: 4.16667%;
}

.veveditor-vod-col-offset-1.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 4.16667%;
}

.veveditor-vod-col-offset-2 {
  margin-left: 8.33333%;
}

.veveditor-vod-col-offset-2.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 8.33333%;
}

.veveditor-vod-col-offset-3 {
  margin-left: 12.5%;
}

.veveditor-vod-col-offset-3.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}

.veveditor-vod-col-offset-4 {
  margin-left: 16.6667%;
}

.veveditor-vod-col-offset-4.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 16.6667%;
}

.veveditor-vod-col-offset-5 {
  margin-left: 20.8333%;
}

.veveditor-vod-col-offset-5.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 20.8333%;
}

.veveditor-vod-col-offset-6 {
  margin-left: 25%;
}

.veveditor-vod-col-offset-6.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}

.veveditor-vod-col-offset-7 {
  margin-left: 29.1667%;
}

.veveditor-vod-col-offset-7.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 29.1667%;
}

.veveditor-vod-col-offset-8 {
  margin-left: 33.3333%;
}

.veveditor-vod-col-offset-8.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 33.3333%;
}

.veveditor-vod-col-offset-9 {
  margin-left: 37.5%;
}

.veveditor-vod-col-offset-9.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}

.veveditor-vod-col-offset-10 {
  margin-left: 41.6667%;
}

.veveditor-vod-col-offset-10.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 41.6667%;
}

.veveditor-vod-col-offset-11 {
  margin-left: 45.8333%;
}

.veveditor-vod-col-offset-11.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 45.8333%;
}

.veveditor-vod-col-offset-12 {
  margin-left: 50%;
}

.veveditor-vod-col-offset-12.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}

.veveditor-vod-col-offset-13 {
  margin-left: 54.1667%;
}

.veveditor-vod-col-offset-13.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 54.1667%;
}

.veveditor-vod-col-offset-14 {
  margin-left: 58.3333%;
}

.veveditor-vod-col-offset-14.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 58.3333%;
}

.veveditor-vod-col-offset-15 {
  margin-left: 62.5%;
}

.veveditor-vod-col-offset-15.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}

.veveditor-vod-col-offset-16 {
  margin-left: 66.6667%;
}

.veveditor-vod-col-offset-16.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 66.6667%;
}

.veveditor-vod-col-offset-17 {
  margin-left: 70.8333%;
}

.veveditor-vod-col-offset-17.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 70.8333%;
}

.veveditor-vod-col-offset-18 {
  margin-left: 75%;
}

.veveditor-vod-col-offset-18.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}

.veveditor-vod-col-offset-19 {
  margin-left: 79.1667%;
}

.veveditor-vod-col-offset-19.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 79.1667%;
}

.veveditor-vod-col-offset-20 {
  margin-left: 83.3333%;
}

.veveditor-vod-col-offset-20.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 83.3333%;
}

.veveditor-vod-col-offset-21 {
  margin-left: 87.5%;
}

.veveditor-vod-col-offset-21.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}

.veveditor-vod-col-offset-22 {
  margin-left: 91.6667%;
}

.veveditor-vod-col-offset-22.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 91.6667%;
}

.veveditor-vod-col-offset-23 {
  margin-left: 95.8333%;
}

.veveditor-vod-col-offset-23.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 95.8333%;
}

.veveditor-vod-col-order-0 {
  order: 0;
}

.veveditor-vod-col-order-1 {
  order: 1;
}

.veveditor-vod-col-order-2 {
  order: 2;
}

.veveditor-vod-col-order-3 {
  order: 3;
}

.veveditor-vod-col-order-4 {
  order: 4;
}

.veveditor-vod-col-order-5 {
  order: 5;
}

.veveditor-vod-col-order-6 {
  order: 6;
}

.veveditor-vod-col-order-7 {
  order: 7;
}

.veveditor-vod-col-order-8 {
  order: 8;
}

.veveditor-vod-col-order-9 {
  order: 9;
}

.veveditor-vod-col-order-10 {
  order: 10;
}

.veveditor-vod-col-order-11 {
  order: 11;
}

.veveditor-vod-col-order-12 {
  order: 12;
}

.veveditor-vod-col-order-13 {
  order: 13;
}

.veveditor-vod-col-order-14 {
  order: 14;
}

.veveditor-vod-col-order-15 {
  order: 15;
}

.veveditor-vod-col-order-16 {
  order: 16;
}

.veveditor-vod-col-order-17 {
  order: 17;
}

.veveditor-vod-col-order-18 {
  order: 18;
}

.veveditor-vod-col-order-19 {
  order: 19;
}

.veveditor-vod-col-order-20 {
  order: 20;
}

.veveditor-vod-col-order-21 {
  order: 21;
}

.veveditor-vod-col-order-22 {
  order: 22;
}

.veveditor-vod-col-order-23 {
  order: 23;
}

.veveditor-vod-col-order-24 {
  order: 24;
}

.veveditor-vod-col-pull-0 {
  right: 0;
}

.veveditor-vod-col-pull-0.veveditor-vod-col-rtl {
  left: 0;
  right: unset;
}

.veveditor-vod-col-pull-1 {
  right: 4.16667%;
}

.veveditor-vod-col-pull-1.veveditor-vod-col-rtl {
  left: 4.16667%;
  right: unset;
}

.veveditor-vod-col-pull-2 {
  right: 8.33333%;
}

.veveditor-vod-col-pull-2.veveditor-vod-col-rtl {
  left: 8.33333%;
  right: unset;
}

.veveditor-vod-col-pull-3 {
  right: 12.5%;
}

.veveditor-vod-col-pull-3.veveditor-vod-col-rtl {
  left: 12.5%;
  right: unset;
}

.veveditor-vod-col-pull-4 {
  right: 16.6667%;
}

.veveditor-vod-col-pull-4.veveditor-vod-col-rtl {
  left: 16.6667%;
  right: unset;
}

.veveditor-vod-col-pull-5 {
  right: 20.8333%;
}

.veveditor-vod-col-pull-5.veveditor-vod-col-rtl {
  left: 20.8333%;
  right: unset;
}

.veveditor-vod-col-pull-6 {
  right: 25%;
}

.veveditor-vod-col-pull-6.veveditor-vod-col-rtl {
  left: 25%;
  right: unset;
}

.veveditor-vod-col-pull-7 {
  right: 29.1667%;
}

.veveditor-vod-col-pull-7.veveditor-vod-col-rtl {
  left: 29.1667%;
  right: unset;
}

.veveditor-vod-col-pull-8 {
  right: 33.3333%;
}

.veveditor-vod-col-pull-8.veveditor-vod-col-rtl {
  left: 33.3333%;
  right: unset;
}

.veveditor-vod-col-pull-9 {
  right: 37.5%;
}

.veveditor-vod-col-pull-9.veveditor-vod-col-rtl {
  left: 37.5%;
  right: unset;
}

.veveditor-vod-col-pull-10 {
  right: 41.6667%;
}

.veveditor-vod-col-pull-10.veveditor-vod-col-rtl {
  left: 41.6667%;
  right: unset;
}

.veveditor-vod-col-pull-11 {
  right: 45.8333%;
}

.veveditor-vod-col-pull-11.veveditor-vod-col-rtl {
  left: 45.8333%;
  right: unset;
}

.veveditor-vod-col-pull-12 {
  right: 50%;
}

.veveditor-vod-col-pull-12.veveditor-vod-col-rtl {
  left: 50%;
  right: unset;
}

.veveditor-vod-col-pull-13 {
  right: 54.1667%;
}

.veveditor-vod-col-pull-13.veveditor-vod-col-rtl {
  left: 54.1667%;
  right: unset;
}

.veveditor-vod-col-pull-14 {
  right: 58.3333%;
}

.veveditor-vod-col-pull-14.veveditor-vod-col-rtl {
  left: 58.3333%;
  right: unset;
}

.veveditor-vod-col-pull-15 {
  right: 62.5%;
}

.veveditor-vod-col-pull-15.veveditor-vod-col-rtl {
  left: 62.5%;
  right: unset;
}

.veveditor-vod-col-pull-16 {
  right: 66.6667%;
}

.veveditor-vod-col-pull-16.veveditor-vod-col-rtl {
  left: 66.6667%;
  right: unset;
}

.veveditor-vod-col-pull-17 {
  right: 70.8333%;
}

.veveditor-vod-col-pull-17.veveditor-vod-col-rtl {
  left: 70.8333%;
  right: unset;
}

.veveditor-vod-col-pull-18 {
  right: 75%;
}

.veveditor-vod-col-pull-18.veveditor-vod-col-rtl {
  left: 75%;
  right: unset;
}

.veveditor-vod-col-pull-19 {
  right: 79.1667%;
}

.veveditor-vod-col-pull-19.veveditor-vod-col-rtl {
  left: 79.1667%;
  right: unset;
}

.veveditor-vod-col-pull-20 {
  right: 83.3333%;
}

.veveditor-vod-col-pull-20.veveditor-vod-col-rtl {
  left: 83.3333%;
  right: unset;
}

.veveditor-vod-col-pull-21 {
  right: 87.5%;
}

.veveditor-vod-col-pull-21.veveditor-vod-col-rtl {
  left: 87.5%;
  right: unset;
}

.veveditor-vod-col-pull-22 {
  right: 91.6667%;
}

.veveditor-vod-col-pull-22.veveditor-vod-col-rtl {
  left: 91.6667%;
  right: unset;
}

.veveditor-vod-col-pull-23 {
  right: 95.8333%;
}

.veveditor-vod-col-pull-23.veveditor-vod-col-rtl {
  left: 95.8333%;
  right: unset;
}

.veveditor-vod-col-pull-24 {
  right: 100%;
}

.veveditor-vod-col-pull-24.veveditor-vod-col-rtl {
  left: 100%;
  right: unset;
}

.veveditor-vod-col-push-0 {
  left: 0;
}

.veveditor-vod-col-push-0.veveditor-vod-col-rtl {
  left: unset;
  right: 0;
}

.veveditor-vod-col-push-1 {
  left: 4.16667%;
}

.veveditor-vod-col-push-1.veveditor-vod-col-rtl {
  left: unset;
  right: 4.16667%;
}

.veveditor-vod-col-push-2 {
  left: 8.33333%;
}

.veveditor-vod-col-push-2.veveditor-vod-col-rtl {
  left: unset;
  right: 8.33333%;
}

.veveditor-vod-col-push-3 {
  left: 12.5%;
}

.veveditor-vod-col-push-3.veveditor-vod-col-rtl {
  left: unset;
  right: 12.5%;
}

.veveditor-vod-col-push-4 {
  left: 16.6667%;
}

.veveditor-vod-col-push-4.veveditor-vod-col-rtl {
  left: unset;
  right: 16.6667%;
}

.veveditor-vod-col-push-5 {
  left: 20.8333%;
}

.veveditor-vod-col-push-5.veveditor-vod-col-rtl {
  left: unset;
  right: 20.8333%;
}

.veveditor-vod-col-push-6 {
  left: 25%;
}

.veveditor-vod-col-push-6.veveditor-vod-col-rtl {
  left: unset;
  right: 25%;
}

.veveditor-vod-col-push-7 {
  left: 29.1667%;
}

.veveditor-vod-col-push-7.veveditor-vod-col-rtl {
  left: unset;
  right: 29.1667%;
}

.veveditor-vod-col-push-8 {
  left: 33.3333%;
}

.veveditor-vod-col-push-8.veveditor-vod-col-rtl {
  left: unset;
  right: 33.3333%;
}

.veveditor-vod-col-push-9 {
  left: 37.5%;
}

.veveditor-vod-col-push-9.veveditor-vod-col-rtl {
  left: unset;
  right: 37.5%;
}

.veveditor-vod-col-push-10 {
  left: 41.6667%;
}

.veveditor-vod-col-push-10.veveditor-vod-col-rtl {
  left: unset;
  right: 41.6667%;
}

.veveditor-vod-col-push-11 {
  left: 45.8333%;
}

.veveditor-vod-col-push-11.veveditor-vod-col-rtl {
  left: unset;
  right: 45.8333%;
}

.veveditor-vod-col-push-12 {
  left: 50%;
}

.veveditor-vod-col-push-12.veveditor-vod-col-rtl {
  left: unset;
  right: 50%;
}

.veveditor-vod-col-push-13 {
  left: 54.1667%;
}

.veveditor-vod-col-push-13.veveditor-vod-col-rtl {
  left: unset;
  right: 54.1667%;
}

.veveditor-vod-col-push-14 {
  left: 58.3333%;
}

.veveditor-vod-col-push-14.veveditor-vod-col-rtl {
  left: unset;
  right: 58.3333%;
}

.veveditor-vod-col-push-15 {
  left: 62.5%;
}

.veveditor-vod-col-push-15.veveditor-vod-col-rtl {
  left: unset;
  right: 62.5%;
}

.veveditor-vod-col-push-16 {
  left: 66.6667%;
}

.veveditor-vod-col-push-16.veveditor-vod-col-rtl {
  left: unset;
  right: 66.6667%;
}

.veveditor-vod-col-push-17 {
  left: 70.8333%;
}

.veveditor-vod-col-push-17.veveditor-vod-col-rtl {
  left: unset;
  right: 70.8333%;
}

.veveditor-vod-col-push-18 {
  left: 75%;
}

.veveditor-vod-col-push-18.veveditor-vod-col-rtl {
  left: unset;
  right: 75%;
}

.veveditor-vod-col-push-19 {
  left: 79.1667%;
}

.veveditor-vod-col-push-19.veveditor-vod-col-rtl {
  left: unset;
  right: 79.1667%;
}

.veveditor-vod-col-push-20 {
  left: 83.3333%;
}

.veveditor-vod-col-push-20.veveditor-vod-col-rtl {
  left: unset;
  right: 83.3333%;
}

.veveditor-vod-col-push-21 {
  left: 87.5%;
}

.veveditor-vod-col-push-21.veveditor-vod-col-rtl {
  left: unset;
  right: 87.5%;
}

.veveditor-vod-col-push-22 {
  left: 91.6667%;
}

.veveditor-vod-col-push-22.veveditor-vod-col-rtl {
  left: unset;
  right: 91.6667%;
}

.veveditor-vod-col-push-23 {
  left: 95.8333%;
}

.veveditor-vod-col-push-23.veveditor-vod-col-rtl {
  left: unset;
  right: 95.8333%;
}

.veveditor-vod-col-push-24 {
  left: 100%;
}

.veveditor-vod-col-push-24.veveditor-vod-col-rtl {
  left: unset;
  right: 100%;
}

.veveditor-vod-col-xs-0 {
  display: none;
}

.veveditor-vod-col-xs-1 {
  display: block;
  flex: 0 0 4.16667%;
  width: 4.16667%;
}

.veveditor-vod-col-xs-2 {
  display: block;
  flex: 0 0 8.33333%;
  width: 8.33333%;
}

.veveditor-vod-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  width: 12.5%;
}

.veveditor-vod-col-xs-4 {
  display: block;
  flex: 0 0 16.6667%;
  width: 16.6667%;
}

.veveditor-vod-col-xs-5 {
  display: block;
  flex: 0 0 20.8333%;
  width: 20.8333%;
}

.veveditor-vod-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  width: 25%;
}

.veveditor-vod-col-xs-7 {
  display: block;
  flex: 0 0 29.1667%;
  width: 29.1667%;
}

.veveditor-vod-col-xs-8 {
  display: block;
  flex: 0 0 33.3333%;
  width: 33.3333%;
}

.veveditor-vod-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  width: 37.5%;
}

.veveditor-vod-col-xs-10 {
  display: block;
  flex: 0 0 41.6667%;
  width: 41.6667%;
}

.veveditor-vod-col-xs-11 {
  display: block;
  flex: 0 0 45.8333%;
  width: 45.8333%;
}

.veveditor-vod-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  width: 50%;
}

.veveditor-vod-col-xs-13 {
  display: block;
  flex: 0 0 54.1667%;
  width: 54.1667%;
}

.veveditor-vod-col-xs-14 {
  display: block;
  flex: 0 0 58.3333%;
  width: 58.3333%;
}

.veveditor-vod-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  width: 62.5%;
}

.veveditor-vod-col-xs-16 {
  display: block;
  flex: 0 0 66.6667%;
  width: 66.6667%;
}

.veveditor-vod-col-xs-17 {
  display: block;
  flex: 0 0 70.8333%;
  width: 70.8333%;
}

.veveditor-vod-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  width: 75%;
}

.veveditor-vod-col-xs-19 {
  display: block;
  flex: 0 0 79.1667%;
  width: 79.1667%;
}

.veveditor-vod-col-xs-20 {
  display: block;
  flex: 0 0 83.3333%;
  width: 83.3333%;
}

.veveditor-vod-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  width: 87.5%;
}

.veveditor-vod-col-xs-22 {
  display: block;
  flex: 0 0 91.6667%;
  width: 91.6667%;
}

.veveditor-vod-col-xs-23 {
  display: block;
  flex: 0 0 95.8333%;
  width: 95.8333%;
}

.veveditor-vod-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  width: 100%;
}

.veveditor-vod-col-xs-offset-0 {
  margin-left: 0;
}

.veveditor-vod-col-xs-offset-0.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-col-xs-offset-1 {
  margin-left: 4.16667%;
}

.veveditor-vod-col-xs-offset-1.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 4.16667%;
}

.veveditor-vod-col-xs-offset-2 {
  margin-left: 8.33333%;
}

.veveditor-vod-col-xs-offset-2.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 8.33333%;
}

.veveditor-vod-col-xs-offset-3 {
  margin-left: 12.5%;
}

.veveditor-vod-col-xs-offset-3.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}

.veveditor-vod-col-xs-offset-4 {
  margin-left: 16.6667%;
}

.veveditor-vod-col-xs-offset-4.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 16.6667%;
}

.veveditor-vod-col-xs-offset-5 {
  margin-left: 20.8333%;
}

.veveditor-vod-col-xs-offset-5.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 20.8333%;
}

.veveditor-vod-col-xs-offset-6 {
  margin-left: 25%;
}

.veveditor-vod-col-xs-offset-6.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}

.veveditor-vod-col-xs-offset-7 {
  margin-left: 29.1667%;
}

.veveditor-vod-col-xs-offset-7.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 29.1667%;
}

.veveditor-vod-col-xs-offset-8 {
  margin-left: 33.3333%;
}

.veveditor-vod-col-xs-offset-8.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 33.3333%;
}

.veveditor-vod-col-xs-offset-9 {
  margin-left: 37.5%;
}

.veveditor-vod-col-xs-offset-9.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}

.veveditor-vod-col-xs-offset-10 {
  margin-left: 41.6667%;
}

.veveditor-vod-col-xs-offset-10.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 41.6667%;
}

.veveditor-vod-col-xs-offset-11 {
  margin-left: 45.8333%;
}

.veveditor-vod-col-xs-offset-11.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 45.8333%;
}

.veveditor-vod-col-xs-offset-12 {
  margin-left: 50%;
}

.veveditor-vod-col-xs-offset-12.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}

.veveditor-vod-col-xs-offset-13 {
  margin-left: 54.1667%;
}

.veveditor-vod-col-xs-offset-13.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 54.1667%;
}

.veveditor-vod-col-xs-offset-14 {
  margin-left: 58.3333%;
}

.veveditor-vod-col-xs-offset-14.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 58.3333%;
}

.veveditor-vod-col-xs-offset-15 {
  margin-left: 62.5%;
}

.veveditor-vod-col-xs-offset-15.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}

.veveditor-vod-col-xs-offset-16 {
  margin-left: 66.6667%;
}

.veveditor-vod-col-xs-offset-16.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 66.6667%;
}

.veveditor-vod-col-xs-offset-17 {
  margin-left: 70.8333%;
}

.veveditor-vod-col-xs-offset-17.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 70.8333%;
}

.veveditor-vod-col-xs-offset-18 {
  margin-left: 75%;
}

.veveditor-vod-col-xs-offset-18.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}

.veveditor-vod-col-xs-offset-19 {
  margin-left: 79.1667%;
}

.veveditor-vod-col-xs-offset-19.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 79.1667%;
}

.veveditor-vod-col-xs-offset-20 {
  margin-left: 83.3333%;
}

.veveditor-vod-col-xs-offset-20.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 83.3333%;
}

.veveditor-vod-col-xs-offset-21 {
  margin-left: 87.5%;
}

.veveditor-vod-col-xs-offset-21.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}

.veveditor-vod-col-xs-offset-22 {
  margin-left: 91.6667%;
}

.veveditor-vod-col-xs-offset-22.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 91.6667%;
}

.veveditor-vod-col-xs-offset-23 {
  margin-left: 95.8333%;
}

.veveditor-vod-col-xs-offset-23.veveditor-vod-col-rtl {
  margin-left: 0;
  margin-right: 95.8333%;
}

.veveditor-vod-col-xs-order-0 {
  order: 0;
}

.veveditor-vod-col-xs-order-1 {
  order: 1;
}

.veveditor-vod-col-xs-order-2 {
  order: 2;
}

.veveditor-vod-col-xs-order-3 {
  order: 3;
}

.veveditor-vod-col-xs-order-4 {
  order: 4;
}

.veveditor-vod-col-xs-order-5 {
  order: 5;
}

.veveditor-vod-col-xs-order-6 {
  order: 6;
}

.veveditor-vod-col-xs-order-7 {
  order: 7;
}

.veveditor-vod-col-xs-order-8 {
  order: 8;
}

.veveditor-vod-col-xs-order-9 {
  order: 9;
}

.veveditor-vod-col-xs-order-10 {
  order: 10;
}

.veveditor-vod-col-xs-order-11 {
  order: 11;
}

.veveditor-vod-col-xs-order-12 {
  order: 12;
}

.veveditor-vod-col-xs-order-13 {
  order: 13;
}

.veveditor-vod-col-xs-order-14 {
  order: 14;
}

.veveditor-vod-col-xs-order-15 {
  order: 15;
}

.veveditor-vod-col-xs-order-16 {
  order: 16;
}

.veveditor-vod-col-xs-order-17 {
  order: 17;
}

.veveditor-vod-col-xs-order-18 {
  order: 18;
}

.veveditor-vod-col-xs-order-19 {
  order: 19;
}

.veveditor-vod-col-xs-order-20 {
  order: 20;
}

.veveditor-vod-col-xs-order-21 {
  order: 21;
}

.veveditor-vod-col-xs-order-22 {
  order: 22;
}

.veveditor-vod-col-xs-order-23 {
  order: 23;
}

.veveditor-vod-col-xs-order-24 {
  order: 24;
}

.veveditor-vod-col-xs-pull-0 {
  right: 0;
}

.veveditor-vod-col-xs-pull-0.veveditor-vod-col-rtl {
  left: 0;
  right: unset;
}

.veveditor-vod-col-xs-pull-1 {
  right: 4.16667%;
}

.veveditor-vod-col-xs-pull-1.veveditor-vod-col-rtl {
  left: 4.16667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-2 {
  right: 8.33333%;
}

.veveditor-vod-col-xs-pull-2.veveditor-vod-col-rtl {
  left: 8.33333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-3 {
  right: 12.5%;
}

.veveditor-vod-col-xs-pull-3.veveditor-vod-col-rtl {
  left: 12.5%;
  right: unset;
}

.veveditor-vod-col-xs-pull-4 {
  right: 16.6667%;
}

.veveditor-vod-col-xs-pull-4.veveditor-vod-col-rtl {
  left: 16.6667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-5 {
  right: 20.8333%;
}

.veveditor-vod-col-xs-pull-5.veveditor-vod-col-rtl {
  left: 20.8333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-6 {
  right: 25%;
}

.veveditor-vod-col-xs-pull-6.veveditor-vod-col-rtl {
  left: 25%;
  right: unset;
}

.veveditor-vod-col-xs-pull-7 {
  right: 29.1667%;
}

.veveditor-vod-col-xs-pull-7.veveditor-vod-col-rtl {
  left: 29.1667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-8 {
  right: 33.3333%;
}

.veveditor-vod-col-xs-pull-8.veveditor-vod-col-rtl {
  left: 33.3333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-9 {
  right: 37.5%;
}

.veveditor-vod-col-xs-pull-9.veveditor-vod-col-rtl {
  left: 37.5%;
  right: unset;
}

.veveditor-vod-col-xs-pull-10 {
  right: 41.6667%;
}

.veveditor-vod-col-xs-pull-10.veveditor-vod-col-rtl {
  left: 41.6667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-11 {
  right: 45.8333%;
}

.veveditor-vod-col-xs-pull-11.veveditor-vod-col-rtl {
  left: 45.8333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-12 {
  right: 50%;
}

.veveditor-vod-col-xs-pull-12.veveditor-vod-col-rtl {
  left: 50%;
  right: unset;
}

.veveditor-vod-col-xs-pull-13 {
  right: 54.1667%;
}

.veveditor-vod-col-xs-pull-13.veveditor-vod-col-rtl {
  left: 54.1667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-14 {
  right: 58.3333%;
}

.veveditor-vod-col-xs-pull-14.veveditor-vod-col-rtl {
  left: 58.3333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-15 {
  right: 62.5%;
}

.veveditor-vod-col-xs-pull-15.veveditor-vod-col-rtl {
  left: 62.5%;
  right: unset;
}

.veveditor-vod-col-xs-pull-16 {
  right: 66.6667%;
}

.veveditor-vod-col-xs-pull-16.veveditor-vod-col-rtl {
  left: 66.6667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-17 {
  right: 70.8333%;
}

.veveditor-vod-col-xs-pull-17.veveditor-vod-col-rtl {
  left: 70.8333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-18 {
  right: 75%;
}

.veveditor-vod-col-xs-pull-18.veveditor-vod-col-rtl {
  left: 75%;
  right: unset;
}

.veveditor-vod-col-xs-pull-19 {
  right: 79.1667%;
}

.veveditor-vod-col-xs-pull-19.veveditor-vod-col-rtl {
  left: 79.1667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-20 {
  right: 83.3333%;
}

.veveditor-vod-col-xs-pull-20.veveditor-vod-col-rtl {
  left: 83.3333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-21 {
  right: 87.5%;
}

.veveditor-vod-col-xs-pull-21.veveditor-vod-col-rtl {
  left: 87.5%;
  right: unset;
}

.veveditor-vod-col-xs-pull-22 {
  right: 91.6667%;
}

.veveditor-vod-col-xs-pull-22.veveditor-vod-col-rtl {
  left: 91.6667%;
  right: unset;
}

.veveditor-vod-col-xs-pull-23 {
  right: 95.8333%;
}

.veveditor-vod-col-xs-pull-23.veveditor-vod-col-rtl {
  left: 95.8333%;
  right: unset;
}

.veveditor-vod-col-xs-pull-24 {
  right: 100%;
}

.veveditor-vod-col-xs-pull-24.veveditor-vod-col-rtl {
  left: 100%;
  right: unset;
}

.veveditor-vod-col-xs-push-0 {
  left: 0;
}

.veveditor-vod-col-xs-push-0.veveditor-vod-col-rtl {
  left: unset;
  right: 0;
}

.veveditor-vod-col-xs-push-1 {
  left: 4.16667%;
}

.veveditor-vod-col-xs-push-1.veveditor-vod-col-rtl {
  left: unset;
  right: 4.16667%;
}

.veveditor-vod-col-xs-push-2 {
  left: 8.33333%;
}

.veveditor-vod-col-xs-push-2.veveditor-vod-col-rtl {
  left: unset;
  right: 8.33333%;
}

.veveditor-vod-col-xs-push-3 {
  left: 12.5%;
}

.veveditor-vod-col-xs-push-3.veveditor-vod-col-rtl {
  left: unset;
  right: 12.5%;
}

.veveditor-vod-col-xs-push-4 {
  left: 16.6667%;
}

.veveditor-vod-col-xs-push-4.veveditor-vod-col-rtl {
  left: unset;
  right: 16.6667%;
}

.veveditor-vod-col-xs-push-5 {
  left: 20.8333%;
}

.veveditor-vod-col-xs-push-5.veveditor-vod-col-rtl {
  left: unset;
  right: 20.8333%;
}

.veveditor-vod-col-xs-push-6 {
  left: 25%;
}

.veveditor-vod-col-xs-push-6.veveditor-vod-col-rtl {
  left: unset;
  right: 25%;
}

.veveditor-vod-col-xs-push-7 {
  left: 29.1667%;
}

.veveditor-vod-col-xs-push-7.veveditor-vod-col-rtl {
  left: unset;
  right: 29.1667%;
}

.veveditor-vod-col-xs-push-8 {
  left: 33.3333%;
}

.veveditor-vod-col-xs-push-8.veveditor-vod-col-rtl {
  left: unset;
  right: 33.3333%;
}

.veveditor-vod-col-xs-push-9 {
  left: 37.5%;
}

.veveditor-vod-col-xs-push-9.veveditor-vod-col-rtl {
  left: unset;
  right: 37.5%;
}

.veveditor-vod-col-xs-push-10 {
  left: 41.6667%;
}

.veveditor-vod-col-xs-push-10.veveditor-vod-col-rtl {
  left: unset;
  right: 41.6667%;
}

.veveditor-vod-col-xs-push-11 {
  left: 45.8333%;
}

.veveditor-vod-col-xs-push-11.veveditor-vod-col-rtl {
  left: unset;
  right: 45.8333%;
}

.veveditor-vod-col-xs-push-12 {
  left: 50%;
}

.veveditor-vod-col-xs-push-12.veveditor-vod-col-rtl {
  left: unset;
  right: 50%;
}

.veveditor-vod-col-xs-push-13 {
  left: 54.1667%;
}

.veveditor-vod-col-xs-push-13.veveditor-vod-col-rtl {
  left: unset;
  right: 54.1667%;
}

.veveditor-vod-col-xs-push-14 {
  left: 58.3333%;
}

.veveditor-vod-col-xs-push-14.veveditor-vod-col-rtl {
  left: unset;
  right: 58.3333%;
}

.veveditor-vod-col-xs-push-15 {
  left: 62.5%;
}

.veveditor-vod-col-xs-push-15.veveditor-vod-col-rtl {
  left: unset;
  right: 62.5%;
}

.veveditor-vod-col-xs-push-16 {
  left: 66.6667%;
}

.veveditor-vod-col-xs-push-16.veveditor-vod-col-rtl {
  left: unset;
  right: 66.6667%;
}

.veveditor-vod-col-xs-push-17 {
  left: 70.8333%;
}

.veveditor-vod-col-xs-push-17.veveditor-vod-col-rtl {
  left: unset;
  right: 70.8333%;
}

.veveditor-vod-col-xs-push-18 {
  left: 75%;
}

.veveditor-vod-col-xs-push-18.veveditor-vod-col-rtl {
  left: unset;
  right: 75%;
}

.veveditor-vod-col-xs-push-19 {
  left: 79.1667%;
}

.veveditor-vod-col-xs-push-19.veveditor-vod-col-rtl {
  left: unset;
  right: 79.1667%;
}

.veveditor-vod-col-xs-push-20 {
  left: 83.3333%;
}

.veveditor-vod-col-xs-push-20.veveditor-vod-col-rtl {
  left: unset;
  right: 83.3333%;
}

.veveditor-vod-col-xs-push-21 {
  left: 87.5%;
}

.veveditor-vod-col-xs-push-21.veveditor-vod-col-rtl {
  left: unset;
  right: 87.5%;
}

.veveditor-vod-col-xs-push-22 {
  left: 91.6667%;
}

.veveditor-vod-col-xs-push-22.veveditor-vod-col-rtl {
  left: unset;
  right: 91.6667%;
}

.veveditor-vod-col-xs-push-23 {
  left: 95.8333%;
}

.veveditor-vod-col-xs-push-23.veveditor-vod-col-rtl {
  left: unset;
  right: 95.8333%;
}

.veveditor-vod-col-xs-push-24 {
  left: 100%;
}

.veveditor-vod-col-xs-push-24.veveditor-vod-col-rtl {
  left: unset;
  right: 100%;
}

@media (width >= 576px) {
  .veveditor-vod-col-sm-0 {
    display: none;
  }

  .veveditor-vod-col-sm-1 {
    display: block;
    flex: 0 0 4.16667%;
    width: 4.16667%;
  }

  .veveditor-vod-col-sm-2 {
    display: block;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }

  .veveditor-vod-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .veveditor-vod-col-sm-4 {
    display: block;
    flex: 0 0 16.6667%;
    width: 16.6667%;
  }

  .veveditor-vod-col-sm-5 {
    display: block;
    flex: 0 0 20.8333%;
    width: 20.8333%;
  }

  .veveditor-vod-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%;
  }

  .veveditor-vod-col-sm-7 {
    display: block;
    flex: 0 0 29.1667%;
    width: 29.1667%;
  }

  .veveditor-vod-col-sm-8 {
    display: block;
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .veveditor-vod-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .veveditor-vod-col-sm-10 {
    display: block;
    flex: 0 0 41.6667%;
    width: 41.6667%;
  }

  .veveditor-vod-col-sm-11 {
    display: block;
    flex: 0 0 45.8333%;
    width: 45.8333%;
  }

  .veveditor-vod-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%;
  }

  .veveditor-vod-col-sm-13 {
    display: block;
    flex: 0 0 54.1667%;
    width: 54.1667%;
  }

  .veveditor-vod-col-sm-14 {
    display: block;
    flex: 0 0 58.3333%;
    width: 58.3333%;
  }

  .veveditor-vod-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .veveditor-vod-col-sm-16 {
    display: block;
    flex: 0 0 66.6667%;
    width: 66.6667%;
  }

  .veveditor-vod-col-sm-17 {
    display: block;
    flex: 0 0 70.8333%;
    width: 70.8333%;
  }

  .veveditor-vod-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%;
  }

  .veveditor-vod-col-sm-19 {
    display: block;
    flex: 0 0 79.1667%;
    width: 79.1667%;
  }

  .veveditor-vod-col-sm-20 {
    display: block;
    flex: 0 0 83.3333%;
    width: 83.3333%;
  }

  .veveditor-vod-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .veveditor-vod-col-sm-22 {
    display: block;
    flex: 0 0 91.6667%;
    width: 91.6667%;
  }

  .veveditor-vod-col-sm-23 {
    display: block;
    flex: 0 0 95.8333%;
    width: 95.8333%;
  }

  .veveditor-vod-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%;
  }

  .veveditor-vod-col-sm-offset-0 {
    margin-left: 0;
  }

  .veveditor-vod-col-sm-offset-0.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 0;
  }

  .veveditor-vod-col-sm-offset-1 {
    margin-left: 4.16667%;
  }

  .veveditor-vod-col-sm-offset-1.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 4.16667%;
  }

  .veveditor-vod-col-sm-offset-2 {
    margin-left: 8.33333%;
  }

  .veveditor-vod-col-sm-offset-2.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 8.33333%;
  }

  .veveditor-vod-col-sm-offset-3 {
    margin-left: 12.5%;
  }

  .veveditor-vod-col-sm-offset-3.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }

  .veveditor-vod-col-sm-offset-4 {
    margin-left: 16.6667%;
  }

  .veveditor-vod-col-sm-offset-4.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 16.6667%;
  }

  .veveditor-vod-col-sm-offset-5 {
    margin-left: 20.8333%;
  }

  .veveditor-vod-col-sm-offset-5.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 20.8333%;
  }

  .veveditor-vod-col-sm-offset-6 {
    margin-left: 25%;
  }

  .veveditor-vod-col-sm-offset-6.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }

  .veveditor-vod-col-sm-offset-7 {
    margin-left: 29.1667%;
  }

  .veveditor-vod-col-sm-offset-7.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 29.1667%;
  }

  .veveditor-vod-col-sm-offset-8 {
    margin-left: 33.3333%;
  }

  .veveditor-vod-col-sm-offset-8.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 33.3333%;
  }

  .veveditor-vod-col-sm-offset-9 {
    margin-left: 37.5%;
  }

  .veveditor-vod-col-sm-offset-9.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }

  .veveditor-vod-col-sm-offset-10 {
    margin-left: 41.6667%;
  }

  .veveditor-vod-col-sm-offset-10.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 41.6667%;
  }

  .veveditor-vod-col-sm-offset-11 {
    margin-left: 45.8333%;
  }

  .veveditor-vod-col-sm-offset-11.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 45.8333%;
  }

  .veveditor-vod-col-sm-offset-12 {
    margin-left: 50%;
  }

  .veveditor-vod-col-sm-offset-12.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }

  .veveditor-vod-col-sm-offset-13 {
    margin-left: 54.1667%;
  }

  .veveditor-vod-col-sm-offset-13.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 54.1667%;
  }

  .veveditor-vod-col-sm-offset-14 {
    margin-left: 58.3333%;
  }

  .veveditor-vod-col-sm-offset-14.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 58.3333%;
  }

  .veveditor-vod-col-sm-offset-15 {
    margin-left: 62.5%;
  }

  .veveditor-vod-col-sm-offset-15.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }

  .veveditor-vod-col-sm-offset-16 {
    margin-left: 66.6667%;
  }

  .veveditor-vod-col-sm-offset-16.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 66.6667%;
  }

  .veveditor-vod-col-sm-offset-17 {
    margin-left: 70.8333%;
  }

  .veveditor-vod-col-sm-offset-17.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 70.8333%;
  }

  .veveditor-vod-col-sm-offset-18 {
    margin-left: 75%;
  }

  .veveditor-vod-col-sm-offset-18.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }

  .veveditor-vod-col-sm-offset-19 {
    margin-left: 79.1667%;
  }

  .veveditor-vod-col-sm-offset-19.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 79.1667%;
  }

  .veveditor-vod-col-sm-offset-20 {
    margin-left: 83.3333%;
  }

  .veveditor-vod-col-sm-offset-20.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 83.3333%;
  }

  .veveditor-vod-col-sm-offset-21 {
    margin-left: 87.5%;
  }

  .veveditor-vod-col-sm-offset-21.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }

  .veveditor-vod-col-sm-offset-22 {
    margin-left: 91.6667%;
  }

  .veveditor-vod-col-sm-offset-22.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 91.6667%;
  }

  .veveditor-vod-col-sm-offset-23 {
    margin-left: 95.8333%;
  }

  .veveditor-vod-col-sm-offset-23.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 95.8333%;
  }

  .veveditor-vod-col-sm-order-0 {
    order: 0;
  }

  .veveditor-vod-col-sm-order-1 {
    order: 1;
  }

  .veveditor-vod-col-sm-order-2 {
    order: 2;
  }

  .veveditor-vod-col-sm-order-3 {
    order: 3;
  }

  .veveditor-vod-col-sm-order-4 {
    order: 4;
  }

  .veveditor-vod-col-sm-order-5 {
    order: 5;
  }

  .veveditor-vod-col-sm-order-6 {
    order: 6;
  }

  .veveditor-vod-col-sm-order-7 {
    order: 7;
  }

  .veveditor-vod-col-sm-order-8 {
    order: 8;
  }

  .veveditor-vod-col-sm-order-9 {
    order: 9;
  }

  .veveditor-vod-col-sm-order-10 {
    order: 10;
  }

  .veveditor-vod-col-sm-order-11 {
    order: 11;
  }

  .veveditor-vod-col-sm-order-12 {
    order: 12;
  }

  .veveditor-vod-col-sm-order-13 {
    order: 13;
  }

  .veveditor-vod-col-sm-order-14 {
    order: 14;
  }

  .veveditor-vod-col-sm-order-15 {
    order: 15;
  }

  .veveditor-vod-col-sm-order-16 {
    order: 16;
  }

  .veveditor-vod-col-sm-order-17 {
    order: 17;
  }

  .veveditor-vod-col-sm-order-18 {
    order: 18;
  }

  .veveditor-vod-col-sm-order-19 {
    order: 19;
  }

  .veveditor-vod-col-sm-order-20 {
    order: 20;
  }

  .veveditor-vod-col-sm-order-21 {
    order: 21;
  }

  .veveditor-vod-col-sm-order-22 {
    order: 22;
  }

  .veveditor-vod-col-sm-order-23 {
    order: 23;
  }

  .veveditor-vod-col-sm-order-24 {
    order: 24;
  }

  .veveditor-vod-col-sm-pull-0 {
    right: 0;
  }

  .veveditor-vod-col-sm-pull-0.veveditor-vod-col-rtl {
    left: 0;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-1 {
    right: 4.16667%;
  }

  .veveditor-vod-col-sm-pull-1.veveditor-vod-col-rtl {
    left: 4.16667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-2 {
    right: 8.33333%;
  }

  .veveditor-vod-col-sm-pull-2.veveditor-vod-col-rtl {
    left: 8.33333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-3 {
    right: 12.5%;
  }

  .veveditor-vod-col-sm-pull-3.veveditor-vod-col-rtl {
    left: 12.5%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-4 {
    right: 16.6667%;
  }

  .veveditor-vod-col-sm-pull-4.veveditor-vod-col-rtl {
    left: 16.6667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-5 {
    right: 20.8333%;
  }

  .veveditor-vod-col-sm-pull-5.veveditor-vod-col-rtl {
    left: 20.8333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-6 {
    right: 25%;
  }

  .veveditor-vod-col-sm-pull-6.veveditor-vod-col-rtl {
    left: 25%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-7 {
    right: 29.1667%;
  }

  .veveditor-vod-col-sm-pull-7.veveditor-vod-col-rtl {
    left: 29.1667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-8 {
    right: 33.3333%;
  }

  .veveditor-vod-col-sm-pull-8.veveditor-vod-col-rtl {
    left: 33.3333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-9 {
    right: 37.5%;
  }

  .veveditor-vod-col-sm-pull-9.veveditor-vod-col-rtl {
    left: 37.5%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-10 {
    right: 41.6667%;
  }

  .veveditor-vod-col-sm-pull-10.veveditor-vod-col-rtl {
    left: 41.6667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-11 {
    right: 45.8333%;
  }

  .veveditor-vod-col-sm-pull-11.veveditor-vod-col-rtl {
    left: 45.8333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-12 {
    right: 50%;
  }

  .veveditor-vod-col-sm-pull-12.veveditor-vod-col-rtl {
    left: 50%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-13 {
    right: 54.1667%;
  }

  .veveditor-vod-col-sm-pull-13.veveditor-vod-col-rtl {
    left: 54.1667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-14 {
    right: 58.3333%;
  }

  .veveditor-vod-col-sm-pull-14.veveditor-vod-col-rtl {
    left: 58.3333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-15 {
    right: 62.5%;
  }

  .veveditor-vod-col-sm-pull-15.veveditor-vod-col-rtl {
    left: 62.5%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-16 {
    right: 66.6667%;
  }

  .veveditor-vod-col-sm-pull-16.veveditor-vod-col-rtl {
    left: 66.6667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-17 {
    right: 70.8333%;
  }

  .veveditor-vod-col-sm-pull-17.veveditor-vod-col-rtl {
    left: 70.8333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-18 {
    right: 75%;
  }

  .veveditor-vod-col-sm-pull-18.veveditor-vod-col-rtl {
    left: 75%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-19 {
    right: 79.1667%;
  }

  .veveditor-vod-col-sm-pull-19.veveditor-vod-col-rtl {
    left: 79.1667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-20 {
    right: 83.3333%;
  }

  .veveditor-vod-col-sm-pull-20.veveditor-vod-col-rtl {
    left: 83.3333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-21 {
    right: 87.5%;
  }

  .veveditor-vod-col-sm-pull-21.veveditor-vod-col-rtl {
    left: 87.5%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-22 {
    right: 91.6667%;
  }

  .veveditor-vod-col-sm-pull-22.veveditor-vod-col-rtl {
    left: 91.6667%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-23 {
    right: 95.8333%;
  }

  .veveditor-vod-col-sm-pull-23.veveditor-vod-col-rtl {
    left: 95.8333%;
    right: unset;
  }

  .veveditor-vod-col-sm-pull-24 {
    right: 100%;
  }

  .veveditor-vod-col-sm-pull-24.veveditor-vod-col-rtl {
    left: 100%;
    right: unset;
  }

  .veveditor-vod-col-sm-push-0 {
    left: 0;
  }

  .veveditor-vod-col-sm-push-0.veveditor-vod-col-rtl {
    left: unset;
    right: 0;
  }

  .veveditor-vod-col-sm-push-1 {
    left: 4.16667%;
  }

  .veveditor-vod-col-sm-push-1.veveditor-vod-col-rtl {
    left: unset;
    right: 4.16667%;
  }

  .veveditor-vod-col-sm-push-2 {
    left: 8.33333%;
  }

  .veveditor-vod-col-sm-push-2.veveditor-vod-col-rtl {
    left: unset;
    right: 8.33333%;
  }

  .veveditor-vod-col-sm-push-3 {
    left: 12.5%;
  }

  .veveditor-vod-col-sm-push-3.veveditor-vod-col-rtl {
    left: unset;
    right: 12.5%;
  }

  .veveditor-vod-col-sm-push-4 {
    left: 16.6667%;
  }

  .veveditor-vod-col-sm-push-4.veveditor-vod-col-rtl {
    left: unset;
    right: 16.6667%;
  }

  .veveditor-vod-col-sm-push-5 {
    left: 20.8333%;
  }

  .veveditor-vod-col-sm-push-5.veveditor-vod-col-rtl {
    left: unset;
    right: 20.8333%;
  }

  .veveditor-vod-col-sm-push-6 {
    left: 25%;
  }

  .veveditor-vod-col-sm-push-6.veveditor-vod-col-rtl {
    left: unset;
    right: 25%;
  }

  .veveditor-vod-col-sm-push-7 {
    left: 29.1667%;
  }

  .veveditor-vod-col-sm-push-7.veveditor-vod-col-rtl {
    left: unset;
    right: 29.1667%;
  }

  .veveditor-vod-col-sm-push-8 {
    left: 33.3333%;
  }

  .veveditor-vod-col-sm-push-8.veveditor-vod-col-rtl {
    left: unset;
    right: 33.3333%;
  }

  .veveditor-vod-col-sm-push-9 {
    left: 37.5%;
  }

  .veveditor-vod-col-sm-push-9.veveditor-vod-col-rtl {
    left: unset;
    right: 37.5%;
  }

  .veveditor-vod-col-sm-push-10 {
    left: 41.6667%;
  }

  .veveditor-vod-col-sm-push-10.veveditor-vod-col-rtl {
    left: unset;
    right: 41.6667%;
  }

  .veveditor-vod-col-sm-push-11 {
    left: 45.8333%;
  }

  .veveditor-vod-col-sm-push-11.veveditor-vod-col-rtl {
    left: unset;
    right: 45.8333%;
  }

  .veveditor-vod-col-sm-push-12 {
    left: 50%;
  }

  .veveditor-vod-col-sm-push-12.veveditor-vod-col-rtl {
    left: unset;
    right: 50%;
  }

  .veveditor-vod-col-sm-push-13 {
    left: 54.1667%;
  }

  .veveditor-vod-col-sm-push-13.veveditor-vod-col-rtl {
    left: unset;
    right: 54.1667%;
  }

  .veveditor-vod-col-sm-push-14 {
    left: 58.3333%;
  }

  .veveditor-vod-col-sm-push-14.veveditor-vod-col-rtl {
    left: unset;
    right: 58.3333%;
  }

  .veveditor-vod-col-sm-push-15 {
    left: 62.5%;
  }

  .veveditor-vod-col-sm-push-15.veveditor-vod-col-rtl {
    left: unset;
    right: 62.5%;
  }

  .veveditor-vod-col-sm-push-16 {
    left: 66.6667%;
  }

  .veveditor-vod-col-sm-push-16.veveditor-vod-col-rtl {
    left: unset;
    right: 66.6667%;
  }

  .veveditor-vod-col-sm-push-17 {
    left: 70.8333%;
  }

  .veveditor-vod-col-sm-push-17.veveditor-vod-col-rtl {
    left: unset;
    right: 70.8333%;
  }

  .veveditor-vod-col-sm-push-18 {
    left: 75%;
  }

  .veveditor-vod-col-sm-push-18.veveditor-vod-col-rtl {
    left: unset;
    right: 75%;
  }

  .veveditor-vod-col-sm-push-19 {
    left: 79.1667%;
  }

  .veveditor-vod-col-sm-push-19.veveditor-vod-col-rtl {
    left: unset;
    right: 79.1667%;
  }

  .veveditor-vod-col-sm-push-20 {
    left: 83.3333%;
  }

  .veveditor-vod-col-sm-push-20.veveditor-vod-col-rtl {
    left: unset;
    right: 83.3333%;
  }

  .veveditor-vod-col-sm-push-21 {
    left: 87.5%;
  }

  .veveditor-vod-col-sm-push-21.veveditor-vod-col-rtl {
    left: unset;
    right: 87.5%;
  }

  .veveditor-vod-col-sm-push-22 {
    left: 91.6667%;
  }

  .veveditor-vod-col-sm-push-22.veveditor-vod-col-rtl {
    left: unset;
    right: 91.6667%;
  }

  .veveditor-vod-col-sm-push-23 {
    left: 95.8333%;
  }

  .veveditor-vod-col-sm-push-23.veveditor-vod-col-rtl {
    left: unset;
    right: 95.8333%;
  }

  .veveditor-vod-col-sm-push-24 {
    left: 100%;
  }

  .veveditor-vod-col-sm-push-24.veveditor-vod-col-rtl {
    left: unset;
    right: 100%;
  }
}

@media (width >= 768px) {
  .veveditor-vod-col-md-0 {
    display: none;
  }

  .veveditor-vod-col-md-1 {
    display: block;
    flex: 0 0 4.16667%;
    width: 4.16667%;
  }

  .veveditor-vod-col-md-2 {
    display: block;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }

  .veveditor-vod-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .veveditor-vod-col-md-4 {
    display: block;
    flex: 0 0 16.6667%;
    width: 16.6667%;
  }

  .veveditor-vod-col-md-5 {
    display: block;
    flex: 0 0 20.8333%;
    width: 20.8333%;
  }

  .veveditor-vod-col-md-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%;
  }

  .veveditor-vod-col-md-7 {
    display: block;
    flex: 0 0 29.1667%;
    width: 29.1667%;
  }

  .veveditor-vod-col-md-8 {
    display: block;
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .veveditor-vod-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .veveditor-vod-col-md-10 {
    display: block;
    flex: 0 0 41.6667%;
    width: 41.6667%;
  }

  .veveditor-vod-col-md-11 {
    display: block;
    flex: 0 0 45.8333%;
    width: 45.8333%;
  }

  .veveditor-vod-col-md-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%;
  }

  .veveditor-vod-col-md-13 {
    display: block;
    flex: 0 0 54.1667%;
    width: 54.1667%;
  }

  .veveditor-vod-col-md-14 {
    display: block;
    flex: 0 0 58.3333%;
    width: 58.3333%;
  }

  .veveditor-vod-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .veveditor-vod-col-md-16 {
    display: block;
    flex: 0 0 66.6667%;
    width: 66.6667%;
  }

  .veveditor-vod-col-md-17 {
    display: block;
    flex: 0 0 70.8333%;
    width: 70.8333%;
  }

  .veveditor-vod-col-md-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%;
  }

  .veveditor-vod-col-md-19 {
    display: block;
    flex: 0 0 79.1667%;
    width: 79.1667%;
  }

  .veveditor-vod-col-md-20 {
    display: block;
    flex: 0 0 83.3333%;
    width: 83.3333%;
  }

  .veveditor-vod-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .veveditor-vod-col-md-22 {
    display: block;
    flex: 0 0 91.6667%;
    width: 91.6667%;
  }

  .veveditor-vod-col-md-23 {
    display: block;
    flex: 0 0 95.8333%;
    width: 95.8333%;
  }

  .veveditor-vod-col-md-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%;
  }

  .veveditor-vod-col-md-offset-0 {
    margin-left: 0;
  }

  .veveditor-vod-col-md-offset-0.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 0;
  }

  .veveditor-vod-col-md-offset-1 {
    margin-left: 4.16667%;
  }

  .veveditor-vod-col-md-offset-1.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 4.16667%;
  }

  .veveditor-vod-col-md-offset-2 {
    margin-left: 8.33333%;
  }

  .veveditor-vod-col-md-offset-2.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 8.33333%;
  }

  .veveditor-vod-col-md-offset-3 {
    margin-left: 12.5%;
  }

  .veveditor-vod-col-md-offset-3.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }

  .veveditor-vod-col-md-offset-4 {
    margin-left: 16.6667%;
  }

  .veveditor-vod-col-md-offset-4.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 16.6667%;
  }

  .veveditor-vod-col-md-offset-5 {
    margin-left: 20.8333%;
  }

  .veveditor-vod-col-md-offset-5.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 20.8333%;
  }

  .veveditor-vod-col-md-offset-6 {
    margin-left: 25%;
  }

  .veveditor-vod-col-md-offset-6.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }

  .veveditor-vod-col-md-offset-7 {
    margin-left: 29.1667%;
  }

  .veveditor-vod-col-md-offset-7.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 29.1667%;
  }

  .veveditor-vod-col-md-offset-8 {
    margin-left: 33.3333%;
  }

  .veveditor-vod-col-md-offset-8.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 33.3333%;
  }

  .veveditor-vod-col-md-offset-9 {
    margin-left: 37.5%;
  }

  .veveditor-vod-col-md-offset-9.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }

  .veveditor-vod-col-md-offset-10 {
    margin-left: 41.6667%;
  }

  .veveditor-vod-col-md-offset-10.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 41.6667%;
  }

  .veveditor-vod-col-md-offset-11 {
    margin-left: 45.8333%;
  }

  .veveditor-vod-col-md-offset-11.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 45.8333%;
  }

  .veveditor-vod-col-md-offset-12 {
    margin-left: 50%;
  }

  .veveditor-vod-col-md-offset-12.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }

  .veveditor-vod-col-md-offset-13 {
    margin-left: 54.1667%;
  }

  .veveditor-vod-col-md-offset-13.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 54.1667%;
  }

  .veveditor-vod-col-md-offset-14 {
    margin-left: 58.3333%;
  }

  .veveditor-vod-col-md-offset-14.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 58.3333%;
  }

  .veveditor-vod-col-md-offset-15 {
    margin-left: 62.5%;
  }

  .veveditor-vod-col-md-offset-15.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }

  .veveditor-vod-col-md-offset-16 {
    margin-left: 66.6667%;
  }

  .veveditor-vod-col-md-offset-16.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 66.6667%;
  }

  .veveditor-vod-col-md-offset-17 {
    margin-left: 70.8333%;
  }

  .veveditor-vod-col-md-offset-17.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 70.8333%;
  }

  .veveditor-vod-col-md-offset-18 {
    margin-left: 75%;
  }

  .veveditor-vod-col-md-offset-18.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }

  .veveditor-vod-col-md-offset-19 {
    margin-left: 79.1667%;
  }

  .veveditor-vod-col-md-offset-19.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 79.1667%;
  }

  .veveditor-vod-col-md-offset-20 {
    margin-left: 83.3333%;
  }

  .veveditor-vod-col-md-offset-20.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 83.3333%;
  }

  .veveditor-vod-col-md-offset-21 {
    margin-left: 87.5%;
  }

  .veveditor-vod-col-md-offset-21.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }

  .veveditor-vod-col-md-offset-22 {
    margin-left: 91.6667%;
  }

  .veveditor-vod-col-md-offset-22.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 91.6667%;
  }

  .veveditor-vod-col-md-offset-23 {
    margin-left: 95.8333%;
  }

  .veveditor-vod-col-md-offset-23.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 95.8333%;
  }

  .veveditor-vod-col-md-order-0 {
    order: 0;
  }

  .veveditor-vod-col-md-order-1 {
    order: 1;
  }

  .veveditor-vod-col-md-order-2 {
    order: 2;
  }

  .veveditor-vod-col-md-order-3 {
    order: 3;
  }

  .veveditor-vod-col-md-order-4 {
    order: 4;
  }

  .veveditor-vod-col-md-order-5 {
    order: 5;
  }

  .veveditor-vod-col-md-order-6 {
    order: 6;
  }

  .veveditor-vod-col-md-order-7 {
    order: 7;
  }

  .veveditor-vod-col-md-order-8 {
    order: 8;
  }

  .veveditor-vod-col-md-order-9 {
    order: 9;
  }

  .veveditor-vod-col-md-order-10 {
    order: 10;
  }

  .veveditor-vod-col-md-order-11 {
    order: 11;
  }

  .veveditor-vod-col-md-order-12 {
    order: 12;
  }

  .veveditor-vod-col-md-order-13 {
    order: 13;
  }

  .veveditor-vod-col-md-order-14 {
    order: 14;
  }

  .veveditor-vod-col-md-order-15 {
    order: 15;
  }

  .veveditor-vod-col-md-order-16 {
    order: 16;
  }

  .veveditor-vod-col-md-order-17 {
    order: 17;
  }

  .veveditor-vod-col-md-order-18 {
    order: 18;
  }

  .veveditor-vod-col-md-order-19 {
    order: 19;
  }

  .veveditor-vod-col-md-order-20 {
    order: 20;
  }

  .veveditor-vod-col-md-order-21 {
    order: 21;
  }

  .veveditor-vod-col-md-order-22 {
    order: 22;
  }

  .veveditor-vod-col-md-order-23 {
    order: 23;
  }

  .veveditor-vod-col-md-order-24 {
    order: 24;
  }

  .veveditor-vod-col-md-pull-0 {
    right: 0;
  }

  .veveditor-vod-col-md-pull-0.veveditor-vod-col-rtl {
    left: 0;
    right: unset;
  }

  .veveditor-vod-col-md-pull-1 {
    right: 4.16667%;
  }

  .veveditor-vod-col-md-pull-1.veveditor-vod-col-rtl {
    left: 4.16667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-2 {
    right: 8.33333%;
  }

  .veveditor-vod-col-md-pull-2.veveditor-vod-col-rtl {
    left: 8.33333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-3 {
    right: 12.5%;
  }

  .veveditor-vod-col-md-pull-3.veveditor-vod-col-rtl {
    left: 12.5%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-4 {
    right: 16.6667%;
  }

  .veveditor-vod-col-md-pull-4.veveditor-vod-col-rtl {
    left: 16.6667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-5 {
    right: 20.8333%;
  }

  .veveditor-vod-col-md-pull-5.veveditor-vod-col-rtl {
    left: 20.8333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-6 {
    right: 25%;
  }

  .veveditor-vod-col-md-pull-6.veveditor-vod-col-rtl {
    left: 25%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-7 {
    right: 29.1667%;
  }

  .veveditor-vod-col-md-pull-7.veveditor-vod-col-rtl {
    left: 29.1667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-8 {
    right: 33.3333%;
  }

  .veveditor-vod-col-md-pull-8.veveditor-vod-col-rtl {
    left: 33.3333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-9 {
    right: 37.5%;
  }

  .veveditor-vod-col-md-pull-9.veveditor-vod-col-rtl {
    left: 37.5%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-10 {
    right: 41.6667%;
  }

  .veveditor-vod-col-md-pull-10.veveditor-vod-col-rtl {
    left: 41.6667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-11 {
    right: 45.8333%;
  }

  .veveditor-vod-col-md-pull-11.veveditor-vod-col-rtl {
    left: 45.8333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-12 {
    right: 50%;
  }

  .veveditor-vod-col-md-pull-12.veveditor-vod-col-rtl {
    left: 50%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-13 {
    right: 54.1667%;
  }

  .veveditor-vod-col-md-pull-13.veveditor-vod-col-rtl {
    left: 54.1667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-14 {
    right: 58.3333%;
  }

  .veveditor-vod-col-md-pull-14.veveditor-vod-col-rtl {
    left: 58.3333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-15 {
    right: 62.5%;
  }

  .veveditor-vod-col-md-pull-15.veveditor-vod-col-rtl {
    left: 62.5%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-16 {
    right: 66.6667%;
  }

  .veveditor-vod-col-md-pull-16.veveditor-vod-col-rtl {
    left: 66.6667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-17 {
    right: 70.8333%;
  }

  .veveditor-vod-col-md-pull-17.veveditor-vod-col-rtl {
    left: 70.8333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-18 {
    right: 75%;
  }

  .veveditor-vod-col-md-pull-18.veveditor-vod-col-rtl {
    left: 75%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-19 {
    right: 79.1667%;
  }

  .veveditor-vod-col-md-pull-19.veveditor-vod-col-rtl {
    left: 79.1667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-20 {
    right: 83.3333%;
  }

  .veveditor-vod-col-md-pull-20.veveditor-vod-col-rtl {
    left: 83.3333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-21 {
    right: 87.5%;
  }

  .veveditor-vod-col-md-pull-21.veveditor-vod-col-rtl {
    left: 87.5%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-22 {
    right: 91.6667%;
  }

  .veveditor-vod-col-md-pull-22.veveditor-vod-col-rtl {
    left: 91.6667%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-23 {
    right: 95.8333%;
  }

  .veveditor-vod-col-md-pull-23.veveditor-vod-col-rtl {
    left: 95.8333%;
    right: unset;
  }

  .veveditor-vod-col-md-pull-24 {
    right: 100%;
  }

  .veveditor-vod-col-md-pull-24.veveditor-vod-col-rtl {
    left: 100%;
    right: unset;
  }

  .veveditor-vod-col-md-push-0 {
    left: 0;
  }

  .veveditor-vod-col-md-push-0.veveditor-vod-col-rtl {
    left: unset;
    right: 0;
  }

  .veveditor-vod-col-md-push-1 {
    left: 4.16667%;
  }

  .veveditor-vod-col-md-push-1.veveditor-vod-col-rtl {
    left: unset;
    right: 4.16667%;
  }

  .veveditor-vod-col-md-push-2 {
    left: 8.33333%;
  }

  .veveditor-vod-col-md-push-2.veveditor-vod-col-rtl {
    left: unset;
    right: 8.33333%;
  }

  .veveditor-vod-col-md-push-3 {
    left: 12.5%;
  }

  .veveditor-vod-col-md-push-3.veveditor-vod-col-rtl {
    left: unset;
    right: 12.5%;
  }

  .veveditor-vod-col-md-push-4 {
    left: 16.6667%;
  }

  .veveditor-vod-col-md-push-4.veveditor-vod-col-rtl {
    left: unset;
    right: 16.6667%;
  }

  .veveditor-vod-col-md-push-5 {
    left: 20.8333%;
  }

  .veveditor-vod-col-md-push-5.veveditor-vod-col-rtl {
    left: unset;
    right: 20.8333%;
  }

  .veveditor-vod-col-md-push-6 {
    left: 25%;
  }

  .veveditor-vod-col-md-push-6.veveditor-vod-col-rtl {
    left: unset;
    right: 25%;
  }

  .veveditor-vod-col-md-push-7 {
    left: 29.1667%;
  }

  .veveditor-vod-col-md-push-7.veveditor-vod-col-rtl {
    left: unset;
    right: 29.1667%;
  }

  .veveditor-vod-col-md-push-8 {
    left: 33.3333%;
  }

  .veveditor-vod-col-md-push-8.veveditor-vod-col-rtl {
    left: unset;
    right: 33.3333%;
  }

  .veveditor-vod-col-md-push-9 {
    left: 37.5%;
  }

  .veveditor-vod-col-md-push-9.veveditor-vod-col-rtl {
    left: unset;
    right: 37.5%;
  }

  .veveditor-vod-col-md-push-10 {
    left: 41.6667%;
  }

  .veveditor-vod-col-md-push-10.veveditor-vod-col-rtl {
    left: unset;
    right: 41.6667%;
  }

  .veveditor-vod-col-md-push-11 {
    left: 45.8333%;
  }

  .veveditor-vod-col-md-push-11.veveditor-vod-col-rtl {
    left: unset;
    right: 45.8333%;
  }

  .veveditor-vod-col-md-push-12 {
    left: 50%;
  }

  .veveditor-vod-col-md-push-12.veveditor-vod-col-rtl {
    left: unset;
    right: 50%;
  }

  .veveditor-vod-col-md-push-13 {
    left: 54.1667%;
  }

  .veveditor-vod-col-md-push-13.veveditor-vod-col-rtl {
    left: unset;
    right: 54.1667%;
  }

  .veveditor-vod-col-md-push-14 {
    left: 58.3333%;
  }

  .veveditor-vod-col-md-push-14.veveditor-vod-col-rtl {
    left: unset;
    right: 58.3333%;
  }

  .veveditor-vod-col-md-push-15 {
    left: 62.5%;
  }

  .veveditor-vod-col-md-push-15.veveditor-vod-col-rtl {
    left: unset;
    right: 62.5%;
  }

  .veveditor-vod-col-md-push-16 {
    left: 66.6667%;
  }

  .veveditor-vod-col-md-push-16.veveditor-vod-col-rtl {
    left: unset;
    right: 66.6667%;
  }

  .veveditor-vod-col-md-push-17 {
    left: 70.8333%;
  }

  .veveditor-vod-col-md-push-17.veveditor-vod-col-rtl {
    left: unset;
    right: 70.8333%;
  }

  .veveditor-vod-col-md-push-18 {
    left: 75%;
  }

  .veveditor-vod-col-md-push-18.veveditor-vod-col-rtl {
    left: unset;
    right: 75%;
  }

  .veveditor-vod-col-md-push-19 {
    left: 79.1667%;
  }

  .veveditor-vod-col-md-push-19.veveditor-vod-col-rtl {
    left: unset;
    right: 79.1667%;
  }

  .veveditor-vod-col-md-push-20 {
    left: 83.3333%;
  }

  .veveditor-vod-col-md-push-20.veveditor-vod-col-rtl {
    left: unset;
    right: 83.3333%;
  }

  .veveditor-vod-col-md-push-21 {
    left: 87.5%;
  }

  .veveditor-vod-col-md-push-21.veveditor-vod-col-rtl {
    left: unset;
    right: 87.5%;
  }

  .veveditor-vod-col-md-push-22 {
    left: 91.6667%;
  }

  .veveditor-vod-col-md-push-22.veveditor-vod-col-rtl {
    left: unset;
    right: 91.6667%;
  }

  .veveditor-vod-col-md-push-23 {
    left: 95.8333%;
  }

  .veveditor-vod-col-md-push-23.veveditor-vod-col-rtl {
    left: unset;
    right: 95.8333%;
  }

  .veveditor-vod-col-md-push-24 {
    left: 100%;
  }

  .veveditor-vod-col-md-push-24.veveditor-vod-col-rtl {
    left: unset;
    right: 100%;
  }
}

@media (width >= 992px) {
  .veveditor-vod-col-lg-0 {
    display: none;
  }

  .veveditor-vod-col-lg-1 {
    display: block;
    flex: 0 0 4.16667%;
    width: 4.16667%;
  }

  .veveditor-vod-col-lg-2 {
    display: block;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }

  .veveditor-vod-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .veveditor-vod-col-lg-4 {
    display: block;
    flex: 0 0 16.6667%;
    width: 16.6667%;
  }

  .veveditor-vod-col-lg-5 {
    display: block;
    flex: 0 0 20.8333%;
    width: 20.8333%;
  }

  .veveditor-vod-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%;
  }

  .veveditor-vod-col-lg-7 {
    display: block;
    flex: 0 0 29.1667%;
    width: 29.1667%;
  }

  .veveditor-vod-col-lg-8 {
    display: block;
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .veveditor-vod-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .veveditor-vod-col-lg-10 {
    display: block;
    flex: 0 0 41.6667%;
    width: 41.6667%;
  }

  .veveditor-vod-col-lg-11 {
    display: block;
    flex: 0 0 45.8333%;
    width: 45.8333%;
  }

  .veveditor-vod-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%;
  }

  .veveditor-vod-col-lg-13 {
    display: block;
    flex: 0 0 54.1667%;
    width: 54.1667%;
  }

  .veveditor-vod-col-lg-14 {
    display: block;
    flex: 0 0 58.3333%;
    width: 58.3333%;
  }

  .veveditor-vod-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .veveditor-vod-col-lg-16 {
    display: block;
    flex: 0 0 66.6667%;
    width: 66.6667%;
  }

  .veveditor-vod-col-lg-17 {
    display: block;
    flex: 0 0 70.8333%;
    width: 70.8333%;
  }

  .veveditor-vod-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%;
  }

  .veveditor-vod-col-lg-19 {
    display: block;
    flex: 0 0 79.1667%;
    width: 79.1667%;
  }

  .veveditor-vod-col-lg-20 {
    display: block;
    flex: 0 0 83.3333%;
    width: 83.3333%;
  }

  .veveditor-vod-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .veveditor-vod-col-lg-22 {
    display: block;
    flex: 0 0 91.6667%;
    width: 91.6667%;
  }

  .veveditor-vod-col-lg-23 {
    display: block;
    flex: 0 0 95.8333%;
    width: 95.8333%;
  }

  .veveditor-vod-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%;
  }

  .veveditor-vod-col-lg-offset-0 {
    margin-left: 0;
  }

  .veveditor-vod-col-lg-offset-0.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 0;
  }

  .veveditor-vod-col-lg-offset-1 {
    margin-left: 4.16667%;
  }

  .veveditor-vod-col-lg-offset-1.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 4.16667%;
  }

  .veveditor-vod-col-lg-offset-2 {
    margin-left: 8.33333%;
  }

  .veveditor-vod-col-lg-offset-2.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 8.33333%;
  }

  .veveditor-vod-col-lg-offset-3 {
    margin-left: 12.5%;
  }

  .veveditor-vod-col-lg-offset-3.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }

  .veveditor-vod-col-lg-offset-4 {
    margin-left: 16.6667%;
  }

  .veveditor-vod-col-lg-offset-4.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 16.6667%;
  }

  .veveditor-vod-col-lg-offset-5 {
    margin-left: 20.8333%;
  }

  .veveditor-vod-col-lg-offset-5.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 20.8333%;
  }

  .veveditor-vod-col-lg-offset-6 {
    margin-left: 25%;
  }

  .veveditor-vod-col-lg-offset-6.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }

  .veveditor-vod-col-lg-offset-7 {
    margin-left: 29.1667%;
  }

  .veveditor-vod-col-lg-offset-7.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 29.1667%;
  }

  .veveditor-vod-col-lg-offset-8 {
    margin-left: 33.3333%;
  }

  .veveditor-vod-col-lg-offset-8.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 33.3333%;
  }

  .veveditor-vod-col-lg-offset-9 {
    margin-left: 37.5%;
  }

  .veveditor-vod-col-lg-offset-9.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }

  .veveditor-vod-col-lg-offset-10 {
    margin-left: 41.6667%;
  }

  .veveditor-vod-col-lg-offset-10.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 41.6667%;
  }

  .veveditor-vod-col-lg-offset-11 {
    margin-left: 45.8333%;
  }

  .veveditor-vod-col-lg-offset-11.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 45.8333%;
  }

  .veveditor-vod-col-lg-offset-12 {
    margin-left: 50%;
  }

  .veveditor-vod-col-lg-offset-12.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }

  .veveditor-vod-col-lg-offset-13 {
    margin-left: 54.1667%;
  }

  .veveditor-vod-col-lg-offset-13.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 54.1667%;
  }

  .veveditor-vod-col-lg-offset-14 {
    margin-left: 58.3333%;
  }

  .veveditor-vod-col-lg-offset-14.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 58.3333%;
  }

  .veveditor-vod-col-lg-offset-15 {
    margin-left: 62.5%;
  }

  .veveditor-vod-col-lg-offset-15.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }

  .veveditor-vod-col-lg-offset-16 {
    margin-left: 66.6667%;
  }

  .veveditor-vod-col-lg-offset-16.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 66.6667%;
  }

  .veveditor-vod-col-lg-offset-17 {
    margin-left: 70.8333%;
  }

  .veveditor-vod-col-lg-offset-17.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 70.8333%;
  }

  .veveditor-vod-col-lg-offset-18 {
    margin-left: 75%;
  }

  .veveditor-vod-col-lg-offset-18.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }

  .veveditor-vod-col-lg-offset-19 {
    margin-left: 79.1667%;
  }

  .veveditor-vod-col-lg-offset-19.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 79.1667%;
  }

  .veveditor-vod-col-lg-offset-20 {
    margin-left: 83.3333%;
  }

  .veveditor-vod-col-lg-offset-20.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 83.3333%;
  }

  .veveditor-vod-col-lg-offset-21 {
    margin-left: 87.5%;
  }

  .veveditor-vod-col-lg-offset-21.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }

  .veveditor-vod-col-lg-offset-22 {
    margin-left: 91.6667%;
  }

  .veveditor-vod-col-lg-offset-22.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 91.6667%;
  }

  .veveditor-vod-col-lg-offset-23 {
    margin-left: 95.8333%;
  }

  .veveditor-vod-col-lg-offset-23.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 95.8333%;
  }

  .veveditor-vod-col-lg-order-0 {
    order: 0;
  }

  .veveditor-vod-col-lg-order-1 {
    order: 1;
  }

  .veveditor-vod-col-lg-order-2 {
    order: 2;
  }

  .veveditor-vod-col-lg-order-3 {
    order: 3;
  }

  .veveditor-vod-col-lg-order-4 {
    order: 4;
  }

  .veveditor-vod-col-lg-order-5 {
    order: 5;
  }

  .veveditor-vod-col-lg-order-6 {
    order: 6;
  }

  .veveditor-vod-col-lg-order-7 {
    order: 7;
  }

  .veveditor-vod-col-lg-order-8 {
    order: 8;
  }

  .veveditor-vod-col-lg-order-9 {
    order: 9;
  }

  .veveditor-vod-col-lg-order-10 {
    order: 10;
  }

  .veveditor-vod-col-lg-order-11 {
    order: 11;
  }

  .veveditor-vod-col-lg-order-12 {
    order: 12;
  }

  .veveditor-vod-col-lg-order-13 {
    order: 13;
  }

  .veveditor-vod-col-lg-order-14 {
    order: 14;
  }

  .veveditor-vod-col-lg-order-15 {
    order: 15;
  }

  .veveditor-vod-col-lg-order-16 {
    order: 16;
  }

  .veveditor-vod-col-lg-order-17 {
    order: 17;
  }

  .veveditor-vod-col-lg-order-18 {
    order: 18;
  }

  .veveditor-vod-col-lg-order-19 {
    order: 19;
  }

  .veveditor-vod-col-lg-order-20 {
    order: 20;
  }

  .veveditor-vod-col-lg-order-21 {
    order: 21;
  }

  .veveditor-vod-col-lg-order-22 {
    order: 22;
  }

  .veveditor-vod-col-lg-order-23 {
    order: 23;
  }

  .veveditor-vod-col-lg-order-24 {
    order: 24;
  }

  .veveditor-vod-col-lg-pull-0 {
    right: 0;
  }

  .veveditor-vod-col-lg-pull-0.veveditor-vod-col-rtl {
    left: 0;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-1 {
    right: 4.16667%;
  }

  .veveditor-vod-col-lg-pull-1.veveditor-vod-col-rtl {
    left: 4.16667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-2 {
    right: 8.33333%;
  }

  .veveditor-vod-col-lg-pull-2.veveditor-vod-col-rtl {
    left: 8.33333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-3 {
    right: 12.5%;
  }

  .veveditor-vod-col-lg-pull-3.veveditor-vod-col-rtl {
    left: 12.5%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-4 {
    right: 16.6667%;
  }

  .veveditor-vod-col-lg-pull-4.veveditor-vod-col-rtl {
    left: 16.6667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-5 {
    right: 20.8333%;
  }

  .veveditor-vod-col-lg-pull-5.veveditor-vod-col-rtl {
    left: 20.8333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-6 {
    right: 25%;
  }

  .veveditor-vod-col-lg-pull-6.veveditor-vod-col-rtl {
    left: 25%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-7 {
    right: 29.1667%;
  }

  .veveditor-vod-col-lg-pull-7.veveditor-vod-col-rtl {
    left: 29.1667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-8 {
    right: 33.3333%;
  }

  .veveditor-vod-col-lg-pull-8.veveditor-vod-col-rtl {
    left: 33.3333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-9 {
    right: 37.5%;
  }

  .veveditor-vod-col-lg-pull-9.veveditor-vod-col-rtl {
    left: 37.5%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-10 {
    right: 41.6667%;
  }

  .veveditor-vod-col-lg-pull-10.veveditor-vod-col-rtl {
    left: 41.6667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-11 {
    right: 45.8333%;
  }

  .veveditor-vod-col-lg-pull-11.veveditor-vod-col-rtl {
    left: 45.8333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-12 {
    right: 50%;
  }

  .veveditor-vod-col-lg-pull-12.veveditor-vod-col-rtl {
    left: 50%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-13 {
    right: 54.1667%;
  }

  .veveditor-vod-col-lg-pull-13.veveditor-vod-col-rtl {
    left: 54.1667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-14 {
    right: 58.3333%;
  }

  .veveditor-vod-col-lg-pull-14.veveditor-vod-col-rtl {
    left: 58.3333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-15 {
    right: 62.5%;
  }

  .veveditor-vod-col-lg-pull-15.veveditor-vod-col-rtl {
    left: 62.5%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-16 {
    right: 66.6667%;
  }

  .veveditor-vod-col-lg-pull-16.veveditor-vod-col-rtl {
    left: 66.6667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-17 {
    right: 70.8333%;
  }

  .veveditor-vod-col-lg-pull-17.veveditor-vod-col-rtl {
    left: 70.8333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-18 {
    right: 75%;
  }

  .veveditor-vod-col-lg-pull-18.veveditor-vod-col-rtl {
    left: 75%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-19 {
    right: 79.1667%;
  }

  .veveditor-vod-col-lg-pull-19.veveditor-vod-col-rtl {
    left: 79.1667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-20 {
    right: 83.3333%;
  }

  .veveditor-vod-col-lg-pull-20.veveditor-vod-col-rtl {
    left: 83.3333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-21 {
    right: 87.5%;
  }

  .veveditor-vod-col-lg-pull-21.veveditor-vod-col-rtl {
    left: 87.5%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-22 {
    right: 91.6667%;
  }

  .veveditor-vod-col-lg-pull-22.veveditor-vod-col-rtl {
    left: 91.6667%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-23 {
    right: 95.8333%;
  }

  .veveditor-vod-col-lg-pull-23.veveditor-vod-col-rtl {
    left: 95.8333%;
    right: unset;
  }

  .veveditor-vod-col-lg-pull-24 {
    right: 100%;
  }

  .veveditor-vod-col-lg-pull-24.veveditor-vod-col-rtl {
    left: 100%;
    right: unset;
  }

  .veveditor-vod-col-lg-push-0 {
    left: 0;
  }

  .veveditor-vod-col-lg-push-0.veveditor-vod-col-rtl {
    left: unset;
    right: 0;
  }

  .veveditor-vod-col-lg-push-1 {
    left: 4.16667%;
  }

  .veveditor-vod-col-lg-push-1.veveditor-vod-col-rtl {
    left: unset;
    right: 4.16667%;
  }

  .veveditor-vod-col-lg-push-2 {
    left: 8.33333%;
  }

  .veveditor-vod-col-lg-push-2.veveditor-vod-col-rtl {
    left: unset;
    right: 8.33333%;
  }

  .veveditor-vod-col-lg-push-3 {
    left: 12.5%;
  }

  .veveditor-vod-col-lg-push-3.veveditor-vod-col-rtl {
    left: unset;
    right: 12.5%;
  }

  .veveditor-vod-col-lg-push-4 {
    left: 16.6667%;
  }

  .veveditor-vod-col-lg-push-4.veveditor-vod-col-rtl {
    left: unset;
    right: 16.6667%;
  }

  .veveditor-vod-col-lg-push-5 {
    left: 20.8333%;
  }

  .veveditor-vod-col-lg-push-5.veveditor-vod-col-rtl {
    left: unset;
    right: 20.8333%;
  }

  .veveditor-vod-col-lg-push-6 {
    left: 25%;
  }

  .veveditor-vod-col-lg-push-6.veveditor-vod-col-rtl {
    left: unset;
    right: 25%;
  }

  .veveditor-vod-col-lg-push-7 {
    left: 29.1667%;
  }

  .veveditor-vod-col-lg-push-7.veveditor-vod-col-rtl {
    left: unset;
    right: 29.1667%;
  }

  .veveditor-vod-col-lg-push-8 {
    left: 33.3333%;
  }

  .veveditor-vod-col-lg-push-8.veveditor-vod-col-rtl {
    left: unset;
    right: 33.3333%;
  }

  .veveditor-vod-col-lg-push-9 {
    left: 37.5%;
  }

  .veveditor-vod-col-lg-push-9.veveditor-vod-col-rtl {
    left: unset;
    right: 37.5%;
  }

  .veveditor-vod-col-lg-push-10 {
    left: 41.6667%;
  }

  .veveditor-vod-col-lg-push-10.veveditor-vod-col-rtl {
    left: unset;
    right: 41.6667%;
  }

  .veveditor-vod-col-lg-push-11 {
    left: 45.8333%;
  }

  .veveditor-vod-col-lg-push-11.veveditor-vod-col-rtl {
    left: unset;
    right: 45.8333%;
  }

  .veveditor-vod-col-lg-push-12 {
    left: 50%;
  }

  .veveditor-vod-col-lg-push-12.veveditor-vod-col-rtl {
    left: unset;
    right: 50%;
  }

  .veveditor-vod-col-lg-push-13 {
    left: 54.1667%;
  }

  .veveditor-vod-col-lg-push-13.veveditor-vod-col-rtl {
    left: unset;
    right: 54.1667%;
  }

  .veveditor-vod-col-lg-push-14 {
    left: 58.3333%;
  }

  .veveditor-vod-col-lg-push-14.veveditor-vod-col-rtl {
    left: unset;
    right: 58.3333%;
  }

  .veveditor-vod-col-lg-push-15 {
    left: 62.5%;
  }

  .veveditor-vod-col-lg-push-15.veveditor-vod-col-rtl {
    left: unset;
    right: 62.5%;
  }

  .veveditor-vod-col-lg-push-16 {
    left: 66.6667%;
  }

  .veveditor-vod-col-lg-push-16.veveditor-vod-col-rtl {
    left: unset;
    right: 66.6667%;
  }

  .veveditor-vod-col-lg-push-17 {
    left: 70.8333%;
  }

  .veveditor-vod-col-lg-push-17.veveditor-vod-col-rtl {
    left: unset;
    right: 70.8333%;
  }

  .veveditor-vod-col-lg-push-18 {
    left: 75%;
  }

  .veveditor-vod-col-lg-push-18.veveditor-vod-col-rtl {
    left: unset;
    right: 75%;
  }

  .veveditor-vod-col-lg-push-19 {
    left: 79.1667%;
  }

  .veveditor-vod-col-lg-push-19.veveditor-vod-col-rtl {
    left: unset;
    right: 79.1667%;
  }

  .veveditor-vod-col-lg-push-20 {
    left: 83.3333%;
  }

  .veveditor-vod-col-lg-push-20.veveditor-vod-col-rtl {
    left: unset;
    right: 83.3333%;
  }

  .veveditor-vod-col-lg-push-21 {
    left: 87.5%;
  }

  .veveditor-vod-col-lg-push-21.veveditor-vod-col-rtl {
    left: unset;
    right: 87.5%;
  }

  .veveditor-vod-col-lg-push-22 {
    left: 91.6667%;
  }

  .veveditor-vod-col-lg-push-22.veveditor-vod-col-rtl {
    left: unset;
    right: 91.6667%;
  }

  .veveditor-vod-col-lg-push-23 {
    left: 95.8333%;
  }

  .veveditor-vod-col-lg-push-23.veveditor-vod-col-rtl {
    left: unset;
    right: 95.8333%;
  }

  .veveditor-vod-col-lg-push-24 {
    left: 100%;
  }

  .veveditor-vod-col-lg-push-24.veveditor-vod-col-rtl {
    left: unset;
    right: 100%;
  }
}

@media (width >= 1200px) {
  .veveditor-vod-col-xl-0 {
    display: none;
  }

  .veveditor-vod-col-xl-1 {
    display: block;
    flex: 0 0 4.16667%;
    width: 4.16667%;
  }

  .veveditor-vod-col-xl-2 {
    display: block;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }

  .veveditor-vod-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .veveditor-vod-col-xl-4 {
    display: block;
    flex: 0 0 16.6667%;
    width: 16.6667%;
  }

  .veveditor-vod-col-xl-5 {
    display: block;
    flex: 0 0 20.8333%;
    width: 20.8333%;
  }

  .veveditor-vod-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%;
  }

  .veveditor-vod-col-xl-7 {
    display: block;
    flex: 0 0 29.1667%;
    width: 29.1667%;
  }

  .veveditor-vod-col-xl-8 {
    display: block;
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .veveditor-vod-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .veveditor-vod-col-xl-10 {
    display: block;
    flex: 0 0 41.6667%;
    width: 41.6667%;
  }

  .veveditor-vod-col-xl-11 {
    display: block;
    flex: 0 0 45.8333%;
    width: 45.8333%;
  }

  .veveditor-vod-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%;
  }

  .veveditor-vod-col-xl-13 {
    display: block;
    flex: 0 0 54.1667%;
    width: 54.1667%;
  }

  .veveditor-vod-col-xl-14 {
    display: block;
    flex: 0 0 58.3333%;
    width: 58.3333%;
  }

  .veveditor-vod-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .veveditor-vod-col-xl-16 {
    display: block;
    flex: 0 0 66.6667%;
    width: 66.6667%;
  }

  .veveditor-vod-col-xl-17 {
    display: block;
    flex: 0 0 70.8333%;
    width: 70.8333%;
  }

  .veveditor-vod-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%;
  }

  .veveditor-vod-col-xl-19 {
    display: block;
    flex: 0 0 79.1667%;
    width: 79.1667%;
  }

  .veveditor-vod-col-xl-20 {
    display: block;
    flex: 0 0 83.3333%;
    width: 83.3333%;
  }

  .veveditor-vod-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .veveditor-vod-col-xl-22 {
    display: block;
    flex: 0 0 91.6667%;
    width: 91.6667%;
  }

  .veveditor-vod-col-xl-23 {
    display: block;
    flex: 0 0 95.8333%;
    width: 95.8333%;
  }

  .veveditor-vod-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%;
  }

  .veveditor-vod-col-xl-offset-0 {
    margin-left: 0;
  }

  .veveditor-vod-col-xl-offset-0.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 0;
  }

  .veveditor-vod-col-xl-offset-1 {
    margin-left: 4.16667%;
  }

  .veveditor-vod-col-xl-offset-1.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 4.16667%;
  }

  .veveditor-vod-col-xl-offset-2 {
    margin-left: 8.33333%;
  }

  .veveditor-vod-col-xl-offset-2.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 8.33333%;
  }

  .veveditor-vod-col-xl-offset-3 {
    margin-left: 12.5%;
  }

  .veveditor-vod-col-xl-offset-3.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }

  .veveditor-vod-col-xl-offset-4 {
    margin-left: 16.6667%;
  }

  .veveditor-vod-col-xl-offset-4.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 16.6667%;
  }

  .veveditor-vod-col-xl-offset-5 {
    margin-left: 20.8333%;
  }

  .veveditor-vod-col-xl-offset-5.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 20.8333%;
  }

  .veveditor-vod-col-xl-offset-6 {
    margin-left: 25%;
  }

  .veveditor-vod-col-xl-offset-6.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }

  .veveditor-vod-col-xl-offset-7 {
    margin-left: 29.1667%;
  }

  .veveditor-vod-col-xl-offset-7.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 29.1667%;
  }

  .veveditor-vod-col-xl-offset-8 {
    margin-left: 33.3333%;
  }

  .veveditor-vod-col-xl-offset-8.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 33.3333%;
  }

  .veveditor-vod-col-xl-offset-9 {
    margin-left: 37.5%;
  }

  .veveditor-vod-col-xl-offset-9.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }

  .veveditor-vod-col-xl-offset-10 {
    margin-left: 41.6667%;
  }

  .veveditor-vod-col-xl-offset-10.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 41.6667%;
  }

  .veveditor-vod-col-xl-offset-11 {
    margin-left: 45.8333%;
  }

  .veveditor-vod-col-xl-offset-11.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 45.8333%;
  }

  .veveditor-vod-col-xl-offset-12 {
    margin-left: 50%;
  }

  .veveditor-vod-col-xl-offset-12.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }

  .veveditor-vod-col-xl-offset-13 {
    margin-left: 54.1667%;
  }

  .veveditor-vod-col-xl-offset-13.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 54.1667%;
  }

  .veveditor-vod-col-xl-offset-14 {
    margin-left: 58.3333%;
  }

  .veveditor-vod-col-xl-offset-14.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 58.3333%;
  }

  .veveditor-vod-col-xl-offset-15 {
    margin-left: 62.5%;
  }

  .veveditor-vod-col-xl-offset-15.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }

  .veveditor-vod-col-xl-offset-16 {
    margin-left: 66.6667%;
  }

  .veveditor-vod-col-xl-offset-16.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 66.6667%;
  }

  .veveditor-vod-col-xl-offset-17 {
    margin-left: 70.8333%;
  }

  .veveditor-vod-col-xl-offset-17.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 70.8333%;
  }

  .veveditor-vod-col-xl-offset-18 {
    margin-left: 75%;
  }

  .veveditor-vod-col-xl-offset-18.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }

  .veveditor-vod-col-xl-offset-19 {
    margin-left: 79.1667%;
  }

  .veveditor-vod-col-xl-offset-19.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 79.1667%;
  }

  .veveditor-vod-col-xl-offset-20 {
    margin-left: 83.3333%;
  }

  .veveditor-vod-col-xl-offset-20.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 83.3333%;
  }

  .veveditor-vod-col-xl-offset-21 {
    margin-left: 87.5%;
  }

  .veveditor-vod-col-xl-offset-21.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }

  .veveditor-vod-col-xl-offset-22 {
    margin-left: 91.6667%;
  }

  .veveditor-vod-col-xl-offset-22.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 91.6667%;
  }

  .veveditor-vod-col-xl-offset-23 {
    margin-left: 95.8333%;
  }

  .veveditor-vod-col-xl-offset-23.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 95.8333%;
  }

  .veveditor-vod-col-xl-order-0 {
    order: 0;
  }

  .veveditor-vod-col-xl-order-1 {
    order: 1;
  }

  .veveditor-vod-col-xl-order-2 {
    order: 2;
  }

  .veveditor-vod-col-xl-order-3 {
    order: 3;
  }

  .veveditor-vod-col-xl-order-4 {
    order: 4;
  }

  .veveditor-vod-col-xl-order-5 {
    order: 5;
  }

  .veveditor-vod-col-xl-order-6 {
    order: 6;
  }

  .veveditor-vod-col-xl-order-7 {
    order: 7;
  }

  .veveditor-vod-col-xl-order-8 {
    order: 8;
  }

  .veveditor-vod-col-xl-order-9 {
    order: 9;
  }

  .veveditor-vod-col-xl-order-10 {
    order: 10;
  }

  .veveditor-vod-col-xl-order-11 {
    order: 11;
  }

  .veveditor-vod-col-xl-order-12 {
    order: 12;
  }

  .veveditor-vod-col-xl-order-13 {
    order: 13;
  }

  .veveditor-vod-col-xl-order-14 {
    order: 14;
  }

  .veveditor-vod-col-xl-order-15 {
    order: 15;
  }

  .veveditor-vod-col-xl-order-16 {
    order: 16;
  }

  .veveditor-vod-col-xl-order-17 {
    order: 17;
  }

  .veveditor-vod-col-xl-order-18 {
    order: 18;
  }

  .veveditor-vod-col-xl-order-19 {
    order: 19;
  }

  .veveditor-vod-col-xl-order-20 {
    order: 20;
  }

  .veveditor-vod-col-xl-order-21 {
    order: 21;
  }

  .veveditor-vod-col-xl-order-22 {
    order: 22;
  }

  .veveditor-vod-col-xl-order-23 {
    order: 23;
  }

  .veveditor-vod-col-xl-order-24 {
    order: 24;
  }

  .veveditor-vod-col-xl-pull-0 {
    right: 0;
  }

  .veveditor-vod-col-xl-pull-0.veveditor-vod-col-rtl {
    left: 0;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-1 {
    right: 4.16667%;
  }

  .veveditor-vod-col-xl-pull-1.veveditor-vod-col-rtl {
    left: 4.16667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-2 {
    right: 8.33333%;
  }

  .veveditor-vod-col-xl-pull-2.veveditor-vod-col-rtl {
    left: 8.33333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-3 {
    right: 12.5%;
  }

  .veveditor-vod-col-xl-pull-3.veveditor-vod-col-rtl {
    left: 12.5%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-4 {
    right: 16.6667%;
  }

  .veveditor-vod-col-xl-pull-4.veveditor-vod-col-rtl {
    left: 16.6667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-5 {
    right: 20.8333%;
  }

  .veveditor-vod-col-xl-pull-5.veveditor-vod-col-rtl {
    left: 20.8333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-6 {
    right: 25%;
  }

  .veveditor-vod-col-xl-pull-6.veveditor-vod-col-rtl {
    left: 25%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-7 {
    right: 29.1667%;
  }

  .veveditor-vod-col-xl-pull-7.veveditor-vod-col-rtl {
    left: 29.1667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-8 {
    right: 33.3333%;
  }

  .veveditor-vod-col-xl-pull-8.veveditor-vod-col-rtl {
    left: 33.3333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-9 {
    right: 37.5%;
  }

  .veveditor-vod-col-xl-pull-9.veveditor-vod-col-rtl {
    left: 37.5%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-10 {
    right: 41.6667%;
  }

  .veveditor-vod-col-xl-pull-10.veveditor-vod-col-rtl {
    left: 41.6667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-11 {
    right: 45.8333%;
  }

  .veveditor-vod-col-xl-pull-11.veveditor-vod-col-rtl {
    left: 45.8333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-12 {
    right: 50%;
  }

  .veveditor-vod-col-xl-pull-12.veveditor-vod-col-rtl {
    left: 50%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-13 {
    right: 54.1667%;
  }

  .veveditor-vod-col-xl-pull-13.veveditor-vod-col-rtl {
    left: 54.1667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-14 {
    right: 58.3333%;
  }

  .veveditor-vod-col-xl-pull-14.veveditor-vod-col-rtl {
    left: 58.3333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-15 {
    right: 62.5%;
  }

  .veveditor-vod-col-xl-pull-15.veveditor-vod-col-rtl {
    left: 62.5%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-16 {
    right: 66.6667%;
  }

  .veveditor-vod-col-xl-pull-16.veveditor-vod-col-rtl {
    left: 66.6667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-17 {
    right: 70.8333%;
  }

  .veveditor-vod-col-xl-pull-17.veveditor-vod-col-rtl {
    left: 70.8333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-18 {
    right: 75%;
  }

  .veveditor-vod-col-xl-pull-18.veveditor-vod-col-rtl {
    left: 75%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-19 {
    right: 79.1667%;
  }

  .veveditor-vod-col-xl-pull-19.veveditor-vod-col-rtl {
    left: 79.1667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-20 {
    right: 83.3333%;
  }

  .veveditor-vod-col-xl-pull-20.veveditor-vod-col-rtl {
    left: 83.3333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-21 {
    right: 87.5%;
  }

  .veveditor-vod-col-xl-pull-21.veveditor-vod-col-rtl {
    left: 87.5%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-22 {
    right: 91.6667%;
  }

  .veveditor-vod-col-xl-pull-22.veveditor-vod-col-rtl {
    left: 91.6667%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-23 {
    right: 95.8333%;
  }

  .veveditor-vod-col-xl-pull-23.veveditor-vod-col-rtl {
    left: 95.8333%;
    right: unset;
  }

  .veveditor-vod-col-xl-pull-24 {
    right: 100%;
  }

  .veveditor-vod-col-xl-pull-24.veveditor-vod-col-rtl {
    left: 100%;
    right: unset;
  }

  .veveditor-vod-col-xl-push-0 {
    left: 0;
  }

  .veveditor-vod-col-xl-push-0.veveditor-vod-col-rtl {
    left: unset;
    right: 0;
  }

  .veveditor-vod-col-xl-push-1 {
    left: 4.16667%;
  }

  .veveditor-vod-col-xl-push-1.veveditor-vod-col-rtl {
    left: unset;
    right: 4.16667%;
  }

  .veveditor-vod-col-xl-push-2 {
    left: 8.33333%;
  }

  .veveditor-vod-col-xl-push-2.veveditor-vod-col-rtl {
    left: unset;
    right: 8.33333%;
  }

  .veveditor-vod-col-xl-push-3 {
    left: 12.5%;
  }

  .veveditor-vod-col-xl-push-3.veveditor-vod-col-rtl {
    left: unset;
    right: 12.5%;
  }

  .veveditor-vod-col-xl-push-4 {
    left: 16.6667%;
  }

  .veveditor-vod-col-xl-push-4.veveditor-vod-col-rtl {
    left: unset;
    right: 16.6667%;
  }

  .veveditor-vod-col-xl-push-5 {
    left: 20.8333%;
  }

  .veveditor-vod-col-xl-push-5.veveditor-vod-col-rtl {
    left: unset;
    right: 20.8333%;
  }

  .veveditor-vod-col-xl-push-6 {
    left: 25%;
  }

  .veveditor-vod-col-xl-push-6.veveditor-vod-col-rtl {
    left: unset;
    right: 25%;
  }

  .veveditor-vod-col-xl-push-7 {
    left: 29.1667%;
  }

  .veveditor-vod-col-xl-push-7.veveditor-vod-col-rtl {
    left: unset;
    right: 29.1667%;
  }

  .veveditor-vod-col-xl-push-8 {
    left: 33.3333%;
  }

  .veveditor-vod-col-xl-push-8.veveditor-vod-col-rtl {
    left: unset;
    right: 33.3333%;
  }

  .veveditor-vod-col-xl-push-9 {
    left: 37.5%;
  }

  .veveditor-vod-col-xl-push-9.veveditor-vod-col-rtl {
    left: unset;
    right: 37.5%;
  }

  .veveditor-vod-col-xl-push-10 {
    left: 41.6667%;
  }

  .veveditor-vod-col-xl-push-10.veveditor-vod-col-rtl {
    left: unset;
    right: 41.6667%;
  }

  .veveditor-vod-col-xl-push-11 {
    left: 45.8333%;
  }

  .veveditor-vod-col-xl-push-11.veveditor-vod-col-rtl {
    left: unset;
    right: 45.8333%;
  }

  .veveditor-vod-col-xl-push-12 {
    left: 50%;
  }

  .veveditor-vod-col-xl-push-12.veveditor-vod-col-rtl {
    left: unset;
    right: 50%;
  }

  .veveditor-vod-col-xl-push-13 {
    left: 54.1667%;
  }

  .veveditor-vod-col-xl-push-13.veveditor-vod-col-rtl {
    left: unset;
    right: 54.1667%;
  }

  .veveditor-vod-col-xl-push-14 {
    left: 58.3333%;
  }

  .veveditor-vod-col-xl-push-14.veveditor-vod-col-rtl {
    left: unset;
    right: 58.3333%;
  }

  .veveditor-vod-col-xl-push-15 {
    left: 62.5%;
  }

  .veveditor-vod-col-xl-push-15.veveditor-vod-col-rtl {
    left: unset;
    right: 62.5%;
  }

  .veveditor-vod-col-xl-push-16 {
    left: 66.6667%;
  }

  .veveditor-vod-col-xl-push-16.veveditor-vod-col-rtl {
    left: unset;
    right: 66.6667%;
  }

  .veveditor-vod-col-xl-push-17 {
    left: 70.8333%;
  }

  .veveditor-vod-col-xl-push-17.veveditor-vod-col-rtl {
    left: unset;
    right: 70.8333%;
  }

  .veveditor-vod-col-xl-push-18 {
    left: 75%;
  }

  .veveditor-vod-col-xl-push-18.veveditor-vod-col-rtl {
    left: unset;
    right: 75%;
  }

  .veveditor-vod-col-xl-push-19 {
    left: 79.1667%;
  }

  .veveditor-vod-col-xl-push-19.veveditor-vod-col-rtl {
    left: unset;
    right: 79.1667%;
  }

  .veveditor-vod-col-xl-push-20 {
    left: 83.3333%;
  }

  .veveditor-vod-col-xl-push-20.veveditor-vod-col-rtl {
    left: unset;
    right: 83.3333%;
  }

  .veveditor-vod-col-xl-push-21 {
    left: 87.5%;
  }

  .veveditor-vod-col-xl-push-21.veveditor-vod-col-rtl {
    left: unset;
    right: 87.5%;
  }

  .veveditor-vod-col-xl-push-22 {
    left: 91.6667%;
  }

  .veveditor-vod-col-xl-push-22.veveditor-vod-col-rtl {
    left: unset;
    right: 91.6667%;
  }

  .veveditor-vod-col-xl-push-23 {
    left: 95.8333%;
  }

  .veveditor-vod-col-xl-push-23.veveditor-vod-col-rtl {
    left: unset;
    right: 95.8333%;
  }

  .veveditor-vod-col-xl-push-24 {
    left: 100%;
  }

  .veveditor-vod-col-xl-push-24.veveditor-vod-col-rtl {
    left: unset;
    right: 100%;
  }
}

@media (width >= 1600px) {
  .veveditor-vod-col-xxl-0 {
    display: none;
  }

  .veveditor-vod-col-xxl-1 {
    display: block;
    flex: 0 0 4.16667%;
    width: 4.16667%;
  }

  .veveditor-vod-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }

  .veveditor-vod-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .veveditor-vod-col-xxl-4 {
    display: block;
    flex: 0 0 16.6667%;
    width: 16.6667%;
  }

  .veveditor-vod-col-xxl-5 {
    display: block;
    flex: 0 0 20.8333%;
    width: 20.8333%;
  }

  .veveditor-vod-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%;
  }

  .veveditor-vod-col-xxl-7 {
    display: block;
    flex: 0 0 29.1667%;
    width: 29.1667%;
  }

  .veveditor-vod-col-xxl-8 {
    display: block;
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .veveditor-vod-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .veveditor-vod-col-xxl-10 {
    display: block;
    flex: 0 0 41.6667%;
    width: 41.6667%;
  }

  .veveditor-vod-col-xxl-11 {
    display: block;
    flex: 0 0 45.8333%;
    width: 45.8333%;
  }

  .veveditor-vod-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%;
  }

  .veveditor-vod-col-xxl-13 {
    display: block;
    flex: 0 0 54.1667%;
    width: 54.1667%;
  }

  .veveditor-vod-col-xxl-14 {
    display: block;
    flex: 0 0 58.3333%;
    width: 58.3333%;
  }

  .veveditor-vod-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .veveditor-vod-col-xxl-16 {
    display: block;
    flex: 0 0 66.6667%;
    width: 66.6667%;
  }

  .veveditor-vod-col-xxl-17 {
    display: block;
    flex: 0 0 70.8333%;
    width: 70.8333%;
  }

  .veveditor-vod-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%;
  }

  .veveditor-vod-col-xxl-19 {
    display: block;
    flex: 0 0 79.1667%;
    width: 79.1667%;
  }

  .veveditor-vod-col-xxl-20 {
    display: block;
    flex: 0 0 83.3333%;
    width: 83.3333%;
  }

  .veveditor-vod-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .veveditor-vod-col-xxl-22 {
    display: block;
    flex: 0 0 91.6667%;
    width: 91.6667%;
  }

  .veveditor-vod-col-xxl-23 {
    display: block;
    flex: 0 0 95.8333%;
    width: 95.8333%;
  }

  .veveditor-vod-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%;
  }

  .veveditor-vod-col-xxl-offset-0 {
    margin-left: 0;
  }

  .veveditor-vod-col-xxl-offset-0.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 0;
  }

  .veveditor-vod-col-xxl-offset-1 {
    margin-left: 4.16667%;
  }

  .veveditor-vod-col-xxl-offset-1.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 4.16667%;
  }

  .veveditor-vod-col-xxl-offset-2 {
    margin-left: 8.33333%;
  }

  .veveditor-vod-col-xxl-offset-2.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 8.33333%;
  }

  .veveditor-vod-col-xxl-offset-3 {
    margin-left: 12.5%;
  }

  .veveditor-vod-col-xxl-offset-3.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }

  .veveditor-vod-col-xxl-offset-4 {
    margin-left: 16.6667%;
  }

  .veveditor-vod-col-xxl-offset-4.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 16.6667%;
  }

  .veveditor-vod-col-xxl-offset-5 {
    margin-left: 20.8333%;
  }

  .veveditor-vod-col-xxl-offset-5.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 20.8333%;
  }

  .veveditor-vod-col-xxl-offset-6 {
    margin-left: 25%;
  }

  .veveditor-vod-col-xxl-offset-6.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }

  .veveditor-vod-col-xxl-offset-7 {
    margin-left: 29.1667%;
  }

  .veveditor-vod-col-xxl-offset-7.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 29.1667%;
  }

  .veveditor-vod-col-xxl-offset-8 {
    margin-left: 33.3333%;
  }

  .veveditor-vod-col-xxl-offset-8.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 33.3333%;
  }

  .veveditor-vod-col-xxl-offset-9 {
    margin-left: 37.5%;
  }

  .veveditor-vod-col-xxl-offset-9.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }

  .veveditor-vod-col-xxl-offset-10 {
    margin-left: 41.6667%;
  }

  .veveditor-vod-col-xxl-offset-10.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 41.6667%;
  }

  .veveditor-vod-col-xxl-offset-11 {
    margin-left: 45.8333%;
  }

  .veveditor-vod-col-xxl-offset-11.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 45.8333%;
  }

  .veveditor-vod-col-xxl-offset-12 {
    margin-left: 50%;
  }

  .veveditor-vod-col-xxl-offset-12.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }

  .veveditor-vod-col-xxl-offset-13 {
    margin-left: 54.1667%;
  }

  .veveditor-vod-col-xxl-offset-13.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 54.1667%;
  }

  .veveditor-vod-col-xxl-offset-14 {
    margin-left: 58.3333%;
  }

  .veveditor-vod-col-xxl-offset-14.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 58.3333%;
  }

  .veveditor-vod-col-xxl-offset-15 {
    margin-left: 62.5%;
  }

  .veveditor-vod-col-xxl-offset-15.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }

  .veveditor-vod-col-xxl-offset-16 {
    margin-left: 66.6667%;
  }

  .veveditor-vod-col-xxl-offset-16.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 66.6667%;
  }

  .veveditor-vod-col-xxl-offset-17 {
    margin-left: 70.8333%;
  }

  .veveditor-vod-col-xxl-offset-17.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 70.8333%;
  }

  .veveditor-vod-col-xxl-offset-18 {
    margin-left: 75%;
  }

  .veveditor-vod-col-xxl-offset-18.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }

  .veveditor-vod-col-xxl-offset-19 {
    margin-left: 79.1667%;
  }

  .veveditor-vod-col-xxl-offset-19.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 79.1667%;
  }

  .veveditor-vod-col-xxl-offset-20 {
    margin-left: 83.3333%;
  }

  .veveditor-vod-col-xxl-offset-20.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 83.3333%;
  }

  .veveditor-vod-col-xxl-offset-21 {
    margin-left: 87.5%;
  }

  .veveditor-vod-col-xxl-offset-21.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }

  .veveditor-vod-col-xxl-offset-22 {
    margin-left: 91.6667%;
  }

  .veveditor-vod-col-xxl-offset-22.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 91.6667%;
  }

  .veveditor-vod-col-xxl-offset-23 {
    margin-left: 95.8333%;
  }

  .veveditor-vod-col-xxl-offset-23.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 95.8333%;
  }

  .veveditor-vod-col-xxl-order-0 {
    order: 0;
  }

  .veveditor-vod-col-xxl-order-1 {
    order: 1;
  }

  .veveditor-vod-col-xxl-order-2 {
    order: 2;
  }

  .veveditor-vod-col-xxl-order-3 {
    order: 3;
  }

  .veveditor-vod-col-xxl-order-4 {
    order: 4;
  }

  .veveditor-vod-col-xxl-order-5 {
    order: 5;
  }

  .veveditor-vod-col-xxl-order-6 {
    order: 6;
  }

  .veveditor-vod-col-xxl-order-7 {
    order: 7;
  }

  .veveditor-vod-col-xxl-order-8 {
    order: 8;
  }

  .veveditor-vod-col-xxl-order-9 {
    order: 9;
  }

  .veveditor-vod-col-xxl-order-10 {
    order: 10;
  }

  .veveditor-vod-col-xxl-order-11 {
    order: 11;
  }

  .veveditor-vod-col-xxl-order-12 {
    order: 12;
  }

  .veveditor-vod-col-xxl-order-13 {
    order: 13;
  }

  .veveditor-vod-col-xxl-order-14 {
    order: 14;
  }

  .veveditor-vod-col-xxl-order-15 {
    order: 15;
  }

  .veveditor-vod-col-xxl-order-16 {
    order: 16;
  }

  .veveditor-vod-col-xxl-order-17 {
    order: 17;
  }

  .veveditor-vod-col-xxl-order-18 {
    order: 18;
  }

  .veveditor-vod-col-xxl-order-19 {
    order: 19;
  }

  .veveditor-vod-col-xxl-order-20 {
    order: 20;
  }

  .veveditor-vod-col-xxl-order-21 {
    order: 21;
  }

  .veveditor-vod-col-xxl-order-22 {
    order: 22;
  }

  .veveditor-vod-col-xxl-order-23 {
    order: 23;
  }

  .veveditor-vod-col-xxl-order-24 {
    order: 24;
  }

  .veveditor-vod-col-xxl-pull-0 {
    right: 0;
  }

  .veveditor-vod-col-xxl-pull-0.veveditor-vod-col-rtl {
    left: 0;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-1 {
    right: 4.16667%;
  }

  .veveditor-vod-col-xxl-pull-1.veveditor-vod-col-rtl {
    left: 4.16667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-2 {
    right: 8.33333%;
  }

  .veveditor-vod-col-xxl-pull-2.veveditor-vod-col-rtl {
    left: 8.33333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-3 {
    right: 12.5%;
  }

  .veveditor-vod-col-xxl-pull-3.veveditor-vod-col-rtl {
    left: 12.5%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-4 {
    right: 16.6667%;
  }

  .veveditor-vod-col-xxl-pull-4.veveditor-vod-col-rtl {
    left: 16.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-5 {
    right: 20.8333%;
  }

  .veveditor-vod-col-xxl-pull-5.veveditor-vod-col-rtl {
    left: 20.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-6 {
    right: 25%;
  }

  .veveditor-vod-col-xxl-pull-6.veveditor-vod-col-rtl {
    left: 25%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-7 {
    right: 29.1667%;
  }

  .veveditor-vod-col-xxl-pull-7.veveditor-vod-col-rtl {
    left: 29.1667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-8 {
    right: 33.3333%;
  }

  .veveditor-vod-col-xxl-pull-8.veveditor-vod-col-rtl {
    left: 33.3333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-9 {
    right: 37.5%;
  }

  .veveditor-vod-col-xxl-pull-9.veveditor-vod-col-rtl {
    left: 37.5%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-10 {
    right: 41.6667%;
  }

  .veveditor-vod-col-xxl-pull-10.veveditor-vod-col-rtl {
    left: 41.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-11 {
    right: 45.8333%;
  }

  .veveditor-vod-col-xxl-pull-11.veveditor-vod-col-rtl {
    left: 45.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-12 {
    right: 50%;
  }

  .veveditor-vod-col-xxl-pull-12.veveditor-vod-col-rtl {
    left: 50%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-13 {
    right: 54.1667%;
  }

  .veveditor-vod-col-xxl-pull-13.veveditor-vod-col-rtl {
    left: 54.1667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-14 {
    right: 58.3333%;
  }

  .veveditor-vod-col-xxl-pull-14.veveditor-vod-col-rtl {
    left: 58.3333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-15 {
    right: 62.5%;
  }

  .veveditor-vod-col-xxl-pull-15.veveditor-vod-col-rtl {
    left: 62.5%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-16 {
    right: 66.6667%;
  }

  .veveditor-vod-col-xxl-pull-16.veveditor-vod-col-rtl {
    left: 66.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-17 {
    right: 70.8333%;
  }

  .veveditor-vod-col-xxl-pull-17.veveditor-vod-col-rtl {
    left: 70.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-18 {
    right: 75%;
  }

  .veveditor-vod-col-xxl-pull-18.veveditor-vod-col-rtl {
    left: 75%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-19 {
    right: 79.1667%;
  }

  .veveditor-vod-col-xxl-pull-19.veveditor-vod-col-rtl {
    left: 79.1667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-20 {
    right: 83.3333%;
  }

  .veveditor-vod-col-xxl-pull-20.veveditor-vod-col-rtl {
    left: 83.3333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-21 {
    right: 87.5%;
  }

  .veveditor-vod-col-xxl-pull-21.veveditor-vod-col-rtl {
    left: 87.5%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-22 {
    right: 91.6667%;
  }

  .veveditor-vod-col-xxl-pull-22.veveditor-vod-col-rtl {
    left: 91.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-23 {
    right: 95.8333%;
  }

  .veveditor-vod-col-xxl-pull-23.veveditor-vod-col-rtl {
    left: 95.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxl-pull-24 {
    right: 100%;
  }

  .veveditor-vod-col-xxl-pull-24.veveditor-vod-col-rtl {
    left: 100%;
    right: unset;
  }

  .veveditor-vod-col-xxl-push-0 {
    left: 0;
  }

  .veveditor-vod-col-xxl-push-0.veveditor-vod-col-rtl {
    left: unset;
    right: 0;
  }

  .veveditor-vod-col-xxl-push-1 {
    left: 4.16667%;
  }

  .veveditor-vod-col-xxl-push-1.veveditor-vod-col-rtl {
    left: unset;
    right: 4.16667%;
  }

  .veveditor-vod-col-xxl-push-2 {
    left: 8.33333%;
  }

  .veveditor-vod-col-xxl-push-2.veveditor-vod-col-rtl {
    left: unset;
    right: 8.33333%;
  }

  .veveditor-vod-col-xxl-push-3 {
    left: 12.5%;
  }

  .veveditor-vod-col-xxl-push-3.veveditor-vod-col-rtl {
    left: unset;
    right: 12.5%;
  }

  .veveditor-vod-col-xxl-push-4 {
    left: 16.6667%;
  }

  .veveditor-vod-col-xxl-push-4.veveditor-vod-col-rtl {
    left: unset;
    right: 16.6667%;
  }

  .veveditor-vod-col-xxl-push-5 {
    left: 20.8333%;
  }

  .veveditor-vod-col-xxl-push-5.veveditor-vod-col-rtl {
    left: unset;
    right: 20.8333%;
  }

  .veveditor-vod-col-xxl-push-6 {
    left: 25%;
  }

  .veveditor-vod-col-xxl-push-6.veveditor-vod-col-rtl {
    left: unset;
    right: 25%;
  }

  .veveditor-vod-col-xxl-push-7 {
    left: 29.1667%;
  }

  .veveditor-vod-col-xxl-push-7.veveditor-vod-col-rtl {
    left: unset;
    right: 29.1667%;
  }

  .veveditor-vod-col-xxl-push-8 {
    left: 33.3333%;
  }

  .veveditor-vod-col-xxl-push-8.veveditor-vod-col-rtl {
    left: unset;
    right: 33.3333%;
  }

  .veveditor-vod-col-xxl-push-9 {
    left: 37.5%;
  }

  .veveditor-vod-col-xxl-push-9.veveditor-vod-col-rtl {
    left: unset;
    right: 37.5%;
  }

  .veveditor-vod-col-xxl-push-10 {
    left: 41.6667%;
  }

  .veveditor-vod-col-xxl-push-10.veveditor-vod-col-rtl {
    left: unset;
    right: 41.6667%;
  }

  .veveditor-vod-col-xxl-push-11 {
    left: 45.8333%;
  }

  .veveditor-vod-col-xxl-push-11.veveditor-vod-col-rtl {
    left: unset;
    right: 45.8333%;
  }

  .veveditor-vod-col-xxl-push-12 {
    left: 50%;
  }

  .veveditor-vod-col-xxl-push-12.veveditor-vod-col-rtl {
    left: unset;
    right: 50%;
  }

  .veveditor-vod-col-xxl-push-13 {
    left: 54.1667%;
  }

  .veveditor-vod-col-xxl-push-13.veveditor-vod-col-rtl {
    left: unset;
    right: 54.1667%;
  }

  .veveditor-vod-col-xxl-push-14 {
    left: 58.3333%;
  }

  .veveditor-vod-col-xxl-push-14.veveditor-vod-col-rtl {
    left: unset;
    right: 58.3333%;
  }

  .veveditor-vod-col-xxl-push-15 {
    left: 62.5%;
  }

  .veveditor-vod-col-xxl-push-15.veveditor-vod-col-rtl {
    left: unset;
    right: 62.5%;
  }

  .veveditor-vod-col-xxl-push-16 {
    left: 66.6667%;
  }

  .veveditor-vod-col-xxl-push-16.veveditor-vod-col-rtl {
    left: unset;
    right: 66.6667%;
  }

  .veveditor-vod-col-xxl-push-17 {
    left: 70.8333%;
  }

  .veveditor-vod-col-xxl-push-17.veveditor-vod-col-rtl {
    left: unset;
    right: 70.8333%;
  }

  .veveditor-vod-col-xxl-push-18 {
    left: 75%;
  }

  .veveditor-vod-col-xxl-push-18.veveditor-vod-col-rtl {
    left: unset;
    right: 75%;
  }

  .veveditor-vod-col-xxl-push-19 {
    left: 79.1667%;
  }

  .veveditor-vod-col-xxl-push-19.veveditor-vod-col-rtl {
    left: unset;
    right: 79.1667%;
  }

  .veveditor-vod-col-xxl-push-20 {
    left: 83.3333%;
  }

  .veveditor-vod-col-xxl-push-20.veveditor-vod-col-rtl {
    left: unset;
    right: 83.3333%;
  }

  .veveditor-vod-col-xxl-push-21 {
    left: 87.5%;
  }

  .veveditor-vod-col-xxl-push-21.veveditor-vod-col-rtl {
    left: unset;
    right: 87.5%;
  }

  .veveditor-vod-col-xxl-push-22 {
    left: 91.6667%;
  }

  .veveditor-vod-col-xxl-push-22.veveditor-vod-col-rtl {
    left: unset;
    right: 91.6667%;
  }

  .veveditor-vod-col-xxl-push-23 {
    left: 95.8333%;
  }

  .veveditor-vod-col-xxl-push-23.veveditor-vod-col-rtl {
    left: unset;
    right: 95.8333%;
  }

  .veveditor-vod-col-xxl-push-24 {
    left: 100%;
  }

  .veveditor-vod-col-xxl-push-24.veveditor-vod-col-rtl {
    left: unset;
    right: 100%;
  }
}

@media (width >= 2000px) {
  .veveditor-vod-col-xxxl-0 {
    display: none;
  }

  .veveditor-vod-col-xxxl-1 {
    display: block;
    flex: 0 0 4.16667%;
    width: 4.16667%;
  }

  .veveditor-vod-col-xxxl-2 {
    display: block;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }

  .veveditor-vod-col-xxxl-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .veveditor-vod-col-xxxl-4 {
    display: block;
    flex: 0 0 16.6667%;
    width: 16.6667%;
  }

  .veveditor-vod-col-xxxl-5 {
    display: block;
    flex: 0 0 20.8333%;
    width: 20.8333%;
  }

  .veveditor-vod-col-xxxl-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%;
  }

  .veveditor-vod-col-xxxl-7 {
    display: block;
    flex: 0 0 29.1667%;
    width: 29.1667%;
  }

  .veveditor-vod-col-xxxl-8 {
    display: block;
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .veveditor-vod-col-xxxl-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .veveditor-vod-col-xxxl-10 {
    display: block;
    flex: 0 0 41.6667%;
    width: 41.6667%;
  }

  .veveditor-vod-col-xxxl-11 {
    display: block;
    flex: 0 0 45.8333%;
    width: 45.8333%;
  }

  .veveditor-vod-col-xxxl-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%;
  }

  .veveditor-vod-col-xxxl-13 {
    display: block;
    flex: 0 0 54.1667%;
    width: 54.1667%;
  }

  .veveditor-vod-col-xxxl-14 {
    display: block;
    flex: 0 0 58.3333%;
    width: 58.3333%;
  }

  .veveditor-vod-col-xxxl-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .veveditor-vod-col-xxxl-16 {
    display: block;
    flex: 0 0 66.6667%;
    width: 66.6667%;
  }

  .veveditor-vod-col-xxxl-17 {
    display: block;
    flex: 0 0 70.8333%;
    width: 70.8333%;
  }

  .veveditor-vod-col-xxxl-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%;
  }

  .veveditor-vod-col-xxxl-19 {
    display: block;
    flex: 0 0 79.1667%;
    width: 79.1667%;
  }

  .veveditor-vod-col-xxxl-20 {
    display: block;
    flex: 0 0 83.3333%;
    width: 83.3333%;
  }

  .veveditor-vod-col-xxxl-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .veveditor-vod-col-xxxl-22 {
    display: block;
    flex: 0 0 91.6667%;
    width: 91.6667%;
  }

  .veveditor-vod-col-xxxl-23 {
    display: block;
    flex: 0 0 95.8333%;
    width: 95.8333%;
  }

  .veveditor-vod-col-xxxl-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%;
  }

  .veveditor-vod-col-xxxl-offset-0 {
    margin-left: 0;
  }

  .veveditor-vod-col-xxxl-offset-0.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 0;
  }

  .veveditor-vod-col-xxxl-offset-1 {
    margin-left: 4.16667%;
  }

  .veveditor-vod-col-xxxl-offset-1.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 4.16667%;
  }

  .veveditor-vod-col-xxxl-offset-2 {
    margin-left: 8.33333%;
  }

  .veveditor-vod-col-xxxl-offset-2.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 8.33333%;
  }

  .veveditor-vod-col-xxxl-offset-3 {
    margin-left: 12.5%;
  }

  .veveditor-vod-col-xxxl-offset-3.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }

  .veveditor-vod-col-xxxl-offset-4 {
    margin-left: 16.6667%;
  }

  .veveditor-vod-col-xxxl-offset-4.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 16.6667%;
  }

  .veveditor-vod-col-xxxl-offset-5 {
    margin-left: 20.8333%;
  }

  .veveditor-vod-col-xxxl-offset-5.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 20.8333%;
  }

  .veveditor-vod-col-xxxl-offset-6 {
    margin-left: 25%;
  }

  .veveditor-vod-col-xxxl-offset-6.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }

  .veveditor-vod-col-xxxl-offset-7 {
    margin-left: 29.1667%;
  }

  .veveditor-vod-col-xxxl-offset-7.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 29.1667%;
  }

  .veveditor-vod-col-xxxl-offset-8 {
    margin-left: 33.3333%;
  }

  .veveditor-vod-col-xxxl-offset-8.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 33.3333%;
  }

  .veveditor-vod-col-xxxl-offset-9 {
    margin-left: 37.5%;
  }

  .veveditor-vod-col-xxxl-offset-9.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }

  .veveditor-vod-col-xxxl-offset-10 {
    margin-left: 41.6667%;
  }

  .veveditor-vod-col-xxxl-offset-10.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 41.6667%;
  }

  .veveditor-vod-col-xxxl-offset-11 {
    margin-left: 45.8333%;
  }

  .veveditor-vod-col-xxxl-offset-11.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 45.8333%;
  }

  .veveditor-vod-col-xxxl-offset-12 {
    margin-left: 50%;
  }

  .veveditor-vod-col-xxxl-offset-12.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }

  .veveditor-vod-col-xxxl-offset-13 {
    margin-left: 54.1667%;
  }

  .veveditor-vod-col-xxxl-offset-13.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 54.1667%;
  }

  .veveditor-vod-col-xxxl-offset-14 {
    margin-left: 58.3333%;
  }

  .veveditor-vod-col-xxxl-offset-14.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 58.3333%;
  }

  .veveditor-vod-col-xxxl-offset-15 {
    margin-left: 62.5%;
  }

  .veveditor-vod-col-xxxl-offset-15.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }

  .veveditor-vod-col-xxxl-offset-16 {
    margin-left: 66.6667%;
  }

  .veveditor-vod-col-xxxl-offset-16.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 66.6667%;
  }

  .veveditor-vod-col-xxxl-offset-17 {
    margin-left: 70.8333%;
  }

  .veveditor-vod-col-xxxl-offset-17.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 70.8333%;
  }

  .veveditor-vod-col-xxxl-offset-18 {
    margin-left: 75%;
  }

  .veveditor-vod-col-xxxl-offset-18.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }

  .veveditor-vod-col-xxxl-offset-19 {
    margin-left: 79.1667%;
  }

  .veveditor-vod-col-xxxl-offset-19.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 79.1667%;
  }

  .veveditor-vod-col-xxxl-offset-20 {
    margin-left: 83.3333%;
  }

  .veveditor-vod-col-xxxl-offset-20.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 83.3333%;
  }

  .veveditor-vod-col-xxxl-offset-21 {
    margin-left: 87.5%;
  }

  .veveditor-vod-col-xxxl-offset-21.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }

  .veveditor-vod-col-xxxl-offset-22 {
    margin-left: 91.6667%;
  }

  .veveditor-vod-col-xxxl-offset-22.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 91.6667%;
  }

  .veveditor-vod-col-xxxl-offset-23 {
    margin-left: 95.8333%;
  }

  .veveditor-vod-col-xxxl-offset-23.veveditor-vod-col-rtl {
    margin-left: 0;
    margin-right: 95.8333%;
  }

  .veveditor-vod-col-xxxl-order-0 {
    order: 0;
  }

  .veveditor-vod-col-xxxl-order-1 {
    order: 1;
  }

  .veveditor-vod-col-xxxl-order-2 {
    order: 2;
  }

  .veveditor-vod-col-xxxl-order-3 {
    order: 3;
  }

  .veveditor-vod-col-xxxl-order-4 {
    order: 4;
  }

  .veveditor-vod-col-xxxl-order-5 {
    order: 5;
  }

  .veveditor-vod-col-xxxl-order-6 {
    order: 6;
  }

  .veveditor-vod-col-xxxl-order-7 {
    order: 7;
  }

  .veveditor-vod-col-xxxl-order-8 {
    order: 8;
  }

  .veveditor-vod-col-xxxl-order-9 {
    order: 9;
  }

  .veveditor-vod-col-xxxl-order-10 {
    order: 10;
  }

  .veveditor-vod-col-xxxl-order-11 {
    order: 11;
  }

  .veveditor-vod-col-xxxl-order-12 {
    order: 12;
  }

  .veveditor-vod-col-xxxl-order-13 {
    order: 13;
  }

  .veveditor-vod-col-xxxl-order-14 {
    order: 14;
  }

  .veveditor-vod-col-xxxl-order-15 {
    order: 15;
  }

  .veveditor-vod-col-xxxl-order-16 {
    order: 16;
  }

  .veveditor-vod-col-xxxl-order-17 {
    order: 17;
  }

  .veveditor-vod-col-xxxl-order-18 {
    order: 18;
  }

  .veveditor-vod-col-xxxl-order-19 {
    order: 19;
  }

  .veveditor-vod-col-xxxl-order-20 {
    order: 20;
  }

  .veveditor-vod-col-xxxl-order-21 {
    order: 21;
  }

  .veveditor-vod-col-xxxl-order-22 {
    order: 22;
  }

  .veveditor-vod-col-xxxl-order-23 {
    order: 23;
  }

  .veveditor-vod-col-xxxl-order-24 {
    order: 24;
  }

  .veveditor-vod-col-xxxl-pull-0 {
    right: 0;
  }

  .veveditor-vod-col-xxxl-pull-0.veveditor-vod-col-rtl {
    left: 0;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-1 {
    right: 4.16667%;
  }

  .veveditor-vod-col-xxxl-pull-1.veveditor-vod-col-rtl {
    left: 4.16667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-2 {
    right: 8.33333%;
  }

  .veveditor-vod-col-xxxl-pull-2.veveditor-vod-col-rtl {
    left: 8.33333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-3 {
    right: 12.5%;
  }

  .veveditor-vod-col-xxxl-pull-3.veveditor-vod-col-rtl {
    left: 12.5%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-4 {
    right: 16.6667%;
  }

  .veveditor-vod-col-xxxl-pull-4.veveditor-vod-col-rtl {
    left: 16.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-5 {
    right: 20.8333%;
  }

  .veveditor-vod-col-xxxl-pull-5.veveditor-vod-col-rtl {
    left: 20.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-6 {
    right: 25%;
  }

  .veveditor-vod-col-xxxl-pull-6.veveditor-vod-col-rtl {
    left: 25%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-7 {
    right: 29.1667%;
  }

  .veveditor-vod-col-xxxl-pull-7.veveditor-vod-col-rtl {
    left: 29.1667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-8 {
    right: 33.3333%;
  }

  .veveditor-vod-col-xxxl-pull-8.veveditor-vod-col-rtl {
    left: 33.3333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-9 {
    right: 37.5%;
  }

  .veveditor-vod-col-xxxl-pull-9.veveditor-vod-col-rtl {
    left: 37.5%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-10 {
    right: 41.6667%;
  }

  .veveditor-vod-col-xxxl-pull-10.veveditor-vod-col-rtl {
    left: 41.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-11 {
    right: 45.8333%;
  }

  .veveditor-vod-col-xxxl-pull-11.veveditor-vod-col-rtl {
    left: 45.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-12 {
    right: 50%;
  }

  .veveditor-vod-col-xxxl-pull-12.veveditor-vod-col-rtl {
    left: 50%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-13 {
    right: 54.1667%;
  }

  .veveditor-vod-col-xxxl-pull-13.veveditor-vod-col-rtl {
    left: 54.1667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-14 {
    right: 58.3333%;
  }

  .veveditor-vod-col-xxxl-pull-14.veveditor-vod-col-rtl {
    left: 58.3333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-15 {
    right: 62.5%;
  }

  .veveditor-vod-col-xxxl-pull-15.veveditor-vod-col-rtl {
    left: 62.5%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-16 {
    right: 66.6667%;
  }

  .veveditor-vod-col-xxxl-pull-16.veveditor-vod-col-rtl {
    left: 66.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-17 {
    right: 70.8333%;
  }

  .veveditor-vod-col-xxxl-pull-17.veveditor-vod-col-rtl {
    left: 70.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-18 {
    right: 75%;
  }

  .veveditor-vod-col-xxxl-pull-18.veveditor-vod-col-rtl {
    left: 75%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-19 {
    right: 79.1667%;
  }

  .veveditor-vod-col-xxxl-pull-19.veveditor-vod-col-rtl {
    left: 79.1667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-20 {
    right: 83.3333%;
  }

  .veveditor-vod-col-xxxl-pull-20.veveditor-vod-col-rtl {
    left: 83.3333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-21 {
    right: 87.5%;
  }

  .veveditor-vod-col-xxxl-pull-21.veveditor-vod-col-rtl {
    left: 87.5%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-22 {
    right: 91.6667%;
  }

  .veveditor-vod-col-xxxl-pull-22.veveditor-vod-col-rtl {
    left: 91.6667%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-23 {
    right: 95.8333%;
  }

  .veveditor-vod-col-xxxl-pull-23.veveditor-vod-col-rtl {
    left: 95.8333%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-pull-24 {
    right: 100%;
  }

  .veveditor-vod-col-xxxl-pull-24.veveditor-vod-col-rtl {
    left: 100%;
    right: unset;
  }

  .veveditor-vod-col-xxxl-push-0 {
    left: 0;
  }

  .veveditor-vod-col-xxxl-push-0.veveditor-vod-col-rtl {
    left: unset;
    right: 0;
  }

  .veveditor-vod-col-xxxl-push-1 {
    left: 4.16667%;
  }

  .veveditor-vod-col-xxxl-push-1.veveditor-vod-col-rtl {
    left: unset;
    right: 4.16667%;
  }

  .veveditor-vod-col-xxxl-push-2 {
    left: 8.33333%;
  }

  .veveditor-vod-col-xxxl-push-2.veveditor-vod-col-rtl {
    left: unset;
    right: 8.33333%;
  }

  .veveditor-vod-col-xxxl-push-3 {
    left: 12.5%;
  }

  .veveditor-vod-col-xxxl-push-3.veveditor-vod-col-rtl {
    left: unset;
    right: 12.5%;
  }

  .veveditor-vod-col-xxxl-push-4 {
    left: 16.6667%;
  }

  .veveditor-vod-col-xxxl-push-4.veveditor-vod-col-rtl {
    left: unset;
    right: 16.6667%;
  }

  .veveditor-vod-col-xxxl-push-5 {
    left: 20.8333%;
  }

  .veveditor-vod-col-xxxl-push-5.veveditor-vod-col-rtl {
    left: unset;
    right: 20.8333%;
  }

  .veveditor-vod-col-xxxl-push-6 {
    left: 25%;
  }

  .veveditor-vod-col-xxxl-push-6.veveditor-vod-col-rtl {
    left: unset;
    right: 25%;
  }

  .veveditor-vod-col-xxxl-push-7 {
    left: 29.1667%;
  }

  .veveditor-vod-col-xxxl-push-7.veveditor-vod-col-rtl {
    left: unset;
    right: 29.1667%;
  }

  .veveditor-vod-col-xxxl-push-8 {
    left: 33.3333%;
  }

  .veveditor-vod-col-xxxl-push-8.veveditor-vod-col-rtl {
    left: unset;
    right: 33.3333%;
  }

  .veveditor-vod-col-xxxl-push-9 {
    left: 37.5%;
  }

  .veveditor-vod-col-xxxl-push-9.veveditor-vod-col-rtl {
    left: unset;
    right: 37.5%;
  }

  .veveditor-vod-col-xxxl-push-10 {
    left: 41.6667%;
  }

  .veveditor-vod-col-xxxl-push-10.veveditor-vod-col-rtl {
    left: unset;
    right: 41.6667%;
  }

  .veveditor-vod-col-xxxl-push-11 {
    left: 45.8333%;
  }

  .veveditor-vod-col-xxxl-push-11.veveditor-vod-col-rtl {
    left: unset;
    right: 45.8333%;
  }

  .veveditor-vod-col-xxxl-push-12 {
    left: 50%;
  }

  .veveditor-vod-col-xxxl-push-12.veveditor-vod-col-rtl {
    left: unset;
    right: 50%;
  }

  .veveditor-vod-col-xxxl-push-13 {
    left: 54.1667%;
  }

  .veveditor-vod-col-xxxl-push-13.veveditor-vod-col-rtl {
    left: unset;
    right: 54.1667%;
  }

  .veveditor-vod-col-xxxl-push-14 {
    left: 58.3333%;
  }

  .veveditor-vod-col-xxxl-push-14.veveditor-vod-col-rtl {
    left: unset;
    right: 58.3333%;
  }

  .veveditor-vod-col-xxxl-push-15 {
    left: 62.5%;
  }

  .veveditor-vod-col-xxxl-push-15.veveditor-vod-col-rtl {
    left: unset;
    right: 62.5%;
  }

  .veveditor-vod-col-xxxl-push-16 {
    left: 66.6667%;
  }

  .veveditor-vod-col-xxxl-push-16.veveditor-vod-col-rtl {
    left: unset;
    right: 66.6667%;
  }

  .veveditor-vod-col-xxxl-push-17 {
    left: 70.8333%;
  }

  .veveditor-vod-col-xxxl-push-17.veveditor-vod-col-rtl {
    left: unset;
    right: 70.8333%;
  }

  .veveditor-vod-col-xxxl-push-18 {
    left: 75%;
  }

  .veveditor-vod-col-xxxl-push-18.veveditor-vod-col-rtl {
    left: unset;
    right: 75%;
  }

  .veveditor-vod-col-xxxl-push-19 {
    left: 79.1667%;
  }

  .veveditor-vod-col-xxxl-push-19.veveditor-vod-col-rtl {
    left: unset;
    right: 79.1667%;
  }

  .veveditor-vod-col-xxxl-push-20 {
    left: 83.3333%;
  }

  .veveditor-vod-col-xxxl-push-20.veveditor-vod-col-rtl {
    left: unset;
    right: 83.3333%;
  }

  .veveditor-vod-col-xxxl-push-21 {
    left: 87.5%;
  }

  .veveditor-vod-col-xxxl-push-21.veveditor-vod-col-rtl {
    left: unset;
    right: 87.5%;
  }

  .veveditor-vod-col-xxxl-push-22 {
    left: 91.6667%;
  }

  .veveditor-vod-col-xxxl-push-22.veveditor-vod-col-rtl {
    left: unset;
    right: 91.6667%;
  }

  .veveditor-vod-col-xxxl-push-23 {
    left: 95.8333%;
  }

  .veveditor-vod-col-xxxl-push-23.veveditor-vod-col-rtl {
    left: unset;
    right: 95.8333%;
  }

  .veveditor-vod-col-xxxl-push-24 {
    left: 100%;
  }

  .veveditor-vod-col-xxxl-push-24.veveditor-vod-col-rtl {
    left: unset;
    right: 100%;
  }
}

.veveditor-vod-grid {
  display: grid;
}

.veveditor-vod-grid-rtl {
  direction: rtl;
}

.veveditor-vod-image-trigger {
  background: var(--veveditor-vod-color-bg-5);
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  border-radius: 4px;
  padding: 6px 4px;
}

.veveditor-vod-image-trigger .veveditor-vod-trigger-arrow {
  background-color: var(--veveditor-vod-color-bg-5);
  border: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-image {
  border-radius: var(--veveditor-vod-border-radius-small);
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.veveditor-vod-image-img {
  border-radius: inherit;
  vertical-align: middle;
}

.veveditor-vod-image-img:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-image-footer {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
}

.veveditor-vod-image-footer-block {
  flex: auto;
}

.veveditor-vod-image-caption-title {
  font-size: 16px;
  font-weight: 500;
}

.veveditor-vod-image-caption-description {
  font-size: 14px;
}

.veveditor-vod-image-actions {
  padding-left: 12px;
}

.veveditor-vod-image-actions-list {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items:  center;
}

.veveditor-vod-image-actions-item {
  border-radius: var(--veveditor-vod-border-radius-small);
  cursor: pointer;
  margin-left: 12px;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}

.veveditor-vod-image-actions-item:first-child {
  margin-left: 0;
}

.veveditor-vod-image-actions-item-trigger {
  display: inline-block;
  padding: 5px 4px;
}

.veveditor-vod-image-with-footer-inner .veveditor-vod-image-footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-white);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  background: linear-gradient(1turn, #0000004d, #0000);
  align-items:  center;
  padding: 9px 16px;
  bottom: 0;
  left: 0;
}

.veveditor-vod-image-with-footer-inner .veveditor-vod-image-caption-description, .veveditor-vod-image-with-footer-inner .veveditor-vod-image-caption-title {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-image-with-footer-inner .veveditor-vod-image-actions-item:hover {
  background: #00000080;
}

.veveditor-vod-image-with-footer-outer .veveditor-vod-image-footer {
  color: var(--veveditor-vod-color-neutral-8);
  margin-top: 4px;
}

.veveditor-vod-image-with-footer-outer .veveditor-vod-image-caption-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-image-with-footer-outer .veveditor-vod-image-caption-description {
  color: var(--veveditor-vod-color-neutral-6);
}

.veveditor-vod-image-with-footer-outer .veveditor-vod-image-actions-item:hover {
  background: var(--veveditor-vod-color-neutral-2);
}

.veveditor-vod-image-with-preview:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.veveditor-vod-image-error {
  background-color: var(--veveditor-vod-color-neutral-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-neutral-4);
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
}

.veveditor-vod-image-error-icon {
  width: 60px;
  max-width: 100%;
  height: 60px;
  max-height: 100%;
}

.veveditor-vod-image-error-icon > svg {
  width: 100%;
  height: 100%;
}

.veveditor-vod-image-error-alt {
  text-align: center;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1.6667;
}

.veveditor-vod-image-loader {
  background-color: var(--veveditor-vod-color-neutral-1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-image-loader-spin {
  color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  text-align: center;
  font-size: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-image-loader-spin-text {
  color: var(--veveditor-vod-color-neutral-6);
  font-size: 16px;
}

.veveditor-vod-image-simple.veveditor-vod-image-with-footer-inner .veveditor-vod-image-footer {
  padding: 12px 16px;
}

.veveditor-vod-image-before-load .veveditor-vod-image-img, .veveditor-vod-image-loading .veveditor-vod-image-img, .veveditor-vod-image-loading-error .veveditor-vod-image-img {
  visibility: hidden;
}

.veveditor-vod-image-trigger .veveditor-vod-image-actions-list {
  flex-direction: column;
}

.veveditor-vod-image-trigger .veveditor-vod-image-actions-item {
  color: var(--veveditor-vod-color-neutral-8);
  margin-left: 0;
}

.veveditor-vod-image-trigger .veveditor-vod-image-actions-item:hover {
  background: var(--veveditor-vod-color-neutral-2);
}

.veveditor-vod-image-preview {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-image-preview-hide {
  display: none;
}

.veveditor-vod-image-preview-mask, .veveditor-vod-image-preview-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-image-preview-mask {
  background-color: var(--veveditor-vod-color-mask-bg);
}

.veveditor-vod-image-preview-img-container {
  text-align: center;
  width: 100%;
  height: 100%;
}

.veveditor-vod-image-preview-img-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.veveditor-vod-image-preview-img-container .veveditor-vod-image-preview-img {
  cursor: -webkit-grab;
  cursor: grab;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.veveditor-vod-image-preview-img-container .veveditor-vod-image-preview-img.veveditor-vod-image-preview-img-moving {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.veveditor-vod-image-preview-scale-value {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-white);
  position: absolute;
  background-color: #ffffff14;
  padding: 7px 10px;
  font-size: 12px;
  line-height: normal;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-image-preview-toolbar {
  background-color: var(--veveditor-vod-color-bg-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transform: translateX(-50%);
  align-items:  flex-start;
  padding: 4px 16px;
  bottom: 46px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-image-preview-toolbar-action {
  border-radius: var(--veveditor-vod-border-radius-small);
  color: var(--veveditor-vod-color-neutral-8);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #0000;
  align-items:  center;
  font-size: 14px;
}

.veveditor-vod-image-preview-toolbar-action:not(:last-of-type) {
  margin-right: 0;
}

.veveditor-vod-image-preview-toolbar-action:hover {
  background-color: var(--veveditor-vod-color-neutral-2);
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-image-preview-toolbar-action-disabled, .veveditor-vod-image-preview-toolbar-action-disabled:hover {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-image-preview-toolbar-action-name {
  padding-right: 12px;
  font-size: 12px;
}

.veveditor-vod-image-preview-toolbar-action-content {
  padding: 13px;
  line-height: 1;
}

.veveditor-vod-image-preview-toolbar-simple {
  padding: 4px;
}

.veveditor-vod-image-preview-toolbar-simple .veveditor-vod-image-preview-toolbar-action {
  margin-right: 0;
}

.veveditor-vod-image-preview-trigger.veveditor-vod-image-trigger {
  padding: 12px 16px;
}

.veveditor-vod-image-preview-trigger.veveditor-vod-image-trigger .veveditor-vod-image-preview-toolbar-action {
  text-align: left;
  margin-right: 0;
}

.veveditor-vod-image-preview-trigger.veveditor-vod-image-trigger .veveditor-vod-image-preview-toolbar-action:not(:last-of-type) {
  margin-bottom: 0;
}

.veveditor-vod-image-preview-loading {
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(var(--veveditor-vod-primary-6));
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  background-color: #232324;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 48px;
  padding: 10px;
  font-size: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-image-preview-close-btn {
  color: var(--veveditor-vod-color-white);
  cursor: pointer;
  position: absolute;
  text-align: center;
  background: #00000080;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  top: 36px;
  right: 36px;
}

.veveditor-vod-image-preview-arrow-left, .veveditor-vod-image-preview-arrow-right {
  display: -ms-flexbox;
  display: flex;
  color: var(--veveditor-vod-color-white);
  cursor: pointer;
  position: absolute;
  z-index: 2;
  background-color: #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
}

.veveditor-vod-image-preview-arrow-left > svg, .veveditor-vod-image-preview-arrow-right > svg {
  color: var(--veveditor-vod-color-white);
  font-size: 16px;
}

.veveditor-vod-image-preview-arrow-left:hover, .veveditor-vod-image-preview-arrow-right:hover {
  background-color: #ffffff80;
}

.veveditor-vod-image-preview-arrow-left {
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.veveditor-vod-image-preview-arrow-right {
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.veveditor-vod-image-preview-arrow-disabled {
  color: #ffffff4d;
  cursor: not-allowed;
  background-color: #fff3;
}

.veveditor-vod-image-preview-arrow-disabled > svg {
  color: #ffffff4d;
}

.veveditor-vod-image-preview-arrow-disabled:hover {
  background-color: #fff3;
}

.fadeImage-appear, .fadeImage-enter {
  opacity: 0;
}

.fadeImage-appear-active, .fadeImage-enter-active {
  opacity: 1;
  transition: opacity .4s cubic-bezier(.3,1.3,.3,1);
}

.fadeImage-exit {
  opacity: 1;
}

.fadeImage-exit-active {
  opacity: 0;
  transition: opacity .4s cubic-bezier(.3,1.3,.3,1);
}

.veveditor-vod-image-rtl {
  direction: rtl;
}

.veveditor-vod-image-rtl .veveditor-vod-image-actions-item {
  margin-left: 0;
  margin-right: 12px;
}

.veveditor-vod-image-rtl .veveditor-vod-image-actions-item:first-child {
  margin-right: 0;
}

.veveditor-vod-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: #0000;
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  border-radius: 4px;
  width: 100%;
  padding: 5px 12px;
  transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-input.veveditor-vod-input-focus, .veveditor-vod-input:focus {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-7));
  box-shadow: 0 0 #0000;
}

.veveditor-vod-input-error {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-input-error:hover {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-input-error .veveditor-vod-input, .veveditor-vod-input-error .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-input-error.veveditor-vod-input-focus, .veveditor-vod-input-error.veveditor-vod-input-focus:hover, .veveditor-vod-input-error:focus, .veveditor-vod-input-error:focus:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-input-warning {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border-color: #0000;
}

.veveditor-vod-input-warning:hover {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-input-warning .veveditor-vod-input, .veveditor-vod-input-warning .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-input-warning.veveditor-vod-input-focus, .veveditor-vod-input-warning.veveditor-vod-input-focus:hover, .veveditor-vod-input-warning:focus, .veveditor-vod-input-warning:focus:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-input-autowidth {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.veveditor-vod-input-autowidth:hover {
  text-overflow: unset;
}

.veveditor-vod-input-disabled {
  cursor: not-allowed;
  -webkit-text-fill-color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-disabled, .veveditor-vod-input-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-disabled::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-disabled::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input input:disabled {
  color: var(--veveditor-vod-color-text-3);
  opacity: 1;
  -webkit-text-fill-color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-word-limit {
  color: var(--veveditor-vod-color-text-3);
  padding-left: 8px;
  font-size: 12px;
}

.veveditor-vod-input-word-limit-error {
  color: rgb(var(--veveditor-vod-danger-7));
}

.veveditor-vod-input-size-mini {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 1.667;
}

.veveditor-vod-input-size-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 13px;
}

.veveditor-vod-input-size-large {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore, .veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore, .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-mini, .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-small, .veveditor-vod-input-size-mini, .veveditor-vod-input-size-small {
  padding-left: 12px;
  padding-right: 12px;
}

.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore, .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-large, .veveditor-vod-input-size-large {
  padding-left: 16px;
  padding-right: 16px;
}

.veveditor-vod-input-clear-icon {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  font-size: 12px;
}

.veveditor-vod-input-clear-icon:focus-visible:before {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-7));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-input-clear-icon > svg {
  position: relative;
  transition: color .1s linear;
}

.veveditor-vod-input-inner-wrapper {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: #0000;
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border-radius: 4px;
  align-items:  center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  font-size: 13px;
}

.veveditor-vod-input-inner-wrapper::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper:focus {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-7));
  box-shadow: 0 0 #0000;
}

.veveditor-vod-input-inner-wrapper-error {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-input-inner-wrapper-error:hover {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-input-inner-wrapper-error .veveditor-vod-input, .veveditor-vod-input-inner-wrapper-error .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-input-inner-wrapper-error.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper-error.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-input-inner-wrapper-error:focus, .veveditor-vod-input-inner-wrapper-error:focus:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-input-inner-wrapper-warning {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border-color: #0000;
}

.veveditor-vod-input-inner-wrapper-warning:hover {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-input-inner-wrapper-warning .veveditor-vod-input, .veveditor-vod-input-inner-wrapper-warning .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-input-inner-wrapper-warning.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper-warning.veveditor-vod-input-inner-wrapper-focus:hover, .veveditor-vod-input-inner-wrapper-warning:focus, .veveditor-vod-input-inner-wrapper-warning:focus:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input {
  background: none;
  border: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input:focus, .veveditor-vod-input-inner-wrapper .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-input-inner-wrapper-has-prefix > .veveditor-vod-input, .veveditor-vod-input-inner-wrapper-has-prefix > .veveditor-vod-input-clear-wrapper .veveditor-vod-input {
  padding-left: 12px;
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  align-items:  center;
  height: 100%;
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-input-inner-wrapper-disabled {
  cursor: not-allowed;
  -webkit-text-fill-color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper-disabled, .veveditor-vod-input-inner-wrapper-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper-disabled::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper-disabled::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-inner-wrapper-disabled .veveditor-vod-input-group-prefix, .veveditor-vod-input-inner-wrapper-disabled .veveditor-vod-input-group-suffix {
  color: inherit;
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input-clear-icon {
  visibility: hidden;
}

.veveditor-vod-input-inner-wrapper:hover .veveditor-vod-input-clear-icon {
  visibility: visible;
}

.veveditor-vod-input-inner-wrapper:hover .veveditor-vod-input-clear-icon ~ .veveditor-vod-input-group-suffix {
  margin-left: 4px;
}

.veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-focus) .veveditor-vod-input-clear-icon:hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-input-group-wrapper-autowidth .veveditor-vod-input-group {
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
}

.veveditor-vod-input-group-wrapper-autowidth .veveditor-vod-input-group-addbefore, .veveditor-vod-input-group-wrapper-autowidth .veveditor-vod-input-group-after {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: unset;
  flex-grow: 0;
  flex-shrink: 0;
  align-items:  center;
  width: auto;
}

.veveditor-vod-input-group-wrapper-autowidth .veveditor-vod-input-inner-wrapper {
  overflow: hidden;
}

.veveditor-vod-input-group-wrapper-autowidth .veveditor-vod-input {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.veveditor-vod-input-group-wrapper-autowidth .veveditor-vod-input:hover {
  text-overflow: unset;
}

.veveditor-vod-input-group {
  display: table;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.veveditor-vod-input-group > .veveditor-vod-input, .veveditor-vod-input-group > .veveditor-vod-input-inner-wrapper {
  border-radius: 0;
}

.veveditor-vod-input-group > .veveditor-vod-input-focus, .veveditor-vod-input-group > .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 4px;
}

.veveditor-vod-input-group > :first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.veveditor-vod-input-group > :last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.veveditor-vod-input-group-addafter, .veveditor-vod-input-group-addbefore {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
  height: 100%;
  padding: 0 12px;
}

.veveditor-vod-input-group-addafter > svg, .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-addafter {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-addbefore {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  font-size: 12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore {
  height: 22px;
  font-size: 12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore > svg {
  font-size: 12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-mini .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  font-size: 13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore {
  height: 26px;
  font-size: 13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-small .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore {
  height: 34px;
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-large .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  font-size: 13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore {
  height: 22px;
  font-size: 13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter > svg, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper .veveditor-vod-input-inner-wrapper, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-clear-wrapper, .veveditor-vod-input-group-wrapper.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-clear-wrapper .veveditor-vod-input {
  height: 100%;
}

.veveditor-vod-input-group-wrapper.veveditor-vod-input-disabled {
  cursor: not-allowed;
}

.veveditor-vod-input-mirror {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
}

.veveditor-vod-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: #0000;
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  overflow: auto;
  position: relative;
  resize: vertical;
  vertical-align: top;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 32px;
  padding: 4px 12px;
  transition: color .1s linear, border-color .1s linear, background-color .1s linear;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-textarea::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-textarea:focus {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-7));
  box-shadow: 0 0 #0000;
}

.veveditor-vod-textarea-error {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-textarea-error:hover {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-textarea-error .veveditor-vod-input, .veveditor-vod-textarea-error .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-textarea-error.veveditor-vod-textarea-focus, .veveditor-vod-textarea-error.veveditor-vod-textarea-focus:hover, .veveditor-vod-textarea-error:focus, .veveditor-vod-textarea-error:focus:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-danger-light-2);
}

.veveditor-vod-textarea-warning {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border-color: #0000;
}

.veveditor-vod-textarea-warning:hover {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-textarea-warning .veveditor-vod-input, .veveditor-vod-textarea-warning .veveditor-vod-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.veveditor-vod-textarea-warning.veveditor-vod-textarea-focus, .veveditor-vod-textarea-warning.veveditor-vod-textarea-focus:hover, .veveditor-vod-textarea-warning:focus, .veveditor-vod-textarea-warning:focus:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-textarea-disabled {
  cursor: not-allowed;
  -webkit-text-fill-color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea-disabled, .veveditor-vod-textarea-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea-disabled::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-textarea-disabled::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-select {
  vertical-align: unset;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > *, .veveditor-vod-input-group.veveditor-vod-input-group-compact > * .veveditor-vod-input-group > :first-child, .veveditor-vod-input-group.veveditor-vod-input-group-compact > * .veveditor-vod-input-group > :last-child, .veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-select .veveditor-vod-select-view {
  border-radius: 0;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > :not(:last-child) {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child, .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child .veveditor-vod-input-group > :first-child, .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child .veveditor-vod-input-group > :first-child .veveditor-vod-select .veveditor-vod-select-view, .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child .veveditor-vod-select .veveditor-vod-select-view {
  border-bottom-left-radius: var(--veveditor-vod-border-radius-small);
  border-top-left-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child, .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child .veveditor-vod-input-group > :last-child, .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child .veveditor-vod-input-group > :last-child .veveditor-vod-select .veveditor-vod-select-view, .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child .veveditor-vod-select .veveditor-vod-select-view {
  border-bottom-right-radius: var(--veveditor-vod-border-radius-small);
  border-top-right-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-input:not(:last-child) {
  border-right-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-input:not(:last-child):focus {
  border-right-color: rgb(var(--veveditor-vod-primary-7));
}

.size-height-size-mini {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 1.667;
}

.size-height-size-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 13px;
}

.size-height-size-large {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}

.size-height-group-wrapper-mini .veveditor-vod-input-group-addafter, .size-height-group-wrapper-mini .veveditor-vod-input-group-addbefore, .size-height-group-wrapper-small .veveditor-vod-input-group-addafter, .size-height-group-wrapper-small .veveditor-vod-input-group-addbefore, .size-height-inner-wrapper.size-height-inner-wrapper-mini, .size-height-inner-wrapper.size-height-inner-wrapper-small, .size-height-size-mini, .size-height-size-small {
  padding-left: 12px;
  padding-right: 12px;
}

.size-height-group-wrapper-large .veveditor-vod-input-group-addafter, .size-height-group-wrapper-large .veveditor-vod-input-group-addbefore, .size-height-inner-wrapper.size-height-inner-wrapper-large, .size-height-size-large {
  padding-left: 16px;
  padding-right: 16px;
}

.group-size.group-size-mini .veveditor-vod-input-group, .group-size.group-size-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .group-size.group-size-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  font-size: 12px;
}

.group-size.group-size-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .group-size.group-size-mini .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter, .group-size.group-size-mini .veveditor-vod-input-group-addbefore {
  height: 22px;
  font-size: 12px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter > svg, .group-size.group-size-mini .veveditor-vod-input-group-addbefore > svg {
  font-size: 12px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.group-size-mini .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.group-size-mini .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-mini .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.group-size-mini .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.group-size-small .veveditor-vod-input-group, .group-size.group-size-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .group-size.group-size-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  font-size: 13px;
}

.group-size.group-size-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .group-size.group-size-small .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter, .group-size.group-size-small .veveditor-vod-input-group-addbefore {
  height: 26px;
  font-size: 13px;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter > svg, .group-size.group-size-small .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.group-size-small .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.group-size-small .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-small .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-small .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-small .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.group-size-small .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.group-size-large .veveditor-vod-input-group, .group-size.group-size-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .group-size.group-size-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .group-size.group-size-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix, .group-size.group-size-large .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter, .group-size.group-size-large .veveditor-vod-input-group-addbefore {
  height: 34px;
  font-size: 14px;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter > svg, .group-size.group-size-large .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.group-size-large .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.group-size-large .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-large .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-large .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.group-size-large .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.group-size-large .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  font-size: 13px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-prefix > svg, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix > svg {
  font-size: 14px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore {
  height: 22px;
  font-size: 13px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter > svg, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore > svg {
  font-size: 14px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.group-size.veveditor-vod-input-custom-height .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-clear-wrapper, .group-size.veveditor-vod-input-custom-height .veveditor-vod-input-inner-wrapper .veveditor-vod-input-clear-wrapper .veveditor-vod-input {
  height: 100%;
}

.veveditor-vod-textarea-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}

.veveditor-vod-textarea-clear-wrapper:hover .veveditor-vod-textarea-clear-icon {
  display: inline-block;
}

.veveditor-vod-textarea-clear-wrapper .veveditor-vod-textarea {
  padding-right: 20px;
}

.veveditor-vod-textarea-word-limit {
  color: var(--veveditor-vod-color-text-3);
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  bottom: 6px;
  right: 10px;
}

.veveditor-vod-textarea-word-limit-error {
  color: rgb(var(--veveditor-vod-danger-7));
}

.veveditor-vod-textarea-clear-icon {
  color: var(--veveditor-vod-color-text-2);
  display: none;
  position: absolute;
  font-size: 12px;
  top: 10px;
  right: 10px;
}

.veveditor-vod-textarea-clear-icon > svg {
  position: relative;
  transition: color .1s linear;
}

.veveditor-vod-input-search.veveditor-vod-input-group-wrapper .veveditor-vod-input-group-addbefore {
  transition: all .1s linear;
}

.veveditor-vod-input-search.veveditor-vod-input-group-wrapper .veveditor-vod-input-group-addafter {
  border: none;
  padding: 0;
}

.veveditor-vod-input-search.veveditor-vod-input-group-wrapper .veveditor-vod-input-group-suffix {
  color: #737a87;
  font-size: 16px;
}

.veveditor-vod-input-search.veveditor-vod-input-group-wrapper:not(.veveditor-vod-input-disabled) .veveditor-vod-input-group-addbefore {
  color: #737a87;
  cursor: pointer;
  font-size: 16px;
}

.veveditor-vod-input-search.veveditor-vod-input-group-wrapper .veveditor-vod-input-search-btn {
  color: var(--veveditor-vod-color-white);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  font-size: 16px;
}

.veveditor-vod-input-search-button .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-rtl) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-input-password.veveditor-vod-input-group-wrapper:not(.veveditor-vod-input-disabled) .veveditor-vod-input-group-suffix {
  color: var(--veveditor-vod-color-fill-2);
  cursor: pointer;
  font-size: 12px;
}

.veveditor-vod-input-password.veveditor-vod-input-group-wrapper .veveditor-vod-input-password-visibility-icon:focus-visible {
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-7));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-input-group-wrapper-rtl {
  direction: rtl;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-word-limit {
  padding-left: 0;
  padding-right: input-padding-word-limit-left;
}

.veveditor-vod-input-group-wrapper-rtl.veveditor-vod-input-clear-wrapper .veveditor-vod-input {
  padding-left: 24px;
  padding-right: 0;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group > :first-child {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group > :last-child {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addafter {
  border-left: none;
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addafter .item-style {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addafter .veveditor-vod-input {
  border-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addafter .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addafter .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addbefore {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-right: none;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addbefore .item-style {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addbefore .veveditor-vod-input {
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addbefore .veveditor-vod-select .veveditor-vod-select-view {
  background-color: inherit;
  border-color: #0000;
  border-radius: 0;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :not(:last-child) {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-right: none;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child, .veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child .veveditor-vod-input-group > :first-child, .veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child .veveditor-vod-input-group > :first-child .veveditor-vod-select .veveditor-vod-select-view, .veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :first-child .veveditor-vod-select .veveditor-vod-select-view {
  border-radius: 0 var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0;
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child, .veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child .veveditor-vod-input-group > :last-child, .veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child .veveditor-vod-input-group > :last-child .veveditor-vod-select .veveditor-vod-select-view, .veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > :last-child .veveditor-vod-select .veveditor-vod-select-view {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-input:not(:last-child) {
  border-left-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-input-group-wrapper-rtl .veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-input:not(:last-child):focus {
  border-left-color: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-input-group-wrapper-rtl.veveditor-vod-input-search .veveditor-vod-input-search-btn {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-input-inner-wrapper-rtl {
  direction: rtl;
}

.veveditor-vod-input-inner-wrapper-rtl.veveditor-vod-input-inner-wrapper-has-prefix > .veveditor-vod-input, .veveditor-vod-input-inner-wrapper-rtl.veveditor-vod-input-inner-wrapper-has-prefix > .veveditor-vod-input-clear-wrapper .veveditor-vod-input {
  padding-left: 0;
  padding-right: 12px;
}

.veveditor-vod-input-inner-wrapper-rtl > .veveditor-vod-input-clear-wrapper .veveditor-vod-input {
  padding-left: 12px;
  padding-right: 0;
}

.veveditor-vod-input-inner-wrapper-rtl > .veveditor-vod-input-clear-wrapper .veveditor-vod-input-clear-icon {
  left: 8px;
  right: auto;
}

.veveditor-vod-input-inner-wrapper-rtl:hover .veveditor-vod-input-clear-icon ~ .veveditor-vod-input-group-suffix {
  margin-left: 4px;
}

.veveditor-vod-input-search-button .veveditor-vod-input-inner-wrapper-rtl {
  border-left: none;
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-textarea-wrapper-rtl {
  direction: rtl;
}

.veveditor-vod-textarea-wrapper-rtl .veveditor-vod-textarea {
  padding-left: 20px;
}

.veveditor-vod-textarea-wrapper-rtl .veveditor-vod-textarea-clear-icon, .veveditor-vod-textarea-wrapper-rtl .veveditor-vod-textarea-word-limit {
  left: 10px;
  right: auto;
}

.veveditor-vod-input-number {
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}

.veveditor-vod-input-number-step-button {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: center;
  align-items:  center;
  transition: all .1s linear;
}

.veveditor-vod-input-number-step-button:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-input-number-step-button:active {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-input-number-step-button-disabled {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-input-number-step-button-disabled:active, .veveditor-vod-input-number-step-button-disabled:hover {
  background-color: var(--veveditor-vod-color-fill-2);
  border-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-input-number-prefix, .veveditor-vod-input-number-suffix {
  transition: all .1s linear;
}

.veveditor-vod-input-number-mode-embed .veveditor-vod-input-number-step-layer {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  border-radius: 4px;
  width: 18px;
  transition: all .1s linear;
  top: 4px;
  bottom: 4px;
  right: 4px;
}

.veveditor-vod-input-number-mode-embed .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button {
  width: 100%;
  height: 50%;
  font-size: 10px;
}

.veveditor-vod-input-number-mode-embed:not(.veveditor-vod-input-group-wrapper-disabled):hover .veveditor-vod-input-number-step-layer {
  opacity: 1;
}

.veveditor-vod-input-number-mode-embed:not(.veveditor-vod-input-group-wrapper-disabled):hover .veveditor-vod-input-number-step-layer ~ .veveditor-vod-input-number-suffix {
  opacity: 0;
  pointer-events: none;
}

.veveditor-vod-input-number-mode-embed .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-focus) .veveditor-vod-input-number-step-button:not(.veveditor-vod-input-number-step-button-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input {
  text-align: center;
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input-group {
  position: relative;
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input-group-addafter, .veveditor-vod-input-number-mode-button .veveditor-vod-input-group-addbefore {
  padding: 0;
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input-group .veveditor-vod-input-number-step-button {
  border: inherit;
  position: absolute;
  height: 100%;
  top: 0;
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input-group .veveditor-vod-input-number-step-button:active {
  border-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button {
  border-right-color: var(--veveditor-vod-color-neutral-3);
  left: 0;
}

.veveditor-vod-input-number-mode-button .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button {
  border-left-color: var(--veveditor-vod-color-neutral-3);
  right: 0;
}

.veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-mini .veveditor-vod-input-group-addafter, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-mini .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-mini .veveditor-vod-input-group-addbefore, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-mini .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button {
  width: 24px;
}

.veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-small .veveditor-vod-input-group-addafter, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-small .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-small .veveditor-vod-input-group-addbefore, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-small .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button {
  width: 28px;
}

.veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-default .veveditor-vod-input-group-addafter, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-default .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-default .veveditor-vod-input-group-addbefore, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-default .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button {
  width: 32px;
}

.veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-large .veveditor-vod-input-group-addafter, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-large .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-large .veveditor-vod-input-group-addbefore, .veveditor-vod-input-number-mode-button.veveditor-vod-input-number-size-large .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button {
  width: 36px;
}

.veveditor-vod-input-number-readonly .veveditor-vod-input-number-step-button {
  color: var(--veveditor-vod-color-text-4);
  pointer-events: none;
}

.veveditor-vod-input-number-illegal-value input {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-input-tag {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  cursor: text;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  transition: all .1s linear;
}

.veveditor-vod-input-tag-view {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.veveditor-vod-input-tag-inner {
  overflow: hidden;
  position: relative;
  flex-wrap: wrap;
  flex-grow: 1;
}

.veveditor-vod-input-tag-inner, .veveditor-vod-input-tag-prefix, .veveditor-vod-input-tag-suffix {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  align-items:  center;
}

.veveditor-vod-input-tag-prefix, .veveditor-vod-input-tag-suffix {
  justify-content: center;
  min-width: 22px;
}

.veveditor-vod-input-tag-prefix {
  padding-left: 8px;
  padding-right: 4px;
}

.veveditor-vod-input-tag-suffix {
  padding-right: 8px;
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-clear-icon {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  display: none;
  font-size: 12px;
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-clear-icon > svg {
  position: relative;
  transition: color .1s linear;
}

.veveditor-vod-input-tag:hover .veveditor-vod-input-tag-clear-icon {
  display: block;
}

.veveditor-vod-input-tag:hover .veveditor-vod-input-tag-clear-icon ~ * {
  display: none;
}

.veveditor-vod-input-tag:not(.veveditor-vod-input-tag-focus) .veveditor-vod-input-tag-clear-icon:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-input-tag:not(.veveditor-vod-input-tag-focus) .veveditor-vod-draggable-item {
  cursor: move;
}

.veveditor-vod-input-tag-input {
  color: inherit;
  cursor: inherit;
  font-size: inherit;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  width: 4px;
  max-width: 100%;
  padding: 0;
}

.veveditor-vod-input-tag-input:first-child {
  width: 100%;
}

.veveditor-vod-tag + .veveditor-vod-input-tag-input[disabled] {
  width: 0;
}

.veveditor-vod-input-tag-input-mirror {
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
}

.veveditor-vod-input-tag-input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-tag {
  max-width: 100%;
  margin-right: 6px;
  font-size: 12px;
}

.veveditor-vod-input-tag-tag-ellipsis {
  margin: 0 4px;
  font-size: 12px;
}

.veveditor-vod-input-tag .veveditor-vod-icon-hover {
  cursor: pointer;
}

.veveditor-vod-input-tag .veveditor-vod-icon-hover.veveditor-vod-icon-hover-disabled {
  cursor: not-allowed;
}

.veveditor-vod-input-tag:hover {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  -webkit-box-shadow: 0 0 0 0 rgb(var(--veveditor-vod-primary-2));
  box-shadow: 0 0 rgb(var(--veveditor-vod-primary-2));
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-tag {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-input-tag .veveditor-vod-icon-hover:hover:before {
  background-color: #737a87;
}

.veveditor-vod-input-tag.veveditor-vod-input-tag-focus .veveditor-vod-input-tag-tag {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-input-tag.veveditor-vod-input-tag-focus .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-input-tag.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-tag {
  background-color: var(--veveditor-vod-color-bg-3);
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-warning {
  background-color: var(--veveditor-vod-color-warning-light-1);
  color: var(--veveditor-vod-color-text-1);
  border: 1px solid #0000;
}

.veveditor-vod-input-tag-warning:hover {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border: 1px solid #0000;
}

.veveditor-vod-input-tag-warning.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
}

.veveditor-vod-input-tag-error {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-input-tag-error:hover {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-input-tag-error.veveditor-vod-input-tag-focus {
  background-color: var(--veveditor-vod-color-bg-2);
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  box-shadow: 0 0 #0000;
}

.veveditor-vod-input-tag-disabled {
  color: var(--veveditor-vod-color-text-3);
  cursor: not-allowed;
}

.veveditor-vod-input-tag-disabled, .veveditor-vod-input-tag-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-input-tag-readonly {
  cursor: default;
}

.veveditor-vod-input-tag-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: stretch;
  width: 100%;
}

.veveditor-vod-input-tag-wrapper .veveditor-vod-input-tag {
  min-width: 0;
}

.veveditor-vod-input-tag-wrapper .veveditor-vod-input-tag:not(.veveditor-vod-input-tag-focused):not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.veveditor-vod-input-tag-wrapper .veveditor-vod-input-tag:not(.veveditor-vod-input-tag-focused):not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-input-tag-addafter, .veveditor-vod-input-tag-addbefore {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-1);
  white-space: nowrap;
  border: 1px solid #0000;
  align-items:  center;
  padding: 0 12px;
}

.veveditor-vod-input-tag-addbefore {
  border-bottom-left-radius: var(--veveditor-vod-border-radius-small);
  border-right: 1px solid var(--veveditor-vod-color-border-2);
  border-top-left-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-input-tag-addafter {
  border-bottom-right-radius: var(--veveditor-vod-border-radius-small);
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-top-right-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-input-tag-size-mini {
  font-size: 12px;
}

.veveditor-vod-input-tag-size-mini .veveditor-vod-input-tag-view {
  min-height: 22px;
}

.veveditor-vod-input-tag-size-mini .veveditor-vod-input-tag-inner {
  padding-top: -1px;
  padding-bottom: -1px;
}

.veveditor-vod-input-tag-size-mini .veveditor-vod-input-tag-tag, .veveditor-vod-input-tag-size-mini .veveditor-vod-input-tag-tag + .veveditor-vod-input-tag-input {
  height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 18px;
}

.veveditor-vod-input-tag-size-mini.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-size-mini.veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 4px;
}

.veveditor-vod-input-tag-size-default {
  font-size: 14px;
}

.veveditor-vod-input-tag-size-default .veveditor-vod-input-tag-view {
  min-height: 30px;
}

.veveditor-vod-input-tag-size-default .veveditor-vod-input-tag-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}

.veveditor-vod-input-tag-size-default .veveditor-vod-input-tag-tag, .veveditor-vod-input-tag-size-default .veveditor-vod-input-tag-tag + .veveditor-vod-input-tag-input {
  height: 24px;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 22px;
}

.veveditor-vod-input-tag-size-default.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-size-default.veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-input-tag-size-small {
  font-size: 13px;
}

.veveditor-vod-input-tag-size-small .veveditor-vod-input-tag-view {
  min-height: 26px;
}

.veveditor-vod-input-tag-size-small .veveditor-vod-input-tag-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}

.veveditor-vod-input-tag-size-small .veveditor-vod-input-tag-tag, .veveditor-vod-input-tag-size-small .veveditor-vod-input-tag-tag + .veveditor-vod-input-tag-input {
  height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 18px;
}

.veveditor-vod-input-tag-size-small.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-size-small.veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-input-tag-size-large {
  font-size: 13px;
}

.veveditor-vod-input-tag-size-large .veveditor-vod-input-tag-view {
  min-height: 34px;
}

.veveditor-vod-input-tag-size-large .veveditor-vod-input-tag-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}

.veveditor-vod-input-tag-size-large .veveditor-vod-input-tag-tag, .veveditor-vod-input-tag-size-large .veveditor-vod-input-tag-tag + .veveditor-vod-input-tag-input {
  height: 28px;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 26px;
}

.veveditor-vod-input-tag-size-large.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-size-large.veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12px;
}

.veveditor-vod-input-tag-rtl {
  direction: rtl;
  padding-left: 4px;
  padding-right: 4px;
}

.veveditor-vod-input-tag-rtl .veveditor-vod-input-tag-prefix {
  padding-left: 4px;
  padding-right: 8px;
}

.veveditor-vod-input-tag-rtl .veveditor-vod-input-tag-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-input-tag-rtl .veveditor-vod-input-tag-tag {
  margin-left: 6px;
  margin-right: 0;
}

.veveditor-vod-input-tag-rtl .veveditor-vod-input-tag-input-mirror {
  left: auto;
  right: 0;
}

.veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-mini.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-mini.veveditor-vod-input-tag-has-placeholder input {
  padding-right: 4px;
}

.veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-default.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-default.veveditor-vod-input-tag-has-placeholder input, .veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-small.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-small.veveditor-vod-input-tag-has-placeholder input {
  padding-right: 8px;
}

.veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-large.veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-input-tag-rtl.veveditor-vod-input-tag-size-large.veveditor-vod-input-tag-has-placeholder input {
  padding-right: 12px;
}

.veveditor-vod-input-tag-wrapper-rtl .veveditor-vod-input-tag-addbefore {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: unset;
}

.veveditor-vod-input-tag-wrapper-rtl .veveditor-vod-input-tag-addafter {
  border-left: unset;
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-layout {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
}

.veveditor-vod-layout-sider {
  background: var(--veveditor-vod-color-menu-dark-bg);
  position: relative;
  flex: none;
  width: auto;
  margin: 0;
  padding: 0;
  transition: width .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-layout-sider-children {
  overflow: auto;
  height: 100%;
}

.veveditor-vod-layout-sider-collapsed .veveditor-vod-layout-sider-children::-webkit-scrollbar {
  width: 0;
}

.veveditor-vod-layout-sider-has-trigger {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 48px;
}

.veveditor-vod-layout-sider-trigger {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-white);
  cursor: pointer;
  z-index: 1;
  background: #fff3;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 48px;
  transition: width .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-layout-sider-trigger-light {
  background: var(--veveditor-vod-color-menu-light-bg);
  border-top: 1px solid var(--veveditor-vod-color-bg-5);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-layout-sider-light {
  background: var(--veveditor-vod-color-menu-light-bg);
  box-shadow: 0 2px 5px #00000014;
}

.veveditor-vod-layout-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex: none;
  margin: 0;
}

.veveditor-vod-layout-content {
  flex: 1;
}

.veveditor-vod-layout-footer {
  flex: none;
  margin: 0;
}

.veveditor-vod-layout-has-sider {
  flex-direction: row;
}

.veveditor-vod-layout-has-sider > .veveditor-vod-layout, .veveditor-vod-layout-has-sider > .veveditor-vod-layout-content {
  overflow-x: hidden;
}

.veveditor-vod-link {
  border-radius: var(--veveditor-vod-border-radius-small);
  color: rgb(var(--veveditor-vod-link-6));
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  background-color: #0000;
  padding: 0;
  transition: all .1s linear;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-link:hover {
  color: rgb(var(--veveditor-vod-link-5));
  background-color: #0000;
}

.veveditor-vod-link:active {
  color: rgb(var(--veveditor-vod-link-6));
  background-color: #0000;
  transition: none;
}

.veveditor-vod-link:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-link-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-link-light-3);
}

.veveditor-vod-link.veveditor-vod-link-hoverless {
  background-color: unset;
  display: inline;
  padding: 0;
}

.veveditor-vod-link.veveditor-vod-link-hoverless:active, .veveditor-vod-link.veveditor-vod-link-hoverless:hover {
  background-color: unset;
}

.veveditor-vod-link.veveditor-vod-link-disabled {
  color: rgb(var(--veveditor-vod-link-3));
  cursor: not-allowed;
  background: none;
}

.veveditor-vod-link-is-success {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-link-is-success:hover {
  color: rgb(var(--veveditor-vod-success-5));
}

.veveditor-vod-link-is-success:active {
  color: rgb(var(--veveditor-vod-success-7));
}

.veveditor-vod-link-is-success.veveditor-vod-link-disabled {
  color: rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-link-is-error {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-link-is-error:hover {
  color: rgb(var(--veveditor-vod-danger-5));
}

.veveditor-vod-link-is-error:active {
  color: rgb(var(--veveditor-vod-danger-7));
}

.veveditor-vod-link-is-error.veveditor-vod-link-disabled {
  color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-link-is-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-link-is-warning:hover {
  color: rgb(var(--veveditor-vod-warning-5));
}

.veveditor-vod-link-is-warning:active {
  color: rgb(var(--veveditor-vod-warning-7));
}

.veveditor-vod-link-is-warning.veveditor-vod-link-disabled {
  color: rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-link-icon {
  margin-right: 4px;
  font-size: 12px;
}

.veveditor-vod-link-rtl .veveditor-vod-link-icon {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-list {
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  font-size: 13px;
  line-height: 1.53846;
}

.veveditor-vod-list-wrapper:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}

.veveditor-vod-list-small > .veveditor-vod-list-header {
  padding: 8px 20px;
}

.veveditor-vod-list-small > .veveditor-vod-list-content .veveditor-vod-list-row-col > .veveditor-vod-list-item, .veveditor-vod-list-small > .veveditor-vod-list-content.veveditor-vod-list-virtual .veveditor-vod-list-item, .veveditor-vod-list-small > .veveditor-vod-list-content > .veveditor-vod-list-item, .veveditor-vod-list-small > .veveditor-vod-list-footer {
  padding: 0 16px;
}

.veveditor-vod-list-default > .veveditor-vod-list-header {
  padding: 12px 20px;
}

.veveditor-vod-list-default > .veveditor-vod-list-content .veveditor-vod-list-row-col > .veveditor-vod-list-item, .veveditor-vod-list-default > .veveditor-vod-list-content.veveditor-vod-list-virtual .veveditor-vod-list-item, .veveditor-vod-list-default > .veveditor-vod-list-content > .veveditor-vod-list-item, .veveditor-vod-list-default > .veveditor-vod-list-footer {
  padding: 0 16px;
}

.veveditor-vod-list-large > .veveditor-vod-list-header {
  padding: 16px 20px;
}

.veveditor-vod-list-large > .veveditor-vod-list-content .veveditor-vod-list-row-col > .veveditor-vod-list-item, .veveditor-vod-list-large > .veveditor-vod-list-content.veveditor-vod-list-virtual .veveditor-vod-list-item, .veveditor-vod-list-large > .veveditor-vod-list-content > .veveditor-vod-list-item, .veveditor-vod-list-large > .veveditor-vod-list-footer {
  padding: 0 20px;
}

.veveditor-vod-list-header, .veveditor-vod-list-item:not(:last-child) {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-list-footer {
  border-top: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-list-no-border, .veveditor-vod-list-no-split .veveditor-vod-list-footer, .veveditor-vod-list-no-split .veveditor-vod-list-header, .veveditor-vod-list-no-split .veveditor-vod-list-item {
  border: none;
}

.veveditor-vod-list-header {
  color: var(--veveditor-vod-color-text-1);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.veveditor-vod-list-item {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  justify-content: space-between;
  width: 100%;
}

.veveditor-vod-list-item-main {
  overflow: hidden;
  flex: 1;
}

.veveditor-vod-list-item-main .veveditor-vod-list-item-action:not(:first-child) {
  margin-top: 4px;
}

.veveditor-vod-list-item-meta {
  align-items:  center;
  padding: 4px 8px;
}

.veveditor-vod-list-item-meta, .veveditor-vod-list-item-meta-avatar {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-list-item-meta-avatar:not(:last-child) {
  margin-right: 16px;
}

.veveditor-vod-list-item-meta-title {
  color: var(--veveditor-vod-color-text-1);
  font-weight: 500;
}

.veveditor-vod-list-item-meta-title:not(:last-child) {
  margin-bottom: 2px;
}

.veveditor-vod-list-item-meta-description {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-list-item-action {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  flex-wrap: nowrap;
  align-self:  center;
}

.veveditor-vod-list-item-action > li {
  cursor: pointer;
  display: inline-block;
}

.veveditor-vod-list-item-action > li:not(:last-child) {
  margin-right: 20px;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-item:hover {
  background-color: #0000;
}

.veveditor-vod-list-pagination {
  float: right;
  margin-top: 16px;
}

.veveditor-vod-list-pagination:after {
  clear: both;
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
}

.veveditor-vod-list-scroll-loading {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
}

.veveditor-vod-list-content {
  flex: 1;
}

.veveditor-vod-list-content .veveditor-vod-empty {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.veveditor-vod-list-rtl {
  direction: rtl;
}

.veveditor-vod-list-rtl .veveditor-vod-list-item-meta-avatar:not(:last-child) {
  margin-left: 16px;
  margin-right: 0;
}

.veveditor-vod-list-rtl .veveditor-vod-list-item-action > li:not(:last-child) {
  margin-left: 20px;
  margin-right: 0;
}

.veveditor-vod-list-wrapper-rtl .veveditor-vod-list-pagination {
  float: left;
}

.veveditor-vod-mentions {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  white-space: pre-wrap;
  width: 100%;
}

.veveditor-vod-mentions-measure, .veveditor-vod-mentions-textarea {
  white-space: inherit;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.53846;
}

.veveditor-vod-mentions-textarea {
  resize: none;
}

.veveditor-vod-mentions-align-textarea .veveditor-vod-mentions-measure-trigger, .veveditor-vod-mentions-measure {
  overflow: auto;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  inset: 0;
}

.veveditor-vod-mentions-rtl {
  direction: rtl;
}

@keyframes veveditor-vod-menu-selected-item-label-enter {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.veveditor-vod-menu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  transition: width .2s cubic-bezier(.34,.69,.1,1);
  font-size: 14px;
  line-height: 1.53846;
}

.veveditor-vod-menu-indent {
  display: inline-block;
  width: 20px;
}

.veveditor-vod-menu .veveditor-vod-menu-group-title, .veveditor-vod-menu .veveditor-vod-menu-inline-header, .veveditor-vod-menu .veveditor-vod-menu-item, .veveditor-vod-menu .veveditor-vod-menu-pop-header {
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.veveditor-vod-menu .veveditor-vod-menu-group-title.veveditor-vod-menu-disabled, .veveditor-vod-menu .veveditor-vod-menu-inline-header.veveditor-vod-menu-disabled, .veveditor-vod-menu .veveditor-vod-menu-item.veveditor-vod-menu-disabled, .veveditor-vod-menu .veveditor-vod-menu-pop-header.veveditor-vod-menu-disabled {
  cursor: not-allowed;
}

.veveditor-vod-menu .veveditor-vod-menu-group-title.veveditor-vod-menu-selected, .veveditor-vod-menu .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu .veveditor-vod-menu-item.veveditor-vod-menu-selected, .veveditor-vod-menu .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected {
  transition: color .2s linear;
  font-weight: 500;
}

.veveditor-vod-menu .veveditor-vod-menu-group-title.veveditor-vod-menu-selected svg, .veveditor-vod-menu .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected svg, .veveditor-vod-menu .veveditor-vod-menu-item.veveditor-vod-menu-selected svg, .veveditor-vod-menu .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected svg {
  transition: color .2s linear;
}

.veveditor-vod-menu .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  margin-right: 16px;
}

.veveditor-vod-menu-light {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header, .veveditor-vod-menu-light .veveditor-vod-menu-item, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header {
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title:hover, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header:hover, .veveditor-vod-menu-light .veveditor-vod-menu-item:hover, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title:hover .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header:hover .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-item:hover .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header:hover .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-light .veveditor-vod-menu-inline-header:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-light .veveditor-vod-menu-item:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-light .veveditor-vod-menu-pop-header:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title.veveditor-vod-menu-selected, .veveditor-vod-menu-light .veveditor-vod-menu-group-title.veveditor-vod-menu-selected .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-item.veveditor-vod-menu-selected, .veveditor-vod-menu-light .veveditor-vod-menu-item.veveditor-vod-menu-selected .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title.veveditor-vod-menu-disabled, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-disabled, .veveditor-vod-menu-light .veveditor-vod-menu-item.veveditor-vod-menu-disabled, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header.veveditor-vod-menu-disabled {
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title.veveditor-vod-menu-disabled .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-disabled .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-item.veveditor-vod-menu-disabled .veveditor-vod-icon, .veveditor-vod-menu-light .veveditor-vod-menu-pop-header.veveditor-vod-menu-disabled .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-menu-light .veveditor-vod-menu-item.veveditor-vod-menu-selected {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected:hover {
  background-color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title.veveditor-vod-menu-selected, .veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-item.veveditor-vod-menu-selected, .veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected {
  background: none;
  transition: color .2s linear;
}

.veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title.veveditor-vod-menu-selected:hover, .veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected:hover, .veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-item.veveditor-vod-menu-selected:hover, .veveditor-vod-menu-light.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-menu-light .veveditor-vod-menu-group-title {
  color: var(--veveditor-vod-color-text-3);
  pointer-events: none;
}

.veveditor-vod-menu-light .veveditor-vod-menu-collapse-button {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-menu-light .veveditor-vod-menu-collapse-button:hover {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-menu-light .veveditor-vod-menu-collapse-button:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-menu-dark {
  background-color: #1f1f1f;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header, .veveditor-vod-menu-dark .veveditor-vod-menu-item, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header {
  color: var(--veveditor-vod-color-text-2);
  background-color: #1f1f1f;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title:hover, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header:hover, .veveditor-vod-menu-dark .veveditor-vod-menu-item:hover, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header:hover {
  color: var(--veveditor-vod-color-text-2);
  background-color: #313131;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title:hover .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header:hover .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-item:hover .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header:hover .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-inline-header:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-item:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-pop-header:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6)) inset;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title.veveditor-vod-menu-selected, .veveditor-vod-menu-dark .veveditor-vod-menu-group-title.veveditor-vod-menu-selected .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-item.veveditor-vod-menu-selected, .veveditor-vod-menu-dark .veveditor-vod-menu-item.veveditor-vod-menu-selected .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title.veveditor-vod-menu-disabled, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-disabled, .veveditor-vod-menu-dark .veveditor-vod-menu-item.veveditor-vod-menu-disabled, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header.veveditor-vod-menu-disabled {
  color: var(--veveditor-vod-color-text-4);
  background-color: #1f1f1f;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title.veveditor-vod-menu-disabled .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-disabled .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-item.veveditor-vod-menu-disabled .veveditor-vod-icon, .veveditor-vod-menu-dark .veveditor-vod-menu-pop-header.veveditor-vod-menu-disabled .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-menu-dark .veveditor-vod-menu-item.veveditor-vod-menu-selected {
  background-color: #313131;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected:hover {
  background-color: var(--veveditor-vod-color-menu-dark-hover);
}

.veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title.veveditor-vod-menu-selected, .veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected, .veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-item.veveditor-vod-menu-selected, .veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected {
  background: none;
  transition: color .2s linear;
}

.veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title.veveditor-vod-menu-selected:hover, .veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected:hover, .veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-item.veveditor-vod-menu-selected:hover, .veveditor-vod-menu-dark.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header.veveditor-vod-menu-selected:hover {
  background-color: #313131;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-group-title {
  color: var(--veveditor-vod-color-text-3);
  pointer-events: none;
}

.veveditor-vod-menu-dark .veveditor-vod-menu-collapse-button {
  background-color: rgb(var(--veveditor-vod-primary-6));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-menu-dark .veveditor-vod-menu-collapse-button:hover {
  background-color: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-menu-dark .veveditor-vod-menu-collapse-button:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-menu a, .veveditor-vod-menu a:active, .veveditor-vod-menu a:focus, .veveditor-vod-menu a:hover {
  color: inherit;
  cursor: inherit;
  text-decoration: none;
}

.veveditor-vod-menu-item-inner > a:only-child:before {
  content: "";
  position: absolute;
  inset: 0;
}

.veveditor-vod-menu-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title, .veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header, .veveditor-vod-menu-vertical .veveditor-vod-menu-item, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header {
  padding: 0 12px;
  line-height: 40px;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon {
  margin-right: 0;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title, .veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header, .veveditor-vod-menu-vertical .veveditor-vod-menu-item, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-item-inner, .veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-item-inner, .veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-item-inner, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-item-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix.is-open, .veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix.is-open, .veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix.is-open, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix.is-open {
  transform: translateY(-50%)rotate(180deg);
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-inner {
  padding: 4px 8px;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-item.veveditor-vod-menu-item-indented {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header, .veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header {
  padding-right: 28px;
}

.veveditor-vod-menu-horizontal {
  width: auto;
  height: auto;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title, .veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header, .veveditor-vod-menu-horizontal .veveditor-vod-menu-item, .veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header {
  padding: 0 12px;
  line-height: 30px;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-horizontal .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon {
  margin-right: 0;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-horizontal .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  margin-right: 8px;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-horizontal .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix {
  margin-left: 6px;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-inner {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  padding: 14px 20px;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-item, .veveditor-vod-menu-horizontal .veveditor-vod-menu-pop {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-item:not(:first-child), .veveditor-vod-menu-horizontal .veveditor-vod-menu-pop:not(:first-child) {
  margin-left: 12px;
}

.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 14px;
  bottom: -14px;
  left: 0;
}

.veveditor-vod-menu-overflow-wrap {
  width: 100%;
}

.veveditor-vod-menu-overflow-sub-menu-mirror {
  margin-left: 12px;
}

.veveditor-vod-menu-overflow-hidden-menu-item, .veveditor-vod-menu-overflow-sub-menu-mirror {
  pointer-events: none;
  visibility: hidden;
  white-space: nowrap;
  position: absolute !important;
}

.veveditor-vod-menu-selected-label {
  -webkit-animation: .2s linear veveditor-vod-menu-selected-item-label-enter;
  animation: .2s linear veveditor-vod-menu-selected-item-label-enter;
  background-color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  height: 3px;
  bottom: -14px;
  left: 12px;
  right: 12px;
}

.veveditor-vod-menu-pop-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  width: auto;
}

.veveditor-vod-menu-pop-button.veveditor-vod-menu-collapse {
  width: auto;
}

.veveditor-vod-menu-pop-button .veveditor-vod-menu-group-title, .veveditor-vod-menu-pop-button .veveditor-vod-menu-inline-header, .veveditor-vod-menu-pop-button .veveditor-vod-menu-item, .veveditor-vod-menu-pop-button .veveditor-vod-menu-pop-header {
  border: 1px solid #0000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
  line-height: 40px;
  box-shadow: 0 4px 10px #0000001a;
}

.veveditor-vod-menu-collapse {
  width: 48px;
}

.veveditor-vod-menu-collapse .veveditor-vod-menu-inner {
  padding: 4px;
}

.veveditor-vod-menu-collapse .veveditor-vod-menu-group-title, .veveditor-vod-menu-collapse .veveditor-vod-menu-icon-suffix {
  display: none;
}

.veveditor-vod-menu-collapse .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-collapse .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-collapse .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-collapse .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  margin-left: 1px;
  margin-right: 100vw;
}

.veveditor-vod-menu-collapse .veveditor-vod-menu-collapse-button {
  left: 50%;
  right: unset;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
}

.veveditor-vod-menu-collapse-button {
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--veveditor-vod-border-radius-small);
  cursor: pointer;
  position: absolute;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  bottom: 12px;
  right: 12px;
}

.veveditor-vod-menu-inline-content {
  overflow: hidden;
  height: auto;
  transition: height .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-menu-item-tooltip a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

.veveditor-vod-menu-item-tooltip a:active, .veveditor-vod-menu-item-tooltip a:focus, .veveditor-vod-menu-item-tooltip a:hover {
  color: inherit;
}

.veveditor-vod-menu-item-tooltip a:before {
  content: "";
  position: absolute;
  inset: 0;
}

.veveditor-vod-menu-pop-trigger.veveditor-vod-trigger-position-bl {
  transform: translateY(14px);
}

.veveditor-vod-menu-pop-trigger.veveditor-vod-trigger-position-bl .veveditor-vod-trigger-arrow {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  z-index: 0;
}

.veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="rt"] {
  -webkit-transform: translateX(8px);
  transform: translate(8px);
}

.veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="rt"] .veveditor-vod-trigger-arrow {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  z-index: 0;
}

.veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="lt"] {
  -webkit-transform: translateX(-8px);
  transform: translate(-8px);
}

.veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="lt"] .veveditor-vod-trigger-arrow {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  z-index: 0;
}

.veveditor-vod-menu-pop-trigger .veveditor-vod-dropdown-menu-dark ~ .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.veveditor-vod-menu-rtl {
  direction: rtl;
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-rtl .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-rtl .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-rtl .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  margin-left: 16px;
  margin-right: 0;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon {
  margin-left: 0;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix {
  margin-left: 0;
  margin-right: 6px;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-item:not(:first-child), .veveditor-vod-menu-rtl.veveditor-vod-menu-horizontal .veveditor-vod-menu-pop:not(:first-child) {
  margin-left: 0;
  margin-right: 12px;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix .veveditor-vod-icon, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix .veveditor-vod-icon {
  margin-left: 0;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-item-inner, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-item-inner, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-item, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-item-inner, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-item-inner {
  text-overflow: clip;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-item .veveditor-vod-menu-icon-suffix, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header .veveditor-vod-menu-icon-suffix {
  left: 12px;
  right: auto;
}

.veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header, .veveditor-vod-menu-rtl.veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header {
  padding-left: 28px;
  padding-right: 12px;
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-pop:after {
  left: auto;
  right: 0;
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-collapse .veveditor-vod-menu-group-title .veveditor-vod-icon, .veveditor-vod-menu-rtl .veveditor-vod-menu-collapse .veveditor-vod-menu-inline-header .veveditor-vod-icon, .veveditor-vod-menu-rtl .veveditor-vod-menu-collapse .veveditor-vod-menu-item .veveditor-vod-icon, .veveditor-vod-menu-rtl .veveditor-vod-menu-collapse .veveditor-vod-menu-pop-header .veveditor-vod-icon {
  margin-left: 100vw;
  margin-right: 1px;
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-pop-trigger.veveditor-vod-trigger-position-bl .veveditor-vod-trigger-arrow {
  border-left: none;
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="rt"] {
  -webkit-transform: translateX(-8px);
  transform: translate(-8px);
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="lt"] {
  -webkit-transform: translateX(8px);
  transform: translate(8px);
}

.veveditor-vod-menu-rtl .veveditor-vod-menu-pop-trigger.veveditor-vod-trigger[trigger-placement="lt"] .veveditor-vod-trigger-arrow {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-right: none;
}

.veveditor-vod-message-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  position: fixed;
  text-align: center;
  z-index: 1003;
  width: 100%;
  padding: 0 10px;
  left: 0;
}

.veveditor-vod-message-wrapper-top {
  top: 40px;
}

.veveditor-vod-message-wrapper-bottom {
  bottom: 40px;
}

.veveditor-vod-message {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  overflow: hidden;
  pointer-events: auto;
  position: relative;
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 10px 16px;
  transition: opacity .1s linear;
  line-height: 1;
}

.veveditor-vod-message-closable {
  padding-right: 42px;
}

.veveditor-vod-message-icon {
  -webkit-animation: .1s linear veveditor-vod-msg-fade, .4s cubic-bezier(.3,1.3,.3,1) veveditor-vod-msg-fade;
  animation: .1s linear veveditor-vod-msg-fade, .4s cubic-bezier(.3,1.3,.3,1) veveditor-vod-msg-fade;
  display: inline-block;
  margin-right: 8px;
  font-size: 20px;
}

.veveditor-vod-message-content, .veveditor-vod-message-icon {
  color: var(--veveditor-vod-color-text-1);
  vertical-align: middle;
}

.veveditor-vod-message-content {
  font-size: 14px;
}

.veveditor-vod-message-info {
  background-color: var(--veveditor-vod-color-bg-popup);
  border-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-message-info .veveditor-vod-message-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-message-info .veveditor-vod-message-content {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-message-success {
  background-color: var(--veveditor-vod-color-bg-popup);
  border-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-message-success .veveditor-vod-message-icon {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-message-success .veveditor-vod-message-content {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-message-warning {
  background-color: var(--veveditor-vod-color-bg-popup);
  border-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-message-warning .veveditor-vod-message-icon {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-message-warning .veveditor-vod-message-content {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-message-error {
  background-color: var(--veveditor-vod-color-bg-popup);
  border-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-message-error .veveditor-vod-message-icon {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-message-error .veveditor-vod-message-content {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-message-loading {
  background-color: var(--veveditor-vod-color-bg-popup);
  border-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-message-loading .veveditor-vod-message-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-message-loading .veveditor-vod-message-content {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-message-close-btn {
  color: var(--veveditor-vod-color-fill-3);
  position: absolute;
  font-size: 16px;
  top: 14px;
  right: 12px;
}

.veveditor-vod-message-close-btn > svg {
  position: relative;
}

.veveditor-vod-message .veveditor-vod-icon-hover.veveditor-vod-message-icon-hover:before {
  width: 24px;
  height: 24px;
}

.fadeMessage-appear, .fadeMessage-enter {
  opacity: 0;
}

.fadeMessage-appear-active, .fadeMessage-enter-active {
  opacity: 1;
  transition: opacity .1s linear;
}

.fadeMessage-exit {
  opacity: 0;
  overflow: hidden;
}

.fadeMessage-exit-active {
  opacity: 0;
  height: 0;
  transition: all .3s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-message-rtl {
  direction: rtl;
}

.veveditor-vod-message-rtl .veveditor-vod-message-icon {
  margin-left: 8px;
  margin-right: 0;
}

@keyframes veveditor-vod-msg-fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes veveditor-vod-msg-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.veveditor-vod-modal-mask {
  background-color: var(--veveditor-vod-color-mask-bg);
  display: none;
}

.veveditor-vod-modal-mask, .veveditor-vod-modal-wrapper {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-modal-wrapper {
  overflow: auto;
}

.veveditor-vod-modal-wrapper-no-mask {
  pointer-events: none;
}

.veveditor-vod-modal-wrapper-no-mask .veveditor-vod-modal {
  pointer-events: auto;
}

.veveditor-vod-modal-wrapper.veveditor-vod-modal-wrapper-align-center {
  text-align: center;
  white-space: nowrap;
}

.veveditor-vod-modal-wrapper.veveditor-vod-modal-wrapper-align-center:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.veveditor-vod-modal-wrapper.veveditor-vod-modal-wrapper-align-center .veveditor-vod-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
}

.veveditor-vod-modal {
  background-color: var(--veveditor-vod-color-bg-3);
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  text-align: left;
  white-space: normal;
  border: 0 solid #0000;
  border-radius: 8px;
  width: 600px;
  margin: 0 auto;
  line-height: 1.53846;
  top: 100px;
}

.veveditor-vod-modal, .veveditor-vod-modal-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-modal-header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #0000;
  align-items:  center;
  width: 100%;
  height: 60px;
  padding: 0 24px;
}

.veveditor-vod-modal-header .veveditor-vod-modal-title {
  text-align: left;
  flex: 1;
}

.veveditor-vod-modal-content {
  color: var(--veveditor-vod-color-text-2);
  position: relative;
  padding: 0 24px;
  font-size: 13px;
}

.veveditor-vod-modal-footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  border-top: 1px solid #0000;
  width: 100%;
  padding: 24px;
}

.veveditor-vod-modal-footer > .veveditor-vod-btn {
  margin-left: 12px;
}

.veveditor-vod-modal-footer > .veveditor-vod-btn:only-child {
  margin-left: 0;
}

.veveditor-vod-modal .veveditor-vod-modal-close-icon {
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  position: absolute;
  font-size: 20px;
  top: 20px;
  right: 24px;
}

.veveditor-vod-modal-title {
  color: var(--veveditor-vod-color-text-1);
  font-weight: 500;
}

.veveditor-vod-modal-title .veveditor-vod-icon {
  vertical-align: -3px;
  margin-right: 8px;
  font-size: 24px;
}

.veveditor-vod-modal-title .veveditor-vod-icon-info-circle-fill {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-modal-title .veveditor-vod-icon-check-circle-fill {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-modal-title .veveditor-vod-icon-exclamation-circle-fill {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-modal-title .veveditor-vod-icon-close-circle-fill {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-modal-simple {
  width: 360px;
  padding: 8px 12px;
}

.veveditor-vod-modal-simple .veveditor-vod-modal-footer, .veveditor-vod-modal-simple .veveditor-vod-modal-header {
  height: unset;
  border: none;
  padding: 0;
}

.veveditor-vod-modal-simple .veveditor-vod-modal-header {
  margin-bottom: 16px;
}

.veveditor-vod-modal-simple .veveditor-vod-modal-title {
  text-align: left;
}

.veveditor-vod-modal-simple .veveditor-vod-modal-footer {
  text-align: right;
  margin-top: 20px;
}

.veveditor-vod-modal-simple .veveditor-vod-modal-content {
  padding: 0;
}

.zoomModal-appear, .zoomModal-enter {
  opacity: 0;
  transform: scale(.5);
}

.zoomModal-appear-active, .zoomModal-enter-active {
  transition: opacity .4s cubic-bezier(.3,1.3,.3,1), transform .4s cubic-bezier(.3,1.3,.3,1), -webkit-transform .4s cubic-bezier(.3,1.3,.3,1);
}

.zoomModal-appear-active, .zoomModal-enter-active, .zoomModal-exit {
  opacity: 1;
  transform: scale(1);
}

.zoomModal-exit-active {
  opacity: 0;
  transition: opacity .4s cubic-bezier(.3,1.3,.3,1), transform .4s cubic-bezier(.3,1.3,.3,1), -webkit-transform .4s cubic-bezier(.3,1.3,.3,1);
  transform: scale(.5);
}

.fadeModal-appear, .fadeModal-enter {
  opacity: 0;
}

.fadeModal-appear-active, .fadeModal-enter-active {
  opacity: 1;
  transition: opacity .4s cubic-bezier(.3,1.3,.3,1);
}

.fadeModal-exit {
  opacity: 1;
}

.fadeModal-exit-active {
  opacity: 0;
  transition: opacity .4s cubic-bezier(.3,1.3,.3,1);
}

.veveditor-vod-modal-rtl {
  direction: rtl;
}

.veveditor-vod-modal-rtl .veveditor-vod-modal-footer {
  text-align: unset;
}

.veveditor-vod-modal-rtl .veveditor-vod-modal-footer > .veveditor-vod-btn {
  margin-left: 0;
  margin-right: 12px;
}

.veveditor-vod-modal-rtl .veveditor-vod-modal-footer > .veveditor-vod-btn:only-child {
  margin-right: 0;
}

.veveditor-vod-modal-rtl .veveditor-vod-modal-title .veveditor-vod-icon {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-modal-rtl .veveditor-vod-modal-close-icon {
  left: 24px;
  right: auto;
}

.veveditor-vod-modal-rtl.veveditor-vod-modal-simple .veveditor-vod-modal-footer {
  text-align: right;
}

.veveditor-vod-notification-wrapper {
  position: fixed;
  z-index: 1003;
}

.veveditor-vod-notification-wrapper-topLeft {
  top: 20px;
  left: 20px;
}

.veveditor-vod-notification-wrapper-topRight {
  top: 20px;
  right: 20px;
}

.veveditor-vod-notification-wrapper-topRight .veveditor-vod-notification {
  margin-left: auto;
}

.veveditor-vod-notification-wrapper-bottomLeft {
  bottom: 20px;
  left: 20px;
}

.veveditor-vod-notification-wrapper-bottomRight {
  bottom: 20px;
  right: 20px;
}

.veveditor-vod-notification-wrapper-bottomRight .veveditor-vod-notification {
  margin-left: auto;
}

.veveditor-vod-notification {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow: hidden;
  position: relative;
  background-color: #0000;
  border: 0 solid #0000;
  border-radius: 8px;
  width: 392px;
  margin-bottom: 20px;
  padding: 16px;
  transition: opacity .2s linear;
  box-shadow: 0 4px 12px #00000026;
}

.veveditor-vod-notification-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--veveditor-vod-color-text-1);
  align-items:  center;
  font-size: 20px;
}

.veveditor-vod-notification-info {
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-notification-info .veveditor-vod-notification-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-notification-success {
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-notification-success .veveditor-vod-notification-icon {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-notification-warning {
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-notification-warning .veveditor-vod-notification-icon {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-notification-error {
  background-color: #0000;
  border-color: #0000;
}

.veveditor-vod-notification-error .veveditor-vod-notification-icon {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-notification-left {
  padding-right: 16px;
}

.veveditor-vod-notification-right {
  word-break: break-word;
  flex: 1;
}

.veveditor-vod-notification-title {
  color: var(--veveditor-vod-color-text-1);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.veveditor-vod-notification-content {
  color: var(--veveditor-vod-color-text-2);
  font-size: 13px;
}

.veveditor-vod-notification-info .veveditor-vod-notification-content, .veveditor-vod-notification-info .veveditor-vod-notification-title, .veveditor-vod-notification-success .veveditor-vod-notification-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-notification-success .veveditor-vod-notification-content {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-notification-warning .veveditor-vod-notification-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-notification-warning .veveditor-vod-notification-content {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-notification-error .veveditor-vod-notification-content, .veveditor-vod-notification-error .veveditor-vod-notification-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-notification-btn-wrapper {
  text-align: right;
  margin-top: 16px;
}

.veveditor-vod-notification .veveditor-vod-notification-close-btn {
  color: #42464e;
  cursor: pointer;
  position: absolute;
  font-size: 20px;
  top: 12px;
  right: 12px;
}

.veveditor-vod-notification .veveditor-vod-notification-close-btn > svg {
  position: relative;
}

.veveditor-vod-notification .veveditor-vod-icon-hover.veveditor-vod-notification-icon-hover:before {
  width: 28px;
  height: 28px;
}

.slideNoticeLeft-appear, .slideNoticeLeft-enter {
  -webkit-transform: translateX(-100%);
  transform: translate(-100%);
}

.slideNoticeLeft-appear-active, .slideNoticeLeft-enter-active {
  -webkit-transform: translateX(0);
  transition: transform .4s cubic-bezier(.3,1.3,.3,1), -webkit-transform .4s cubic-bezier(.3,1.3,.3,1);
  transform: translate(0);
}

.slideNoticeLeft-exit {
  opacity: 0;
}

.slideNoticeLeft-exit-active {
  opacity: 0;
  height: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: all .3s cubic-bezier(.34,.69,.1,1);
}

.slideNoticeRight-appear, .slideNoticeRight-enter {
  -webkit-transform: translateX(100%);
  transform: translate(100%);
}

.slideNoticeRight-appear-active, .slideNoticeRight-enter-active {
  -webkit-transform: translateX(0);
  transition: transform .4s cubic-bezier(.3,1.3,.3,1), -webkit-transform .4s cubic-bezier(.3,1.3,.3,1);
  transform: translate(0);
}

.slideNoticeRight-exit {
  opacity: 0;
}

.slideNoticeRight-exit-active {
  opacity: 0;
  height: 0;
  transition: all .3s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-notification-rtl, .veveditor-vod-notification-wrapper-rtl {
  direction: rtl;
}

.veveditor-vod-notification-rtl .veveditor-vod-notification-left {
  padding-left: 16px;
  padding-right: 0;
}

.veveditor-vod-notification-rtl .veveditor-vod-notification-btn-wrapper {
  text-align: left;
}

.veveditor-vod-notification-rtl .veveditor-vod-notification-close-btn {
  left: 12px;
  right: auto;
}

.veveditor-vod-page-header {
  padding: 16px 0;
}

.veveditor-vod-breadcrumb + .veveditor-vod-page-header-head {
  margin-top: 4px;
}

.veveditor-vod-page-header-head {
  justify-content: space-between;
  line-height: 28px;
}

.veveditor-vod-page-header-head, .veveditor-vod-page-header-head-left {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-page-header-head-wrapper {
  padding-left: 32px;
  padding-right: 20px;
}

.veveditor-vod-page-header-head-main {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  align-items:  center;
  min-height: 30px;
}

.veveditor-vod-page-header-head-main-with-back {
  margin-left: -5px;
  padding-left: 5px;
}

.veveditor-vod-page-header-head-extra {
  white-space: nowrap;
}

.veveditor-vod-page-header .veveditor-vod-icon-hover.veveditor-vod-page-header-icon-hover:before {
  width: 30px;
  height: 30px;
}

.veveditor-vod-page-header .veveditor-vod-icon-hover.veveditor-vod-page-header-icon-hover:hover:before {
  background-color: #1a1b1e0d;
}

.veveditor-vod-page-header-back {
  color: var(--veveditor-vod-color-text-2);
  margin-right: 8px;
  font-size: 20px;
}

.veveditor-vod-page-header-back:focus-visible:before {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-page-header-back-icon {
  position: relative;
}

.veveditor-vod-page-header-title {
  color: var(--veveditor-vod-color-text-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}

.veveditor-vod-page-header-divider {
  background-color: var(--veveditor-vod-color-border-2);
  width: 4px;
  height: 16px;
  margin-left: 12px;
  margin-right: 12px;
}

.veveditor-vod-page-header-sub-title {
  color: var(--veveditor-vod-color-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.veveditor-vod-page-header-content {
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  padding: 20px 32px;
}

.veveditor-vod-page-header-footer {
  padding: 16px 20px 0 32px;
}

.veveditor-vod-page-header-with-breadcrumb {
  padding: 12px 0;
}

.veveditor-vod-page-header-with-breadcrumb .veveditor-vod-page-header-footer {
  padding-top: 12px;
}

.veveditor-vod-page-header-with-content .veveditor-vod-page-header-head-wrapper {
  padding-bottom: 12px;
}

.veveditor-vod-page-header-with-footer {
  padding-bottom: 0;
}

.veveditor-vod-page-header-wrap .veveditor-vod-page-header-head {
  flex-wrap: wrap;
}

.veveditor-vod-page-header-wrap .veveditor-vod-page-header-head .veveditor-vod-page-header-head-extra {
  margin-top: 4px;
}

.veveditor-vod-page-header-rtl .veveditor-vod-page-header-head-wrapper {
  padding-left: 20px;
  padding-right: 32px;
}

.veveditor-vod-page-header-rtl .veveditor-vod-page-header-head-main-with-back {
  margin-left: 0;
  margin-right: -5px;
  padding-left: 0;
  padding-right: 5px;
}

.veveditor-vod-page-header-rtl .veveditor-vod-page-header-back {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-page-header-rtl .veveditor-vod-page-header-divider {
  margin-left: 12px;
  margin-right: 12px;
}

.veveditor-vod-pagination {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  font-size: 13px;
}

.veveditor-vod-pagination-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.veveditor-vod-pagination-item {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  display: inline-block;
  list-style: none;
  outline: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  background-color: #0000;
  min-width: 24px;
  height: 24px;
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-pagination-item-disabled {
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-pagination-item:not(.veveditor-vod-pagination-item-disabled):not(.veveditor-vod-pagination-item-active):hover {
  border-color: rgb(var(--veveditor-vod-primary-5));
  color: var(--veveditor-vod-color-text-2);
  background-color: #0000;
}

.veveditor-vod-pagination-item-active {
  background-color: rgb(var(--veveditor-vod-link-2));
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: rgb(var(--veveditor-vod-primary-6));
  transition: color .2s linear, background-color .2s linear;
}

.veveditor-vod-pagination-item:not(:last-child) {
  margin-right: 6px;
}

.veveditor-vod-pagination-item:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-pagination-item-next, .veveditor-vod-pagination-item-prev {
  color: var(--veveditor-vod-color-text-1);
  background-color: #0000;
  font-size: 12px;
}

.veveditor-vod-pagination-item-next:not(.veveditor-vod-pagination-item-disabled):hover, .veveditor-vod-pagination-item-prev:not(.veveditor-vod-pagination-item-disabled):hover {
  background-color: var(--veveditor-vod-color-fill-1);
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-pagination-item-next:after, .veveditor-vod-pagination-item-prev:after {
  content: ".";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.veveditor-vod-pagination .veveditor-vod-pagination-item-next.veveditor-vod-pagination-item-disabled, .veveditor-vod-pagination .veveditor-vod-pagination-item-prev.veveditor-vod-pagination-item-disabled {
  color: var(--veveditor-vod-color-text-4);
  background-color: #0000;
}

.veveditor-vod-pagination-item-jumper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items:  center;
  font-size: 16px;
}

.veveditor-vod-pagination-jumper {
  margin-left: 8px;
}

.veveditor-vod-pagination-jumper > span {
  font-size: 13px;
}

.veveditor-vod-pagination-jumper-text-goto, .veveditor-vod-pagination-jumper-text-goto-suffix {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-pagination .veveditor-vod-pagination-jumper-input {
  text-align: center;
  width: 40px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 2px;
  padding-right: 2px;
}

.veveditor-vod-pagination-option {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
  min-width: 0;
  height: 24px;
  margin-left: 8px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-pagination-option .veveditor-vod-select {
  width: auto;
}

.veveditor-vod-pagination-option .veveditor-vod-select-view-value {
  overflow: inherit;
  padding-right: 6px;
}

.veveditor-vod-pagination-total-text {
  color: var(--veveditor-vod-color-text-1);
  display: inline-block;
  height: 100%;
  margin-right: 8px;
  font-size: 13px;
  line-height: 24px;
}

.veveditor-vod-pagination-item-simple-pager {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 4px;
}

.veveditor-vod-pagination-item-simple-pager .veveditor-vod-pagination-jumper-separator {
  padding: 0 8px 0 2px;
}

.veveditor-vod-pagination-simple .veveditor-vod-pagination-item {
  margin-right: 0;
}

.veveditor-vod-pagination-simple .veveditor-vod-pagination-jumper {
  color: var(--veveditor-vod-color-text-1);
  margin-left: 0;
}

.veveditor-vod-pagination-simple .veveditor-vod-pagination-jumper .veveditor-vod-pagination-jumper-input {
  width: 40px;
  margin-left: 0;
}

.veveditor-vod-pagination-simple .veveditor-vod-pagination-item-next, .veveditor-vod-pagination-simple .veveditor-vod-pagination-item-prev {
  color: var(--veveditor-vod-color-text-1);
  background-color: #0000;
}

.veveditor-vod-pagination-simple .veveditor-vod-pagination-item-next:not(.veveditor-vod-pagination-item-disabled):hover, .veveditor-vod-pagination-simple .veveditor-vod-pagination-item-prev:not(.veveditor-vod-pagination-item-disabled):hover {
  color: var(--veveditor-vod-color-text-2);
  background-color: #0000;
}

.veveditor-vod-pagination-simple .veveditor-vod-pagination-item-next.veveditor-vod-pagination-item-disabled, .veveditor-vod-pagination-simple .veveditor-vod-pagination-item-prev.veveditor-vod-pagination-item-disabled {
  color: var(--veveditor-vod-color-text-4);
  background-color: #0000;
}

.veveditor-vod-pagination-disabled {
  cursor: not-allowed;
}

.veveditor-vod-pagination-disabled .veveditor-vod-pagination-item, .veveditor-vod-pagination-disabled .veveditor-vod-pagination-item:not(.veveditor-vod-pagination-item-disabled):not(.veveditor-vod-pagination-item-active):hover {
  border-color: var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-pagination.veveditor-vod-pagination-disabled .veveditor-vod-pagination-item-active {
  background-color: var(--veveditor-vod-color-fill-1);
  border-color: var(--veveditor-vod-color-border-3);
  color: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-item {
  min-width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-item-next, .veveditor-vod-pagination-size-mini .veveditor-vod-pagination-item-prev {
  font-size: 12px;
}

.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-total-text {
  font-size: 12px;
  line-height: 20px;
}

.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-option {
  height: 20px;
  font-size: 12px;
  line-height: 0;
}

.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-jumper > span {
  font-size: 12px;
}

.veveditor-vod-pagination-size-small .veveditor-vod-pagination-item {
  min-width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-pagination-size-small .veveditor-vod-pagination-item-next, .veveditor-vod-pagination-size-small .veveditor-vod-pagination-item-prev {
  font-size: 12px;
}

.veveditor-vod-pagination-size-small .veveditor-vod-pagination-total-text {
  font-size: 12px;
  line-height: 20px;
}

.veveditor-vod-pagination-size-small .veveditor-vod-pagination-option {
  height: 20px;
  font-size: 12px;
  line-height: 0;
}

.veveditor-vod-pagination-size-small .veveditor-vod-pagination-jumper > span {
  font-size: 12px;
}

.veveditor-vod-pagination-size-large .veveditor-vod-pagination-item {
  min-width: 24px;
  height: 24px;
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-pagination-size-large .veveditor-vod-pagination-item-next, .veveditor-vod-pagination-size-large .veveditor-vod-pagination-item-prev {
  font-size: 12px;
}

.veveditor-vod-pagination-size-large .veveditor-vod-pagination-total-text {
  font-size: 13px;
  line-height: 24px;
}

.veveditor-vod-pagination-size-large .veveditor-vod-pagination-option {
  height: 24px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-pagination-size-large .veveditor-vod-pagination-jumper > span {
  font-size: 13px;
}

.veveditor-vod-pagination-rtl {
  direction: rtl;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-item:not(:last-child) {
  margin-left: 6px;
  margin-right: 0;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-item-simple-pager {
  margin: 0 4px 0 12px;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-item-simple-pager .veveditor-vod-pagination-jumper-separator {
  padding: 0 2px 0 8px;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-jumper {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-jumper-input {
  margin-left: 0;
  margin-right: 6px;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-option {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-option .veveditor-vod-select-view-value {
  padding-left: 6px;
  padding-right: 0;
}

.veveditor-vod-pagination-rtl .veveditor-vod-pagination-total-text {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-pagination-rtl.veveditor-vod-pagination-simple .veveditor-vod-pagination-item, .veveditor-vod-pagination-rtl.veveditor-vod-pagination-simple .veveditor-vod-pagination-jumper, .veveditor-vod-pagination-rtl.veveditor-vod-pagination-simple .veveditor-vod-pagination-jumper-input {
  margin-right: 0;
}

.veveditor-vod-popconfirm-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 16px;
}

.veveditor-vod-popconfirm-title {
  color: var(--veveditor-vod-color-text-1);
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items:  flex-start;
  margin-bottom: 16px;
  font-size: 14px;
}

.veveditor-vod-popconfirm-title-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
  height: 21.5385px;
  margin-right: 8px;
  font-size: 18px;
}

.veveditor-vod-popconfirm-title-icon .veveditor-vod-icon-exclamation-circle-fill {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-popconfirm-has-content .veveditor-vod-popconfirm-title {
  margin-bottom: 0;
  font-weight: 500;
}

.veveditor-vod-popconfirm-inner-content {
  margin-top: 4px;
  margin-bottom: 16px;
  padding-left: 26px;
}

.veveditor-vod-popconfirm .veveditor-vod-popconfirm-btn {
  text-align: right;
}

.veveditor-vod-popconfirm .veveditor-vod-popconfirm-btn > button {
  margin-left: 8px;
}

.veveditor-vod-popconfirm-rtl .veveditor-vod-popconfirm-title-icon {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-popconfirm-rtl .veveditor-vod-popconfirm-inner-content {
  padding-left: 0;
  padding-right: 26px;
}

.veveditor-vod-popconfirm-rtl .veveditor-vod-popconfirm-btn {
  text-align: left;
}

.veveditor-vod-popconfirm-rtl .veveditor-vod-popconfirm-btn > button {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-popover-content {
  padding: 8px 12px;
}

.veveditor-vod-popover-title {
  color: var(--veveditor-vod-color-text-1);
  font-size: 13px;
  font-weight: 500;
}

.veveditor-vod-popover-title + .veveditor-vod-popover-inner-content {
  margin-top: 4px;
}

.veveditor-vod-popconfirm-content, .veveditor-vod-popover-content {
  background-color: var(--veveditor-vod-color-bg-1);
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  width: 100%;
  max-width: none;
  font-size: 12px;
  line-height: 1.53846;
  box-shadow: 0 4px 10px #0000001a;
}

.veveditor-vod-popconfirm-content-inner, .veveditor-vod-popover-content-inner {
  word-wrap: break-word;
  text-align: left;
}

.veveditor-vod-popconfirm-arrow.veveditor-vod-trigger-arrow, .veveditor-vod-popover-arrow.veveditor-vod-trigger-arrow {
  background-color: var(--veveditor-vod-color-bg-1);
  border: 1px solid var(--veveditor-vod-color-border-3);
  z-index: 1;
}

.veveditor-vod-popover-inner-rtl {
  direction: rtl;
  text-align: right;
}

.veveditor-vod-progress {
  position: relative;
  font-size: 12px;
  line-height: 1;
}

.veveditor-vod-progress-line, .veveditor-vod-progress-steps {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

.veveditor-vod-progress-line-wrapper, .veveditor-vod-progress-steps-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.veveditor-vod-progress-line-text, .veveditor-vod-progress-steps-text {
  color: var(--veveditor-vod-color-text-2);
  text-align: right;
  white-space: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 32px;
  margin-left: 16px;
  font-size: 12px;
}

.veveditor-vod-progress-line-text .veveditor-vod-icon, .veveditor-vod-progress-steps-text .veveditor-vod-icon {
  margin-left: 4px;
  font-size: 12px;
}

.veveditor-vod-progress-line-outer {
  background-color: var(--veveditor-vod-color-bg-5);
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 100px;
  width: 100%;
}

.veveditor-vod-progress-line-inner {
  background-color: rgb(var(--veveditor-vod-primary-6));
  position: relative;
  border-radius: 100px;
  max-width: 100%;
  height: 100%;
  transition: width .6s cubic-bezier(.34,.69,.1,1), background .3s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-progress-line-inner-buffer {
  background-color: var(--veveditor-vod-color-primary-light-3);
  position: absolute;
  border-radius: 0 100px 100px 0;
  max-width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.34,.69,.1,1);
  top: 0;
  left: 0;
}

.veveditor-vod-progress-line-inner-animate:after {
  -webkit-animation: 1.5s cubic-bezier(.34,.69,.1,1) infinite veveditor-vod-progress-loading;
  animation: 1.5s cubic-bezier(.34,.69,.1,1) infinite veveditor-vod-progress-loading;
  border-radius: inherit;
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(90deg, #0000 25%, #ffffff80 50%, #0000 75%) 0 0 / 400% 100%;
  width: 100%;
  height: 100%;
  top: 0;
}

.veveditor-vod-progress-line-text .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-progress-steps-outer {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.veveditor-vod-progress-steps-text {
  min-width: unset;
  margin-left: 8px;
}

.veveditor-vod-progress-steps-text .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-progress-steps-item {
  background-color: var(--veveditor-vod-color-fill-1);
  display: inline-block;
  position: relative;
  flex: 1;
  height: 100%;
}

.veveditor-vod-progress-steps-item:not(:last-of-type) {
  margin-right: 3px;
}

.veveditor-vod-progress-steps-item:last-of-type {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.veveditor-vod-progress-steps-item:first-of-type {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.veveditor-vod-progress-steps-item-active {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-progress-steps.veveditor-vod-progress-small {
  width: auto;
}

.veveditor-vod-progress-steps.veveditor-vod-progress-small .veveditor-vod-progress-steps-item {
  -ms-flex: unset;
  flex: unset;
  border-radius: 2px;
  width: 2px;
}

.veveditor-vod-progress-steps.veveditor-vod-progress-small .veveditor-vod-progress-steps-item:not(:last-of-type) {
  margin-right: 3px;
}

.veveditor-vod-progress-is-warning .veveditor-vod-progress-line-inner, .veveditor-vod-progress-is-warning .veveditor-vod-progress-steps-item-active {
  background-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-progress-is-warning .veveditor-vod-progress-line-text .veveditor-vod-icon, .veveditor-vod-progress-is-warning .veveditor-vod-progress-steps-text .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-progress-is-success .veveditor-vod-progress-line-inner, .veveditor-vod-progress-is-success .veveditor-vod-progress-steps-item-active {
  background-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-progress-is-success .veveditor-vod-progress-line-text .veveditor-vod-icon, .veveditor-vod-progress-is-success .veveditor-vod-progress-steps-text .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-progress-is-error .veveditor-vod-progress-line-inner, .veveditor-vod-progress-is-error .veveditor-vod-progress-steps-item-active {
  background-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-progress-is-error .veveditor-vod-progress-line-text .veveditor-vod-icon, .veveditor-vod-progress-is-error .veveditor-vod-progress-steps-text .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-progress-small .veveditor-vod-progress-line-text {
  margin-left: 16px;
  font-size: 12px;
}

.veveditor-vod-progress-small .veveditor-vod-progress-line-text .veveditor-vod-icon {
  font-size: 12px;
}

.veveditor-vod-progress-large .veveditor-vod-progress-line-text {
  margin-left: 16px;
  font-size: 16px;
}

.veveditor-vod-progress-large .veveditor-vod-progress-line-text .veveditor-vod-icon {
  font-size: 14px;
}

.veveditor-vod-progress-circle {
  display: inline-block;
}

.veveditor-vod-progress-circle-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: text-bottom;
  line-height: 1;
}

.veveditor-vod-progress-circle-svg {
  transform: rotate(-90deg);
}

.veveditor-vod-progress-circle-text {
  font-size: 14px;
}

.veveditor-vod-progress-circle-text .veveditor-vod-icon {
  color: var(--veveditor-vod-color-text-2);
  font-size: 16px;
}

.veveditor-vod-progress-circle .veveditor-vod-progress-circle-text {
  color: var(--veveditor-vod-color-text-3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-progress-circle-mask {
  stroke: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-progress-circle-path {
  stroke: rgb(var(--veveditor-vod-primary-6));
  transition: stroke-dashoffset .6s linear, stroke .6s linear;
}

.veveditor-vod-progress-mini .veveditor-vod-progress-circle-mask {
  stroke: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-progress-mini .veveditor-vod-progress-circle-path {
  stroke: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-progress-mini.veveditor-vod-progress-is-warning .veveditor-vod-progress-circle-mask {
  stroke: var(--veveditor-vod-color-warning-light-3);
}

.veveditor-vod-progress-mini.veveditor-vod-progress-is-error .veveditor-vod-progress-circle-mask {
  stroke: var(--veveditor-vod-color-danger-light-3);
}

.veveditor-vod-progress-mini.veveditor-vod-progress-is-success .veveditor-vod-progress-circle-mask {
  stroke: var(--veveditor-vod-color-success-light-3);
}

.veveditor-vod-progress-mini.veveditor-vod-progress-is-success .veveditor-vod-progress-circle-wrapper .veveditor-vod-icon-check {
  position: absolute;
  -webkit-transform: translateX(-50%)translateY(-50%);
  top: 50%;
  left: 50%;
  transform: translate(-50%)translateY(-50%);
}

.veveditor-vod-progress-mini .veveditor-vod-progress-circle-text {
  left: unset;
  position: static;
  top: unset;
  -webkit-transform: unset;
  transform: unset;
}

.veveditor-vod-progress-small .veveditor-vod-progress-circle-text {
  font-size: 13px;
}

.veveditor-vod-progress-small .veveditor-vod-progress-circle-text .veveditor-vod-icon {
  font-size: 14px;
}

.veveditor-vod-progress-large .veveditor-vod-progress-circle-text, .veveditor-vod-progress-large .veveditor-vod-progress-circle-text .veveditor-vod-icon {
  font-size: 16px;
}

.veveditor-vod-progress-is-warning .veveditor-vod-progress-circle-path {
  stroke: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-progress-is-warning .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-progress-is-success .veveditor-vod-progress-circle-path {
  stroke: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-progress-is-success .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-progress-is-error .veveditor-vod-progress-circle-path {
  stroke: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-progress-is-error .veveditor-vod-icon {
  color: rgb(var(--veveditor-vod-danger-6));
}

@keyframes veveditor-vod-progress-loading {
  0% {
    background-position: 100%;
  }

  to {
    background-position: 0;
  }
}

.veveditor-vod-progress-rtl .veveditor-vod-progress-line-text, .veveditor-vod-progress-rtl .veveditor-vod-progress-steps-text {
  margin-left: 0;
  margin-right: 16px;
}

.veveditor-vod-progress-rtl .veveditor-vod-progress-line-text .veveditor-vod-icon, .veveditor-vod-progress-rtl .veveditor-vod-progress-steps-text .veveditor-vod-icon {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-progress-rtl .veveditor-vod-progress-steps-text {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-progress-rtl .veveditor-vod-progress-steps-item:not(:last-of-type), .veveditor-vod-progress-rtl.veveditor-vod-progress-steps.veveditor-vod-progress-small .veveditor-vod-progress-steps-item:not(:last-of-type) {
  margin-left: 3px;
  margin-right: 0;
}

.veveditor-vod-progress-rtl.veveditor-vod-progress-large .veveditor-vod-progress-line-text, .veveditor-vod-progress-rtl.veveditor-vod-progress-small .veveditor-vod-progress-line-text {
  margin-left: 0;
  margin-right: 16px;
}

.veveditor-vod-progress-rtl.veveditor-vod-progress-line .veveditor-vod-progress-line-inner-buffer {
  left: auto;
  right: 0;
}

.veveditor-vod-radio-button > input[type="radio"], .veveditor-vod-radio > input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}

.veveditor-vod-radio-button > input[type="radio"]:focus-visible + .veveditor-vod-radio-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
  opacity: 1;
}

.veveditor-vod-radio > input[type="radio"]:focus-visible + .veveditor-vod-radio-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
  opacity: 1;
}

.veveditor-vod-radio-button > input[type="radio"]:focus-visible + .veveditor-vod-radio-button-inner {
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: inset 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-radio > input[type="radio"]:focus-visible + .veveditor-vod-radio-button-inner {
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: inset 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-icon-hover.veveditor-vod-radio-icon-hover:before {
  width: 4px;
  height: 4px;
}

.veveditor-vod-radio {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: unset;
  position: relative;
  padding-left: -6px;
}

.veveditor-vod-radio-text {
  color: #0c0d0e;
  margin-left: 8px;
}

.veveditor-vod-radio-mask-wrapper {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  top: -.09em;
}

.veveditor-vod-radio-mask {
  border: 1px solid var(--veveditor-vod-color-border-3);
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.veveditor-vod-radio-mask, .veveditor-vod-radio-mask:after {
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-radio-mask:after {
  background-color: var(--veveditor-vod-color-bg-white);
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  transition: transform .3s cubic-bezier(.3,1.3,.3,1), -webkit-transform .3s cubic-bezier(.3,1.3,.3,1);
  top: 0;
  left: 0;
  transform: scale(1);
}

.veveditor-vod-radio:hover .veveditor-vod-radio-mask {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-radio-checked .veveditor-vod-radio-mask {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-radio-checked .veveditor-vod-radio-mask:after {
  background-color: var(--veveditor-vod-color-white);
  transform: scale(.4);
}

.veveditor-vod-radio-checked:hover .veveditor-vod-radio-mask {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-radio-disabled, .veveditor-vod-radio-disabled .veveditor-vod-radio-icon-hover {
  cursor: not-allowed;
}

.veveditor-vod-radio-disabled .veveditor-vod-radio-text {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-radio-disabled .veveditor-vod-radio-mask {
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-radio-disabled .veveditor-vod-radio-mask:after {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-radio-disabled:hover .veveditor-vod-radio-mask {
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-radio-checked.veveditor-vod-radio-disabled .veveditor-vod-radio-mask, .veveditor-vod-radio-checked.veveditor-vod-radio-disabled:hover .veveditor-vod-radio-mask {
  background-color: rgb(var(--veveditor-vod-primary-3));
  border-color: #0000;
}

.veveditor-vod-radio-checked.veveditor-vod-radio-disabled .veveditor-vod-radio-mask:after {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-radio-checked.veveditor-vod-radio-disabled .veveditor-vod-radio-text {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-radio:hover .veveditor-vod-radio-icon-hover:before {
  background-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-radio-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.veveditor-vod-radio-group .veveditor-vod-radio {
  margin-right: 20px;
}

.veveditor-vod-radio-group-type-button {
  position: relative;
  z-index: 0;
  padding: 1.5px;
  line-height: 26px;
}

.veveditor-vod-radio-button {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-color: #0000;
  border-radius: 2px;
  margin: 1.5px;
  transition: all .1s linear;
  font-size: 13px;
  line-height: 26px;
}

.veveditor-vod-radio-button-inner {
  display: block;
  position: relative;
  padding: 0 12px;
}

.veveditor-vod-radio-button:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  background-color: #0000;
  width: 1px;
  height: 14px;
  transition: all .1s linear;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
}

.veveditor-vod-radio-button.veveditor-vod-radio-checked + .veveditor-vod-radio-button:before, .veveditor-vod-radio-button.veveditor-vod-radio-checked:before, .veveditor-vod-radio-button:hover + .veveditor-vod-radio-button:before, .veveditor-vod-radio-button:hover:before {
  opacity: 0;
}

.veveditor-vod-radio-button:after {
  content: " ";
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: -1;
  background-color: #f1f3f5;
  inset: -3px;
}

.veveditor-vod-radio-button:first-of-type:after {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.veveditor-vod-radio-button:last-of-type:after {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.veveditor-vod-radio-button:hover {
  color: #0c0d0e;
  background-color: #fff;
}

.veveditor-vod-radio-button.veveditor-vod-radio-checked {
  color: rgb(var(--veveditor-vod-primary-6));
  background-color: #fff;
  font-weight: 500;
}

.veveditor-vod-radio-button.veveditor-vod-radio-disabled {
  cursor: not-allowed;
}

.veveditor-vod-radio-button.veveditor-vod-radio-disabled, .veveditor-vod-radio-button.veveditor-vod-radio-disabled.veveditor-vod-radio-checked {
  color: var(--veveditor-vod-color-text-4);
  background-color: #0000;
}

.veveditor-vod-radio-size-small {
  line-height: 28px;
}

.veveditor-vod-radio-size-small .veveditor-vod-radio-button, .veveditor-vod-radio-size-small.veveditor-vod-radio-group-type-button {
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-radio-size-large {
  line-height: 36px;
}

.veveditor-vod-radio-size-large .veveditor-vod-radio-button, .veveditor-vod-radio-size-large.veveditor-vod-radio-group-type-button {
  font-size: 14px;
  line-height: 30px;
}

.veveditor-vod-radio-size-mini {
  line-height: 24px;
}

.veveditor-vod-radio-size-mini .veveditor-vod-radio-button, .veveditor-vod-radio-size-mini.veveditor-vod-radio-group-type-button {
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-radio-group-direction-vertical .veveditor-vod-radio {
  display: block;
  margin-right: 0;
  line-height: 32px;
}

body[arco-theme="dark"] .veveditor-vod-radio-button.veveditor-vod-radio-checked, body[arco-theme="dark"] .veveditor-vod-radio-button:not(.veveditor-vod-radio-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-1);
}

body[arco-theme="dark"] .veveditor-vod-radio-button:after {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-radio-rtl {
  padding-left: 0;
  padding-right: -6px;
}

.veveditor-vod-radio-rtl .veveditor-vod-radio-text {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-radio-group-rtl .veveditor-vod-radio {
  margin-left: 20px;
  margin-right: 0;
}

.veveditor-vod-radio-group-rtl.veveditor-vod-radio-group-direction-vertical .veveditor-vod-radio {
  margin-left: 0;
  margin-right: unset;
}

.veveditor-vod-rate {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.veveditor-vod-rate-disabled {
  cursor: not-allowed;
}

.veveditor-vod-rate-inner {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  min-height: 32px;
  font-size: 20px;
  line-height: 1;
}

.veveditor-vod-rate-character {
  color: #dde2e9;
  position: relative;
  transition: transform .2s cubic-bezier(.34,.69,.1,1), -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-rate-character:not(:last-child) {
  margin-right: 8px;
}

.veveditor-vod-rate-character-left, .veveditor-vod-rate-character-right {
  transition: inherit;
}

.veveditor-vod-rate-character-left > *, .veveditor-vod-rate-character-right > * {
  float: left;
}

.veveditor-vod-rate-character-left {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 50%;
  top: 0;
  left: 0;
}

.veveditor-vod-rate-character-scale {
  -webkit-animation: .4s cubic-bezier(.34,.69,.1,1) veveditor-vod-rate-scale;
  animation: .4s cubic-bezier(.34,.69,.1,1) veveditor-vod-rate-scale;
}

.veveditor-vod-rate-character-full .veveditor-vod-rate-character-right {
  color: rgb(var(--veveditor-vod-gold-6));
}

.veveditor-vod-rate-character-half .veveditor-vod-rate-character-left {
  color: rgb(var(--veveditor-vod-gold-6));
  opacity: 1;
}

.veveditor-vod-rate-character-disabled {
  cursor: not-allowed;
}

.veveditor-vod-rate:not(.veveditor-vod-rate-readonly):not(.veveditor-vod-rate-disabled) .veveditor-vod-rate-character {
  cursor: pointer;
}

.veveditor-vod-rate:not(.veveditor-vod-rate-readonly):not(.veveditor-vod-rate-disabled) .veveditor-vod-rate-character:focus, .veveditor-vod-rate:not(.veveditor-vod-rate-readonly):not(.veveditor-vod-rate-disabled) .veveditor-vod-rate-character:hover {
  transform: scale(1.2);
}

@keyframes veveditor-vod-rate-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.veveditor-vod-rate-rtl {
  direction: rtl;
}

.veveditor-vod-rate-rtl .veveditor-vod-rate-character:not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-rate-rtl .veveditor-vod-rate-character-left {
  left: auto;
  right: 0;
}

.veveditor-vod-rate-rtl .veveditor-vod-rate-character-left > *, .veveditor-vod-rate-rtl .veveditor-vod-rate-character-right > * {
  float: right;
}

.veveditor-vod-resizebox {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.veveditor-vod-resizebox-direction-bottom, .veveditor-vod-resizebox-direction-left, .veveditor-vod-resizebox-direction-right, .veveditor-vod-resizebox-direction-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  left: 0;
}

.veveditor-vod-resizebox-direction-right {
  left: unset;
  right: 0;
}

.veveditor-vod-resizebox-direction-bottom {
  bottom: 0;
  top: unset;
}

.veveditor-vod-resizebox-split, .veveditor-vod-resizebox-split-group {
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.veveditor-vod-resizebox-split .veveditor-vod-resizebox-slit-trigger, .veveditor-vod-resizebox-split-group .veveditor-vod-resizebox-slit-trigger {
  flex: 0;
}

.veveditor-vod-resizebox-split-group-pane, .veveditor-vod-resizebox-split-pane {
  overflow: auto;
}

.veveditor-vod-resizebox-split .second-pane, .veveditor-vod-resizebox-split-group .second-pane {
  flex: 1;
}

.veveditor-vod-resizebox-split-group-horizontal, .veveditor-vod-resizebox-split-horizontal {
  flex-direction: row;
}

.veveditor-vod-resizebox-split-group-vertical, .veveditor-vod-resizebox-split-vertical {
  flex-direction: column;
}

.veveditor-vod-resizebox-split-group-moving, .veveditor-vod-resizebox-split-moving {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.veveditor-vod-resizebox-trigger-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-neutral-3);
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.veveditor-vod-resizebox-trigger-icon {
  color: var(--veveditor-vod-color-text-1);
  display: inline-block;
  font-size: 12px;
}

.veveditor-vod-resizebox-trigger-next > svg, .veveditor-vod-resizebox-trigger-prev > svg {
  cursor: pointer;
}

.veveditor-vod-resizebox-trigger-vertical {
  cursor: col-resize;
  height: 100%;
}

.veveditor-vod-resizebox-trigger-vertical.veveditor-vod-resizebox-trigger-not-resizable {
  cursor: default;
}

.veveditor-vod-resizebox-trigger-vertical .veveditor-vod-resizebox-trigger-next, .veveditor-vod-resizebox-trigger-vertical .veveditor-vod-resizebox-trigger-prev {
  height: 18px;
  line-height: 18px;
}

.veveditor-vod-resizebox-trigger-vertical .veveditor-vod-resizebox-trigger-icon-wrapper {
  flex-direction: column;
  width: 6px;
}

.veveditor-vod-resizebox-trigger-vertical .veveditor-vod-resizebox-trigger-icon-empty {
  width: 100%;
  height: 18px;
}

.veveditor-vod-resizebox-trigger-horizontal {
  cursor: row-resize;
  width: 100%;
}

.veveditor-vod-resizebox-trigger-horizontal.veveditor-vod-resizebox-trigger-not-resizable {
  cursor: default;
}

.veveditor-vod-resizebox-trigger-horizontal .veveditor-vod-resizebox-trigger-next, .veveditor-vod-resizebox-trigger-horizontal .veveditor-vod-resizebox-trigger-prev {
  text-align: center;
  width: 18px;
}

.veveditor-vod-resizebox-trigger-horizontal .veveditor-vod-resizebox-trigger-icon-wrapper {
  height: 6px;
}

.veveditor-vod-resizebox-trigger-horizontal .veveditor-vod-resizebox-trigger-icon-wrapper .veveditor-vod-icon {
  vertical-align: -1px;
}

.veveditor-vod-resizebox-trigger-horizontal .veveditor-vod-resizebox-trigger-icon-empty {
  width: 18px;
  height: 100%;
}

.veveditor-vod-resizebox-rtl, .veveditor-vod-resizebox-split-group-rtl, .veveditor-vod-resizebox-split-rtl, .veveditor-vod-resizebox-trigger-rtl {
  direction: rtl;
}

.veveditor-vod-result {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 32px 32px 24px;
}

.veveditor-vod-result-is-403, .veveditor-vod-result-is-404, .veveditor-vod-result-is-500 {
  padding-top: 24px;
}

.veveditor-vod-result-is-403 .veveditor-vod-result-icon-tip, .veveditor-vod-result-is-404 .veveditor-vod-result-icon-tip, .veveditor-vod-result-is-500 .veveditor-vod-result-icon-tip {
  width: 92px;
  height: 92px;
  line-height: 92px;
}

.veveditor-vod-result-icon {
  text-align: center;
  margin-bottom: 16px;
  font-size: 20px;
}

.veveditor-vod-result-icon-tip {
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.veveditor-vod-result-icon-custom {
  height: unset;
  line-height: inherit;
  width: unset;
}

.veveditor-vod-result-icon-custom > .veveditor-vod-icon {
  color: inherit;
  font-size: 45px;
}

.veveditor-vod-result-icon-success {
  background-color: var(--veveditor-vod-color-success-light-1);
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-result-icon-error {
  background-color: var(--veveditor-vod-color-danger-light-1);
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-result-icon-info {
  background-color: var(--veveditor-vod-color-primary-light-1);
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-result-icon-warning {
  background-color: var(--veveditor-vod-color-warning-light-1);
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-result-title {
  color: var(--veveditor-vod-color-text-1);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5715;
}

.veveditor-vod-result-subtitle {
  color: var(--veveditor-vod-color-text-2);
  text-align: center;
  font-size: 14px;
  line-height: 1.5715;
}

.veveditor-vod-result-extra {
  text-align: center;
  margin-top: 20px;
}

.veveditor-vod-result-content {
  margin-top: 20px;
}

.veveditor-vod-select .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-select:hover .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-select.veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-text-1);
  box-shadow: 0 0 #0000;
}

.veveditor-vod-select .veveditor-vod-select-arrow-icon, .veveditor-vod-select .veveditor-vod-select-clear-icon, .veveditor-vod-select .veveditor-vod-select-expand-icon, .veveditor-vod-select .veveditor-vod-select-loading-icon, .veveditor-vod-select .veveditor-vod-select-search-icon, .veveditor-vod-select .veveditor-vod-select-suffix-icon {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-select-error .veveditor-vod-select-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-select-error:hover .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-select-error.veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  color: var(--veveditor-vod-color-text-1);
  box-shadow: 0 0 #0000;
}

.veveditor-vod-select-warning .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border: 1px solid #0000;
}

.veveditor-vod-select-warning:hover .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-select-warning.veveditor-vod-select-focused .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-select-disabled .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-select-disabled:hover .veveditor-vod-select-view {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-select-disabled .veveditor-vod-select-arrow-icon, .veveditor-vod-select-disabled .veveditor-vod-select-clear-icon, .veveditor-vod-select-disabled .veveditor-vod-select-expand-icon, .veveditor-vod-select-disabled .veveditor-vod-select-loading-icon, .veveditor-vod-select-disabled .veveditor-vod-select-search-icon, .veveditor-vod-select-disabled .veveditor-vod-select-suffix-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-no-border .veveditor-vod-select-view {
  background: none !important;
  border: none !important;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 12px;
  line-height: 0;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-multiple input {
  font-size: 12px;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 24px;
  padding: 0 11px;
  font-size: 12px;
  line-height: 22px;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-single input {
  font-size: 12px;
}

.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-multiple input {
  font-size: 13px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 28px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 26px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-single input {
  font-size: 13px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple input {
  font-size: 13px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 32px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 30px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-single input {
  font-size: 13px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-multiple input {
  font-size: 13px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-single .veveditor-vod-select-view {
  height: 36px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 34px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-single input {
  font-size: 13px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-select {
  cursor: pointer;
  display: inline-block;
}

.veveditor-vod-select, .veveditor-vod-select-view {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.veveditor-vod-select-view {
  display: -ms-flexbox;
  display: flex;
  outline: none;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  transition: all .1s linear, padding linear;
}

.veveditor-vod-select-view input {
  color: inherit;
  cursor: inherit;
}

.veveditor-vod-select-view input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-select-view input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-select-view input[disabled] {
  pointer-events: none;
}

.veveditor-vod-select-multiple, .veveditor-vod-select-show-search {
  cursor: text;
}

.veveditor-vod-select-disabled {
  cursor: not-allowed;
}

.veveditor-vod-select-disabled .veveditor-vod-select-view input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-disabled .veveditor-vod-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-disabled .veveditor-vod-select-view input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-disabled .veveditor-vod-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-single .veveditor-vod-select-view-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  width: 100%;
  padding: 0;
}

.veveditor-vod-select-single .veveditor-vod-select-view-selector {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.veveditor-vod-select-single .veveditor-vod-select-view-selector .veveditor-vod-select-view-input {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.veveditor-vod-select-single .veveditor-vod-select-view-selector .veveditor-vod-select-view-value-mirror {
  opacity: 0;
}

.veveditor-vod-select-single .veveditor-vod-select-view-value, .veveditor-vod-select-single .veveditor-vod-select-view-value-mirror {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.veveditor-vod-select-single .veveditor-vod-select-view-value-mirror:after, .veveditor-vod-select-single .veveditor-vod-select-view-value:after {
  content: ".";
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.veveditor-vod-select-single .veveditor-vod-select-view .veveditor-vod-select-hidden {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-select-multiple {
  vertical-align: top;
}

.veveditor-vod-select-multiple .veveditor-vod-select-view {
  padding: 0 4px;
  line-height: 0;
}

.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 12px;
}

.veveditor-vod-select-multiple .veveditor-vod-input-tag {
  overflow: hidden;
  flex: 1;
  padding: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.veveditor-vod-select-multiple .veveditor-vod-tag {
  max-width: 100%;
}

.veveditor-vod-select-multiple:not(.veveditor-vod-select-focused) .veveditor-vod-input-tag input:not(:first-child)[value=""] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-select-prefix {
  color: var(--veveditor-vod-color-fill-2);
  white-space: nowrap;
  margin-right: 12px;
}

.veveditor-vod-select-prefix, .veveditor-vod-select-suffix {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-select-suffix {
  margin-left: 4px;
}

.veveditor-vod-select-clear-icon, .veveditor-vod-select-expand-icon, .veveditor-vod-select-loading-icon, .veveditor-vod-select-search-icon, .veveditor-vod-select-suffix-icon {
  transition: all .1s linear;
  font-size: 16px;
}

.veveditor-vod-select-arrow-icon {
  font-size: 16px;
}

.veveditor-vod-select-open .veveditor-vod-select-arrow-icon svg {
  transform: rotate(180deg);
}

.veveditor-vod-select .veveditor-vod-select-clear-icon {
  cursor: pointer;
  display: none;
}

.veveditor-vod-select .veveditor-vod-select-clear-icon > svg {
  position: relative;
  transition: all .1s linear;
}

.veveditor-vod-select:hover .veveditor-vod-select-clear-icon {
  display: block;
}

.veveditor-vod-select:hover .veveditor-vod-select-clear-icon ~ * {
  display: none;
}

.veveditor-vod-select-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: stretch;
  width: 100%;
}

.veveditor-vod-select-wrapper .veveditor-vod-select {
  min-width: 0;
}

.veveditor-vod-select-wrapper .veveditor-vod-select:not(.veveditor-vod-select-focused):not(:first-child) .veveditor-vod-select-view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.veveditor-vod-select-wrapper .veveditor-vod-select:not(.veveditor-vod-select-focused):not(:last-child) .veveditor-vod-select-view {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-select-addbefore {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #0000;
  border-right: 1px solid var(--veveditor-vod-color-border-2);
  color: var(--veveditor-vod-color-text-1);
  white-space: nowrap;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  align-items:  center;
  padding: 0 12px;
}

.veveditor-vod-select-popup {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 4px 6px;
  top: 4px;
  box-shadow: 0 4px 10px #0000001a;
}

.veveditor-vod-select-popup-hidden {
  display: none;
}

.veveditor-vod-select-popup .veveditor-vod-select-popup-inner {
  list-style: none;
  width: 100%;
  max-height: 200px;
}

.veveditor-vod-select-popup .veveditor-vod-select-option {
  background-color: var(--veveditor-vod-color-bg-white);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  width: 100%;
  padding: 0 12px;
  font-size: 13px;
  line-height: 32px;
}

.veveditor-vod-select-popup .veveditor-vod-select-option-selected {
  background-color: var(--veveditor-vod-color-bg-4);
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select-popup .veveditor-vod-select-option-hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-select-popup .veveditor-vod-select-option-disabled {
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-select-popup .veveditor-vod-select-option-selected {
  font-weight: 500;
}

.veveditor-vod-select-popup .veveditor-vod-select-option-empty {
  height: 32px;
}

.veveditor-vod-select-popup .veveditor-vod-select-option-rtl {
  text-align: right;
}

.veveditor-vod-select-option-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  padding: 0 7px;
}

.veveditor-vod-select-option-wrapper .veveditor-vod-select-checkbox {
  padding: 0 5px;
}

.veveditor-vod-select-option-wrapper .veveditor-vod-select-checkbox input {
  display: none;
}

.veveditor-vod-select-option-wrapper .veveditor-vod-select-option {
  border-radius: 4px;
  flex: 1;
  margin-left: 1px;
  padding: 0 4px;
}

.veveditor-vod-select-group-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding: 8px 12px 0;
  font-size: 12px;
  line-height: 20px;
}

.veveditor-vod-select-group-title:first-child {
  padding-top: 4px;
}

.veveditor-vod-select-highlight {
  color: rgb(var(--veveditor-vod-primary-6));
  font-weight: 500;
}

.veveditor-vod-select-rtl {
  direction: rtl;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-rtl.veveditor-vod-select-size-mini.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-rtl.veveditor-vod-select-size-small.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-rtl.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-select-rtl.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select-rtl.veveditor-vod-select-size-large.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-select-wrapper-rtl .veveditor-vod-select-addbefore {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: unset;
}

.veveditor-vod-select-rtl .veveditor-vod-select-view {
  text-align: right;
}

.veveditor-vod-select-rtl .veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 0;
  padding-right: 12px;
}

.veveditor-vod-select-rtl .veveditor-vod-select-prefix {
  margin-left: 12px;
  margin-right: 0;
}

.veveditor-vod-select-rtl .veveditor-vod-select-suffix {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-skeleton, .veveditor-vod-skeleton-header {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-skeleton-header .veveditor-vod-skeleton-image {
  background-color: var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-small);
  width: 48px;
  height: 48px;
}

.veveditor-vod-skeleton-header .veveditor-vod-skeleton-image-circle {
  border-radius: 50%;
}

.veveditor-vod-skeleton-header .veveditor-vod-skeleton-image-small {
  width: 36px;
  height: 36px;
}

.veveditor-vod-skeleton-header .veveditor-vod-skeleton-image-large {
  width: 60px;
  height: 60px;
}

.veveditor-vod-skeleton-header .veveditor-vod-skeleton-image-left {
  margin-right: 16px;
}

.veveditor-vod-skeleton-header .veveditor-vod-skeleton-image-right {
  margin-left: 16px;
}

.veveditor-vod-skeleton-content {
  overflow: hidden;
  flex-grow: 1;
}

.veveditor-vod-skeleton-content .veveditor-vod-skeleton-text {
  list-style: none;
  margin: 0;
  padding: 0;
}

.veveditor-vod-skeleton-content .veveditor-vod-skeleton-text-row {
  background-color: var(--veveditor-vod-color-border-2);
  height: 16px;
}

.veveditor-vod-skeleton-content .veveditor-vod-skeleton-text-row:not(:last-child) {
  margin-bottom: 16px;
}

.veveditor-vod-skeleton-animate .veveditor-vod-skeleton-image, .veveditor-vod-skeleton-animate .veveditor-vod-skeleton-text > li {
  -webkit-animation: 1.5s linear infinite veveditor-vod-skeleton-circle;
  animation: 1.5s linear infinite veveditor-vod-skeleton-circle;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--veveditor-vod-color-border-2)), color-stop(37%, var(--veveditor-vod-color-border-3)), color-stop(63%, var(--veveditor-vod-color-border-2)));
  background: linear-gradient(90deg, var(--veveditor-vod-color-border-2) 25%, var(--veveditor-vod-color-border-3) 37%, var(--veveditor-vod-color-border-2) 63%);
  background-size: 400% 100%;
}

@keyframes veveditor-vod-skeleton-circle {
  0% {
    background-position: 100%;
  }

  to {
    background-position: 0;
  }
}

.veveditor-vod-skeleton-rtl .veveditor-vod-skeleton-image-left {
  margin-left: 16px;
  margin-right: 0;
}

.veveditor-vod-skeleton-rtl .veveditor-vod-skeleton-image-right {
  margin-left: 0;
  margin-right: 16px;
}

.veveditor-vod-slider {
  display: inline-block;
  width: 100%;
}

.veveditor-vod-slider-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-slider-vertical {
  display: inline-block;
  width: auto;
  min-width: 18px;
  height: auto;
}

.veveditor-vod-slider-vertical .veveditor-vod-slider-wrapper {
  flex-direction: column;
}

.veveditor-vod-slider-with-marks {
  margin-bottom: 24px;
  padding: 0 20px;
}

.veveditor-vod-slider-vertical.veveditor-vod-slider-with-marks {
  margin-bottom: 0;
  padding: 0;
}

.veveditor-vod-slider-road {
  cursor: pointer;
  position: relative;
  flex: 1;
  width: 100%;
  height: 8px;
}

.veveditor-vod-slider-road:before {
  background-color: var(--veveditor-vod-color-border-2);
  content: "";
  display: block;
  position: absolute;
  border-radius: 4px;
  width: 100%;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-vertical {
  margin-bottom: 8px / 2;
  margin-right: 0;
  margin-top: 8px / 2;
  width: 8px;
  max-width: 8px;
  height: 100%;
  min-height: 200px;
  transform: translateY(0);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-vertical:before {
  left: 50%;
  top: unset;
  -webkit-transform: translateX(-50%);
  width: 4px;
  height: 100%;
  transform: translate(-50%);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled:before {
  background-color: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-bar {
  background-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-button {
  cursor: not-allowed;
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-button:after, .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-dots .veveditor-vod-slider-dot {
  border-color: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-dots .veveditor-vod-slider-dot-active {
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-ticks .veveditor-vod-slider-tick {
  background: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-ticks .veveditor-vod-slider-tick-active {
  background: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-slider-bar {
  background-color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  border-radius: 4px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.veveditor-vod-slider-road-vertical .veveditor-vod-slider-bar {
  height: unset;
  left: 50%;
  top: unset;
  -webkit-transform: translateX(-50%);
  width: 4px;
  transform: translate(-50%);
}

.veveditor-vod-slider-button {
  position: absolute;
  -webkit-transform: translateX(-50%);
  width: 8px;
  height: 8px;
  top: 0;
  left: 0;
  transform: translate(-50%);
}

.veveditor-vod-slider-button:after {
  background: var(--veveditor-vod-color-fill-5);
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: all .3s cubic-bezier(.3,1.3,.3,1);
  top: 0;
  left: 0;
}

.veveditor-vod-slider-button.veveditor-vod-slider-button-active:after, .veveditor-vod-slider-button:hover:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  transform: scale(1.75);
}

.veveditor-vod-slider-button:focus-visible:after {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-slider-road-vertical .veveditor-vod-slider-button {
  bottom: 0;
  left: 0;
  top: unset;
  transform: translateY(50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-button {
  left: unset;
  -webkit-transform: translateX(50%);
  right: 0;
  transform: translate(50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-road-vertical .veveditor-vod-slider-button {
  transform: translateY(-50%);
}

.veveditor-vod-slider-marks {
  position: absolute;
  width: 100%;
  top: 8px;
}

.veveditor-vod-slider-marks-text {
  color: var(--veveditor-vod-color-text-3);
  cursor: pointer;
  position: absolute;
  -webkit-transform: translateX(-50%);
  font-size: 14px;
  line-height: 1;
  transform: translate(-50%);
}

.veveditor-vod-slider-road-vertical .veveditor-vod-slider-marks {
  height: 100%;
  top: 0;
  left: 24px;
}

.veveditor-vod-slider-road-vertical .veveditor-vod-slider-marks-text {
  transform: translateY(50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-marks-text {
  -webkit-transform: translateX(50%);
  transform: translate(50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-road-vertical .veveditor-vod-slider-marks-text {
  transform: translateY(-50%);
}

.veveditor-vod-slider-dots {
  height: 100%;
}

.veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper {
  position: absolute;
  font-size: 12px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-slider-road-vertical .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper {
  left: 50%;
  top: unset;
  transform: translate(-50%, 50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper {
  transform: translate(50%, -50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-road-vertical .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper {
  transform: translate(-50%, -50%);
}

.veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper .veveditor-vod-slider-dot {
  background-color: var(--veveditor-vod-color-bg-2);
  border: 2px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper .veveditor-vod-slider-dot-active {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-slider-ticks .veveditor-vod-slider-tick {
  background: var(--veveditor-vod-color-border-2);
  position: absolute;
  width: 2px;
  height: 8px;
  margin-top: -2px;
  top: 50%;
  transform: translate(-50%, -100%);
}

.veveditor-vod-slider-ticks .veveditor-vod-slider-tick-active {
  background: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-slider-vertical .veveditor-vod-slider-ticks .veveditor-vod-slider-tick {
  margin-top: unset;
  left: 50%;
  top: unset;
  width: 8px;
  height: 2px;
  transform: translate(2px, 50%);
}

.veveditor-vod-slider-reverse .veveditor-vod-slider-ticks .veveditor-vod-slider-tick {
  transform: translate(50%, -100%);
}

.veveditor-vod-slider-vertical.veveditor-vod-slider-reverse .veveditor-vod-slider-ticks .veveditor-vod-slider-tick {
  transform: translate(2px, -50%);
}

.veveditor-vod-slider-input {
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.veveditor-vod-slider-vertical .veveditor-vod-slider-input {
  margin-left: 0;
}

.veveditor-vod-slider-input > .veveditor-vod-input-number {
  overflow: visible;
  width: 52px;
  height: 36px;
  line-height: normal;
}

.veveditor-vod-slider-input > .veveditor-vod-input-number input {
  text-align: center;
}

.veveditor-vod-slider-input-range {
  text-align: center;
  width: 40px;
  height: 32px;
  line-height: 32px;
}

.veveditor-vod-slider-input-range-content {
  background: var(--veveditor-vod-color-border-4);
  display: inline-block;
  width: 16px;
  height: 2px;
  transform: translateY(-100%);
}

.veveditor-vod-slider-rtl {
  direction: rtl;
}

.veveditor-vod-slider-rtl.veveditor-vod-slider:not(.veveditor-vod-slider-vertical) .veveditor-vod-slider-input {
  margin-left: 0;
  margin-right: 20px;
}

.veveditor-vod-slider-rtl.veveditor-vod-slider-vertical .veveditor-vod-slider-road-vertical .veveditor-vod-slider-marks {
  left: 0;
  right: 24px;
}

.veveditor-vod-space {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.veveditor-vod-space-vertical {
  flex-direction: column;
}

.veveditor-vod-space-align-baseline {
  align-items: baseline;
}

.veveditor-vod-space-align-start {
  align-items:  flex-start;
}

.veveditor-vod-space-align-end {
  align-items:  flex-end;
}

.veveditor-vod-space-align-center {
  align-items:  center;
}

.veveditor-vod-space-wrap {
  flex-wrap: wrap;
}

.veveditor-vod-space-rtl {
  direction: rtl;
}

.veveditor-vod-spin {
  display: inline-block;
}

.veveditor-vod-spin-block {
  display: block;
}

.veveditor-vod-spin-with-tip {
  text-align: center;
}

.veveditor-vod-spin-icon {
  color: rgb(var(--veveditor-vod-primary-6));
  font-size: 20px;
}

.veveditor-vod-spin-tip {
  color: rgb(var(--veveditor-vod-primary-6));
  margin-top: 6px;
  font-size: 14px;
  font-weight: 500;
}

.veveditor-vod-spin-loading-layer {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.veveditor-vod-spin-children {
  position: relative;
}

.veveditor-vod-spin-children:after {
  background-color: var(--veveditor-vod-color-spin-layer-bg);
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: opacity .1s linear;
  inset: 0;
}

.veveditor-vod-spin-loading {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.veveditor-vod-spin-loading .veveditor-vod-spin-loading-layer-inner {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-spin-loading .veveditor-vod-spin-children:after {
  opacity: 1;
  pointer-events: auto;
}

.veveditor-vod-spin-dot {
  -webkit-animation: 2s linear infinite forwards veveditor-vod-dot-loading;
  animation: 2s linear infinite forwards veveditor-vod-dot-loading;
  background-color: rgb(var(--veveditor-vod-primary-6));
  border-radius: var(--veveditor-vod-border-radius-circle);
  position: absolute;
  -webkit-transform: translateX(-50%)scale(0);
  width: 8px;
  height: 8px;
  top: 0;
  left: 50%;
  transform: translate(-50%)scale(0);
}

.veveditor-vod-spin-dot:nth-child(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  background-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-spin-dot:nth-child(3) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  background-color: rgb(var(--veveditor-vod-primary-4));
}

.veveditor-vod-spin-dot:nth-child(4) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  background-color: rgb(var(--veveditor-vod-primary-4));
}

.veveditor-vod-spin-dot:nth-child(5) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  background-color: rgb(var(--veveditor-vod-primary-2));
}

.veveditor-vod-spin-dot-list {
  display: inline-block;
  -webkit-perspective: 200px;
  perspective: 200px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 56px;
  height: 8px;
}

@keyframes veveditor-vod-dot-loading {
  0% {
    -webkit-transform: translate3d(-48.621%, 0, -.985px)scale(.511);
    transform: translate3d(-48.621%, 0, -.985px)scale(.511);
  }

  2.778% {
    -webkit-transform: translate3d(-95.766%, 0, -.94px)scale(.545);
    transform: translate3d(-95.766%, 0, -.94px)scale(.545);
  }

  5.556% {
    -webkit-transform: translate3d(-140%, 0, -.866px)scale(.6);
    transform: translate3d(-140%, 0, -.866px)scale(.6);
  }

  8.333% {
    -webkit-transform: translate3d(-179.981%, 0, -.766px)scale(.675);
    transform: translate3d(-179.981%, 0, -.766px)scale(.675);
  }

  11.111% {
    -webkit-transform: translate3d(-214.492%, 0, -.643px)scale(.768);
    transform: translate3d(-214.492%, 0, -.643px)scale(.768);
  }

  13.889% {
    -webkit-transform: translate3d(-242.487%, 0, -.5px)scale(.875);
    transform: translate3d(-242.487%, 0, -.5px)scale(.875);
  }

  16.667% {
    -webkit-transform: translate3d(-263.114%, 0, -.342px)scale(.993);
    transform: translate3d(-263.114%, 0, -.342px)scale(.993);
  }

  19.444% {
    -webkit-transform: translate3d(-275.746%, 0, -.174px)scale(1.12);
    transform: translate3d(-275.746%, 0, -.174px)scale(1.12);
  }

  22.222% {
    -webkit-transform: translate3d(-280%, 0, 0)scale(1.25);
    transform: translate3d(-280%, 0, 0)scale(1.25);
  }

  25% {
    -webkit-transform: translate3d(-275.746%, 0, .174px)scale(1.38);
    transform: translate3d(-275.746%, 0, .174px)scale(1.38);
  }

  27.778% {
    -webkit-transform: translate3d(-263.114%, 0, .342px)scale(1.507);
    transform: translate3d(-263.114%, 0, .342px)scale(1.507);
  }

  30.556% {
    -webkit-transform: translate3d(-242.487%, 0, .5px)scale(1.625);
    transform: translate3d(-242.487%, 0, .5px)scale(1.625);
  }

  33.333% {
    -webkit-transform: translate3d(-214.492%, 0, .643px)scale(1.732);
    transform: translate3d(-214.492%, 0, .643px)scale(1.732);
  }

  36.111% {
    -webkit-transform: translate3d(-179.981%, 0, .766px)scale(1.825);
    transform: translate3d(-179.981%, 0, .766px)scale(1.825);
  }

  38.889% {
    -webkit-transform: translate3d(-140%, 0, .866px)scale(1.9);
    transform: translate3d(-140%, 0, .866px)scale(1.9);
  }

  41.667% {
    -webkit-transform: translate3d(-95.766%, 0, .94px)scale(1.955);
    transform: translate3d(-95.766%, 0, .94px)scale(1.955);
  }

  44.444% {
    -webkit-transform: translate3d(-48.621%, 0, .985px)scale(1.989);
    transform: translate3d(-48.621%, 0, .985px)scale(1.989);
  }

  47.222% {
    -webkit-transform: translateZ(1px)scale(2);
    transform: translateZ(1px)scale(2);
  }

  50% {
    -webkit-transform: translate3d(48.621%, 0, .985px)scale(1.989);
    transform: translate3d(48.621%, 0, .985px)scale(1.989);
  }

  52.778% {
    -webkit-transform: translate3d(95.766%, 0, .94px)scale(1.955);
    transform: translate3d(95.766%, 0, .94px)scale(1.955);
  }

  55.556% {
    -webkit-transform: translate3d(140%, 0, .866px)scale(1.9);
    transform: translate3d(140%, 0, .866px)scale(1.9);
  }

  58.333% {
    -webkit-transform: translate3d(179.981%, 0, .766px)scale(1.825);
    transform: translate3d(179.981%, 0, .766px)scale(1.825);
  }

  61.111% {
    -webkit-transform: translate3d(214.492%, 0, .643px)scale(1.732);
    transform: translate3d(214.492%, 0, .643px)scale(1.732);
  }

  63.889% {
    -webkit-transform: translate3d(242.487%, 0, .5px)scale(1.625);
    transform: translate3d(242.487%, 0, .5px)scale(1.625);
  }

  66.667% {
    -webkit-transform: translate3d(263.114%, 0, .342px)scale(1.507);
    transform: translate3d(263.114%, 0, .342px)scale(1.507);
  }

  69.444% {
    -webkit-transform: translate3d(275.746%, 0, .174px)scale(1.38);
    transform: translate3d(275.746%, 0, .174px)scale(1.38);
  }

  72.222% {
    -webkit-transform: translate3d(280%, 0, 0)scale(1.25);
    transform: translate3d(280%, 0, 0)scale(1.25);
  }

  75% {
    -webkit-transform: translate3d(275.746%, 0, -.174px)scale(1.12);
    transform: translate3d(275.746%, 0, -.174px)scale(1.12);
  }

  77.778% {
    -webkit-transform: translate3d(263.114%, 0, -.342px)scale(.993);
    transform: translate3d(263.114%, 0, -.342px)scale(.993);
  }

  80.556% {
    -webkit-transform: translate3d(242.487%, 0, -.5px)scale(.875);
    transform: translate3d(242.487%, 0, -.5px)scale(.875);
  }

  83.333% {
    -webkit-transform: translate3d(214.492%, 0, -.643px)scale(.768);
    transform: translate3d(214.492%, 0, -.643px)scale(.768);
  }

  86.111% {
    -webkit-transform: translate3d(179.981%, 0, -.766px)scale(.675);
    transform: translate3d(179.981%, 0, -.766px)scale(.675);
  }

  88.889% {
    -webkit-transform: translate3d(140%, 0, -.866px)scale(.6);
    transform: translate3d(140%, 0, -.866px)scale(.6);
  }

  91.667% {
    -webkit-transform: translate3d(95.766%, 0, -.94px)scale(.545);
    transform: translate3d(95.766%, 0, -.94px)scale(.545);
  }

  94.444% {
    -webkit-transform: translate3d(48.621%, 0, -.985px)scale(.511);
    transform: translate3d(48.621%, 0, -.985px)scale(.511);
  }

  97.222% {
    -webkit-transform: translateZ(-1px)scale(.5);
    transform: translateZ(-1px)scale(.5);
  }
}

.veveditor-vod-statistic {
  color: var(--veveditor-vod-color-text-2);
  display: inline-block;
  line-height: 1.53846;
}

.veveditor-vod-statistic-title {
  color: var(--veveditor-vod-color-text-3);
  margin-bottom: 8px;
  font-size: 12px;
}

.veveditor-vod-statistic-content .veveditor-vod-statistic-value {
  color: var(--veveditor-vod-color-text-1);
  white-space: nowrap;
  font-size: 26px;
  font-weight: 600;
}

.veveditor-vod-statistic-content .veveditor-vod-statistic-value-int {
  white-space: nowrap;
}

.veveditor-vod-statistic-content .veveditor-vod-statistic-value-decimal {
  display: inline-block;
  font-size: 26px;
}

.veveditor-vod-statistic-content .veveditor-vod-statistic-value-suffix {
  margin-left: 4px;
  font-size: 12px;
}

.veveditor-vod-statistic-content .veveditor-vod-statistic-value-prefix {
  margin-right: 4px;
  font-size: 12px;
}

.veveditor-vod-statistic-extra {
  color: var(--veveditor-vod-color-text-4);
  margin-top: 4px;
}

.veveditor-vod-statistic-rtl .veveditor-vod-statistic-content .veveditor-vod-statistic-value-suffix {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-statistic-rtl .veveditor-vod-statistic-content .veveditor-vod-statistic-value-prefix {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-steps-item {
  overflow: hidden;
  position: relative;
  text-align: left;
  white-space: nowrap;
  flex: 1;
  margin-right: 4px;
}

.veveditor-vod-steps-item:last-child {
  flex: none;
  margin-right: 0;
}

.veveditor-vod-steps-item-active .veveditor-vod-steps-item-title {
  font-weight: 500;
}

.veveditor-vod-steps-item:not(.veveditor-vod-steps-item-active) .veveditor-vod-steps-item-title {
  font-weight: 400;
}

.veveditor-vod-steps-item-icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-size: 16px;
  font-weight: 500;
}

.veveditor-vod-steps-icon {
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 22px;
}

.veveditor-vod-steps-item-wait .veveditor-vod-steps-icon {
  border: 1px solid var(--veveditor-vod-color-border-2);
  color: var(--veveditor-vod-color-text-3);
  background-color: #0000;
}

.veveditor-vod-steps-item-process .veveditor-vod-steps-icon {
  background-color: rgb(var(--veveditor-vod-primary-5));
  color: var(--veveditor-vod-color-white);
  border: 1px solid #0000;
}

.veveditor-vod-steps-item-finish .veveditor-vod-steps-icon {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
  color: rgb(var(--veveditor-vod-primary-6));
  background-color: #0000;
}

.veveditor-vod-steps-item-error .veveditor-vod-steps-icon {
  background-color: rgb(var(--veveditor-vod-danger-5));
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-steps-item-title {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding-right: 4px;
  font-size: 14px;
  line-height: 24px;
}

.veveditor-vod-steps-item-error .veveditor-vod-steps-item-title, .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-title, .veveditor-vod-steps-item-process .veveditor-vod-steps-item-title, .veveditor-vod-steps-item-title, .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-steps-item-content {
  display: inline-block;
}

.veveditor-vod-steps-item-description {
  white-space: normal;
  max-width: 140px;
  margin-top: 2px;
  font-size: 12px;
}

.veveditor-vod-steps-item-description, .veveditor-vod-steps-item-error .veveditor-vod-steps-item-description, .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-description, .veveditor-vod-steps-item-process .veveditor-vod-steps-item-description, .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-description {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-steps-label-horizontal:not(.veveditor-vod-steps-vertical) > .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-title:after {
  background-color: var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  width: 5000px;
  height: 2px;
  top: 11px;
  left: 100%;
}

.veveditor-vod-steps-label-horizontal > .veveditor-vod-steps-item.veveditor-vod-steps-item-process .veveditor-vod-steps-item-title:after {
  background-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-steps-label-horizontal > .veveditor-vod-steps-item.veveditor-vod-steps-item-finish .veveditor-vod-steps-item-title:after, .veveditor-vod-steps-label-horizontal > .veveditor-vod-steps-item.veveditor-vod-steps-item-next-error .veveditor-vod-steps-item-title:after {
  background-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-steps.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: unset;
  position: absolute;
  width: 2px;
  padding: 0;
  top: 30px;
  bottom: 6px;
  left: 11px;
}

.veveditor-vod-steps.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail:after {
  background-color: var(--veveditor-vod-color-neutral-3);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.veveditor-vod-steps > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 2px;
  top: 11px;
}

.veveditor-vod-steps > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail:after {
  background-color: var(--veveditor-vod-color-neutral-3);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish .veveditor-vod-steps-item-tail:after, .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-next-error .veveditor-vod-steps-item-tail:after {
  background-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-steps-size-small.veveditor-vod-steps-vertical .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-tail {
  top: 30px;
  left: 11px;
}

.veveditor-vod-steps-size-small:not(.veveditor-vod-steps-vertical):not(.veveditor-vod-steps-mode-dot) .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-tail {
  top: 11px;
}

.veveditor-vod-steps-size-small .veveditor-vod-steps-item-icon {
  font-size: 12px;
}

.veveditor-vod-steps-size-small .veveditor-vod-steps-item-title {
  font-size: 14px;
  line-height: 24px;
}

.veveditor-vod-steps-size-small .veveditor-vod-steps-item-description {
  font-size: 12px;
}

.veveditor-vod-steps-size-small .veveditor-vod-steps-icon {
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 22px;
}

.veveditor-vod-steps-size-small.veveditor-vod-steps-label-horizontal .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-title:after {
  top: 11px;
}

.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item {
  overflow: visible;
}

.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-title {
  margin-top: 2px;
  padding-right: 0;
}

.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-icon {
  margin-left: 58px;
}

.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-tail {
  padding-right: 28px;
  left: 86px;
}

.veveditor-vod-steps-label-vertical.veveditor-vod-steps-size-small .veveditor-vod-steps-item-icon {
  margin-left: 58px;
}

.veveditor-vod-steps-label-vertical.veveditor-vod-steps-size-small .veveditor-vod-steps-item-tail {
  padding-right: 28px;
  left: 86px;
}

.veveditor-vod-steps-rtl .veveditor-vod-steps-item {
  text-align: right;
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-steps-rtl .veveditor-vod-steps-item:last-child {
  margin-left: 0;
}

.veveditor-vod-steps-rtl .veveditor-vod-steps-item-icon {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-steps-rtl .veveditor-vod-steps-item-title {
  padding-left: 4px;
  padding-right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-label-horizontal .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-title:after {
  left: 0;
  right: 100%;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-tail {
  left: 0;
  right: 11px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-vertical.veveditor-vod-steps-size-small.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-tail {
  top: 30px;
  left: 0;
  right: 11px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-title {
  padding-left: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-icon {
  margin-left: 0;
  margin-right: 58px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-tail {
  padding-left: 28px;
  padding-right: 0;
  left: 0;
  right: 86px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-label-vertical.veveditor-vod-steps-size-small .veveditor-vod-steps-item-icon {
  margin-left: 0;
  margin-right: 58px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-label-vertical.veveditor-vod-steps-size-small .veveditor-vod-steps-item-tail {
  padding-left: 28px;
  padding-right: 0;
  left: 0;
  right: 86px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item {
  overflow: visible;
  position: relative;
  text-align: left;
  white-space: nowrap;
  flex: 1;
  margin-right: 16px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:last-child {
  flex: none;
  margin-right: 0;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-active .veveditor-vod-steps-item-title {
  font-weight: 500;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:not(.veveditor-vod-steps-item-active) .veveditor-vod-steps-item-title {
  font-weight: 400;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-icon {
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-active .veveditor-vod-steps-item-icon {
  width: 10px;
  height: 10px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-icon {
  background-color: var(--veveditor-vod-color-fill-1);
  border-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-icon, .veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-process .veveditor-vod-steps-item-icon {
  background-color: rgb(var(--veveditor-vod-primary-6));
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-error .veveditor-vod-steps-item-icon {
  background-color: rgb(var(--veveditor-vod-danger-6));
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-horizontal .veveditor-vod-steps-item-icon {
  margin-left: 66px;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-horizontal .veveditor-vod-steps-item-active .veveditor-vod-steps-item-icon {
  margin-top: -1px;
  margin-left: 65px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-content {
  display: inline-block;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-title {
  display: inline-block;
  position: relative;
  margin-top: 4px;
  font-size: 14px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-error .veveditor-vod-steps-item-title, .veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-title, .veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-process .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-description {
  white-space: normal;
  margin-top: 4px;
  font-size: 12px;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-error .veveditor-vod-steps-item-description, .veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-description, .veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-process .veveditor-vod-steps-item-description, .veveditor-vod-steps-mode-dot .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-description {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-steps-mode-dot > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail {
  background-color: var(--veveditor-vod-color-neutral-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 3.5px;
  left: 78px;
}

.veveditor-vod-steps-mode-dot > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail:after {
  display: none;
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-process .veveditor-vod-steps-item-tail {
  background-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish .veveditor-vod-steps-item-tail {
  background-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-next-error .veveditor-vod-steps-item-tail {
  background-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item > .veveditor-vod-steps-item-icon {
  margin-right: 16px;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item > .veveditor-vod-steps-item-content {
  overflow: hidden;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical .veveditor-vod-steps-item-title, .veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical.veveditor-vod-steps-size-small .veveditor-vod-steps-item-title {
  margin-top: 0;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical .veveditor-vod-steps-item-active .veveditor-vod-steps-item-title, .veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical.veveditor-vod-steps-size-small .veveditor-vod-steps-item-active .veveditor-vod-steps-item-title {
  margin-top: -1px;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical .veveditor-vod-steps-item-description {
  margin-top: 4px;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: unset;
  position: absolute;
  -webkit-transform: translateX(-50%);
  background-color: #0000;
  width: 1px;
  padding: 0;
  top: 20px;
  bottom: -4px;
  left: 4px;
  transform: translate(-50%);
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) > .veveditor-vod-steps-item-tail:after {
  background-color: var(--veveditor-vod-color-neutral-3);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-process > .veveditor-vod-steps-item-tail:after {
  background-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish > .veveditor-vod-steps-item-tail:after {
  background-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-next-error > .veveditor-vod-steps-item-tail:after {
  background-color: rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item > .veveditor-vod-steps-item-icon {
  margin-top: 8px;
}

.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical > .veveditor-vod-steps-item-active > .veveditor-vod-steps-item-icon {
  margin-top: 6px;
  margin-left: -1px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item {
  text-align: right;
  margin-left: 16px;
  margin-right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:last-child {
  margin-left: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-tail {
  left: auto;
  right: 78px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot.veveditor-vod-steps-horizontal .veveditor-vod-steps-item-icon {
  margin-left: 0;
  margin-right: 66px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot.veveditor-vod-steps-horizontal .veveditor-vod-steps-item-active .veveditor-vod-steps-item-icon {
  margin-left: 0;
  margin-right: 65px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical .veveditor-vod-steps-item-icon {
  margin-left: 16px;
  margin-right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-tail {
  left: 0;
  right: 4px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-dot.veveditor-vod-steps-vertical .veveditor-vod-steps-item-active .veveditor-vod-steps-item-icon {
  margin-right: -1px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  white-space: nowrap;
  overflow: visible;
  flex: 1;
  align-items:  center;
  height: 72px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child) {
  margin-right: 4px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-wait {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-process {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-finish {
  background-color: rgb(var(--veveditor-vod-primary-1));
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-error {
  background-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:first-child .veveditor-vod-steps-item-content {
  padding-left: 16px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:first-child) .veveditor-vod-steps-item-content {
  padding-left: 52px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-title {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-size: 14px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-title:after {
  display: none !important;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-process .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-error .veveditor-vod-steps-item-title {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-active .veveditor-vod-steps-item-title {
  font-weight: 500;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-description {
  white-space: nowrap;
  max-width: none;
  margin-top: 0;
  font-size: 12px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-wait .veveditor-vod-steps-item-description {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-process .veveditor-vod-steps-item-description {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-finish .veveditor-vod-steps-item-description {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item-error .veveditor-vod-steps-item-description {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:first-child):before {
  border-bottom: 36px solid #0000;
  border-left: 36px solid var(--veveditor-vod-color-bg-2);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 36px solid #0000;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child):after {
  clear: both;
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  border-top: 36px solid #0000;
  border-bottom: 36px solid #0000;
  width: 0;
  height: 0;
  top: 0;
  right: -36px;
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-wait:after {
  border-left: 36px solid var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-process:after {
  border-left: 36px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-error:after {
  border-left: 36px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish:after {
  border-left: 36px solid rgb(var(--veveditor-vod-primary-1));
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item {
  height: 40px;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item-title {
  font-size: 14px;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item-description {
  display: none;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:first-child):before {
  border-bottom: 20px solid #0000;
  border-left: 20px solid var(--veveditor-vod-color-bg-2);
  border-top: 20px solid #0000;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child):after {
  border-bottom: 20px solid #0000;
  border-left: 20px solid var(--veveditor-vod-color-bg-4);
  border-top: 20px solid #0000;
  right: -20px;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:first-child .veveditor-vod-steps-item-content {
  padding-left: 20px;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:first-child) .veveditor-vod-steps-item-content {
  padding-left: 40px;
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item-error:not(:last-child):after {
  border-left: 20px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-wait:after {
  border-left: 20px solid var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-process:after {
  border-left: 20px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish:after {
  border-left: 20px solid rgb(var(--veveditor-vod-primary-1));
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child) {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:first-child .veveditor-vod-steps-item-content {
  padding-left: 0;
  padding-right: 16px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:first-child) .veveditor-vod-steps-item-content {
  padding-left: 0;
  padding-right: 52px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:first-child):before {
  border-left: none;
  border-right: 36px solid var(--veveditor-vod-color-bg-2);
  right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child):after {
  left: -36px;
  right: auto;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-wait:after {
  border-left: none;
  border-right: 36px solid var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-process:after {
  border-left: none;
  border-right: 36px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish:after {
  border-left: none;
  border-right: 36px solid rgb(var(--veveditor-vod-primary-1));
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-error:after {
  border-left: none;
  border-right: 36px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:first-child):before {
  border-right: 20px solid var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child):after {
  border-right: 20px solid var(--veveditor-vod-color-bg-4);
  left: -20px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:first-child .veveditor-vod-steps-item-content {
  padding-left: 0;
  padding-right: 20px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:first-child) .veveditor-vod-steps-item-content {
  padding-left: 0;
  padding-right: 40px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-wait:after {
  border-right: 20px solid var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-process:after {
  border-right: 20px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-finish:after {
  border-right: 20px solid rgb(var(--veveditor-vod-primary-1));
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-arrow.veveditor-vod-steps-size-small .veveditor-vod-steps-item:not(:last-child).veveditor-vod-steps-item-error:after {
  border-right: 20px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-steps-mode-navigation.veveditor-vod-steps-label-horizontal .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-title:after {
  display: none;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item {
  margin-right: 32px;
  padding-left: 20px;
  padding-right: 10px;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item:last-child {
  flex: 1;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item-content {
  margin-bottom: 20px;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item-description {
  padding-right: 20px;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item-active:after {
  background-color: rgb(var(--veveditor-vod-primary-6));
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 30px;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item-active:last-child:after {
  width: 100%;
}

.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-content:after {
  background-color: var(--veveditor-vod-color-bg-2);
  border: 2px solid var(--veveditor-vod-color-text-4);
  content: "";
  display: inline-block;
  position: absolute;
  border-bottom: none;
  border-left: none;
  width: 6px;
  height: 6px;
  top: 10px;
  right: 10px;
  transform: rotate(45deg);
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item {
  margin-left: 32px;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 20px;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item-description {
  padding-left: 20px;
  padding-right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item-active:after {
  left: 30px;
  right: 0;
}

.veveditor-vod-steps-rtl.veveditor-vod-steps-mode-navigation .veveditor-vod-steps-item:not(:last-child) .veveditor-vod-steps-item-content:after {
  border: 2px solid var(--veveditor-vod-color-text-4);
  border-top: none;
  border-right: none;
  left: 10px;
  right: auto;
}

.veveditor-vod-steps {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-steps-change-onclick .veveditor-vod-steps-item-description, .veveditor-vod-steps-change-onclick .veveditor-vod-steps-item-title {
  transition: all .1s linear;
}

.veveditor-vod-steps-change-onclick .veveditor-vod-steps-item:not(.veveditor-vod-steps-item-active):not(.veveditor-vod-steps-item-disabled) {
  cursor: pointer;
}

.veveditor-vod-steps-change-onclick .veveditor-vod-steps-item:not(.veveditor-vod-steps-item-active):not(.veveditor-vod-steps-item-disabled):hover .veveditor-vod-steps-item-content .veveditor-vod-steps-item-description, .veveditor-vod-steps-change-onclick .veveditor-vod-steps-item:not(.veveditor-vod-steps-item-active):not(.veveditor-vod-steps-item-disabled):hover .veveditor-vod-steps-item-content .veveditor-vod-steps-item-title {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-steps-lineless .veveditor-vod-steps-item-title:after {
  display: none !important;
}

.veveditor-vod-steps-vertical {
  flex-direction: column;
}

.veveditor-vod-steps-vertical > .veveditor-vod-steps-item:not(:last-child) {
  min-height: 90px;
}

.veveditor-vod-steps-vertical > .veveditor-vod-steps-item > .veveditor-vod-steps-item-content > .veveditor-vod-steps-item-title:after {
  display: none !important;
}

.veveditor-vod-steps-vertical > .veveditor-vod-steps-item > .veveditor-vod-steps-item-content > .veveditor-vod-steps-item-description {
  max-width: none;
}

.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-content {
  display: block;
  text-align: center;
  width: 140px;
}

.veveditor-vod-steps-label-vertical .veveditor-vod-steps-item-description {
  max-width: none;
}

.veveditor-vod-steps-rtl {
  direction: rtl;
}

.switchSlideText-appear, .switchSlideText-enter {
  left: -100% !important;
}

.switchSlideText-appear-active, .switchSlideText-enter-active {
  transition: left .2s cubic-bezier(.34,.69,.1,1);
  left: 8px !important;
}

.switchSlideText-exit {
  left: 100% !important;
}

.switchSlideText-exit-active {
  transition: left .2s cubic-bezier(.34,.69,.1,1);
  left: 24px !important;
}

.veveditor-vod-switch {
  background-color: var(--veveditor-vod-color-fill-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  border: none;
  border-radius: 10px;
  min-width: 40px;
  height: 20px;
  padding: 0;
  transition: background-color .2s cubic-bezier(.34,.69,.1,1);
  line-height: 20px;
}

.veveditor-vod-switch-type-circle:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-gray-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-gray-6));
}

.veveditor-vod-switch-type-round:focus-visible {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-gray-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-gray-6));
}

.veveditor-vod-switch-type-circle.veveditor-vod-switch-checked:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-type-round.veveditor-vod-switch-checked:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-type-line:focus-visible .veveditor-vod-switch-dot {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-gray-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-gray-6));
  transition: none;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-checked:focus-visible .veveditor-vod-switch-dot {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-dot {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-neutral-3);
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 16px;
  transition: all .2s cubic-bezier(.34,.69,.1,1);
  font-size: 12px;
  top: 2px;
  left: 2px;
}

.veveditor-vod-switch-checked {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  color: rgb(var(--veveditor-vod-primary-6));
  left: calc(100% - 18px);
}

.veveditor-vod-switch[disabled] .veveditor-vod-switch-dot {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-switch[disabled].veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-text-holder {
  opacity: 0;
  margin: 0 8px 0 24px;
  font-size: 12px;
}

.veveditor-vod-switch-text {
  color: var(--veveditor-vod-color-white);
  position: absolute;
  font-size: 12px;
  top: 0;
  left: 24px;
}

.veveditor-vod-switch-checked .veveditor-vod-switch-text-holder {
  margin: 0 24px 0 8px;
}

.veveditor-vod-switch-checked .veveditor-vod-switch-text {
  color: var(--veveditor-vod-color-white);
  left: 8px;
}

.veveditor-vod-switch[disabled] {
  background-color: var(--veveditor-vod-color-bg-5);
  cursor: not-allowed;
}

.veveditor-vod-switch[disabled] .veveditor-vod-switch-text {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-switch[disabled].veveditor-vod-switch-checked {
  background-color: rgb(var(--veveditor-vod-link-3));
}

.veveditor-vod-switch[disabled].veveditor-vod-switch-checked .veveditor-vod-switch-text {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-switch-loading {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-switch-loading .veveditor-vod-switch-dot {
  color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-switch-loading .veveditor-vod-switch-text {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-switch-loading.veveditor-vod-switch-checked {
  background-color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-loading.veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-loading.veveditor-vod-switch-checked .veveditor-vod-switch-text {
  color: var(--veveditor-vod-color-primary-light-1);
}

.veveditor-vod-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}

.veveditor-vod-switch-small.veveditor-vod-switch-checked {
  padding-left: -2px;
}

.veveditor-vod-switch-small .veveditor-vod-switch-dot {
  border-radius: 8px;
  width: 12px;
  height: 12px;
  top: 2px;
  left: 2px;
}

.veveditor-vod-switch-small .veveditor-vod-switch-dot-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.66667);
}

.veveditor-vod-switch-small.veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  left: calc(100% - 14px);
}

.veveditor-vod-switch-type-round {
  border-radius: var(--veveditor-vod-border-radius-small);
  min-width: 40px;
}

.veveditor-vod-switch-type-round .veveditor-vod-switch-dot {
  border-radius: 2px;
}

.veveditor-vod-switch-type-round.veveditor-vod-switch-small {
  border-radius: 2px;
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}

.veveditor-vod-switch-type-round.veveditor-vod-switch-small .veveditor-vod-switch-dot {
  border-radius: 1px;
}

.veveditor-vod-switch-type-line {
  overflow: unset;
  background-color: #0000;
  min-width: 36px;
}

.veveditor-vod-switch-type-line:after {
  background-color: var(--veveditor-vod-color-fill-1);
  content: "";
  display: block;
  border-radius: 3px;
  width: 100%;
  height: 6px;
  transition: background-color .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-switch-type-line .veveditor-vod-switch-dot {
  background-color: var(--veveditor-vod-color-bg-white);
  -webkit-box-shadow: 0 1px 3px var(--veveditor-vod-color-neutral-6);
  box-shadow: 0 1px 3px var(--veveditor-vod-color-neutral-6);
  border-radius: 10px;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-checked {
  background-color: #0000;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-checked:after {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  left: calc(100% - 20px);
}

.veveditor-vod-switch-type-line[disabled] {
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-switch-type-line[disabled]:after {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-switch-type-line[disabled].veveditor-vod-switch-checked {
  background-color: #0000;
}

.veveditor-vod-switch-type-line[disabled].veveditor-vod-switch-checked:after {
  background-color: rgb(var(--veveditor-vod-link-3));
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-loading {
  background-color: #0000;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-loading:after {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-loading.veveditor-vod-switch-checked {
  background-color: #0000;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-loading.veveditor-vod-switch-checked:after {
  background-color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-small.veveditor-vod-switch-checked {
  padding-left: 0;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-small .veveditor-vod-switch-dot {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  top: 0;
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-small .veveditor-vod-switch-dot-icon {
  transform: translate(-50%, -50%)scale(1);
}

.veveditor-vod-switch-type-line.veveditor-vod-switch-small.veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  left: calc(100% - 16px);
}

.veveditor-vod-switch-rtl {
  direction: rtl;
}

.veveditor-vod-switch-rtl .switchSlideText-appear, .veveditor-vod-switch-rtl .switchSlideText-enter {
  left: auto;
  right: -100% !important;
}

.veveditor-vod-switch-rtl .switchSlideText-appear-active, .veveditor-vod-switch-rtl .switchSlideText-enter-active {
  transition: right .2s cubic-bezier(.34,.69,.1,1);
  left: auto;
  right: 8px !important;
}

.veveditor-vod-switch-rtl .switchSlideText-exit {
  left: auto;
  right: 100% !important;
}

.veveditor-vod-switch-rtl .switchSlideText-exit-active {
  transition: right .2s cubic-bezier(.34,.69,.1,1);
  left: auto;
  right: 24px !important;
}

.veveditor-vod-switch-rtl .veveditor-vod-switch-dot {
  left: auto;
  right: 2px;
}

.veveditor-vod-switch-rtl .veveditor-vod-switch-text-holder {
  margin: 0 24px 0 8px;
}

.veveditor-vod-switch-rtl .veveditor-vod-switch-text {
  left: auto;
  right: 24px;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-small .veveditor-vod-switch-dot {
  right: 2px;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-type-line .veveditor-vod-switch-dot {
  right: 0;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-checked .veveditor-vod-switch-dot {
  right: calc(100% - 18px);
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-checked .veveditor-vod-switch-text-holder {
  margin: 0 8px 0 24px;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-checked .veveditor-vod-switch-text {
  left: auto;
  right: 8px;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-checked.veveditor-vod-switch-small {
  padding-left: 0;
  padding-right: -2px;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-checked.veveditor-vod-switch-small.veveditor-vod-switch-type-line {
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-switch-rtl.veveditor-vod-switch-checked.veveditor-vod-switch-small .veveditor-vod-switch-dot {
  left: auto;
  right: calc(100% - 14px);
}

.veveditor-vod-table-filters-popup {
  background: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100px;
  box-shadow: 0 2px 6px #0000001a;
}

.veveditor-vod-table-filters-list {
  overflow-y: auto;
  max-height: 200px;
  padding: 4px 0;
}

.veveditor-vod-table-filters-item {
  overflow: hidden;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
}

.veveditor-vod-table-filters-item .veveditor-vod-checkbox, .veveditor-vod-table-filters-item .veveditor-vod-radio {
  white-space: nowrap;
  width: 100%;
  padding: 0 12px;
}

.veveditor-vod-table-filters-btn {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  justify-content: space-between;
  align-items:  center;
  height: 38px;
  padding: 0 12px;
  line-height: 38px;
}

.veveditor-vod-table-th-item {
  padding: 10px 16px;
}

.veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-right: 28px;
}

.veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-right: 0;
}

.veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 28px;
}

.veveditor-vod-table-col-has-sorter {
  padding: 0;
}

.veveditor-vod-table-col-has-sorter .veveditor-vod-table-cell-with-sorter {
  cursor: pointer;
  padding: 10px 16px;
}

.veveditor-vod-table-rtl .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-left: 28px;
  padding-right: 16px;
}

.veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 16px;
}

.veveditor-vod-table-td {
  padding: 10px 16px;
  font-size: 13px;
}

.veveditor-vod-table-th {
  font-size: 13px;
}

.veveditor-vod-table-footer {
  padding: 10px 16px;
}

.veveditor-vod-table-expand-fixed-row {
  margin: -10px -17px;
  padding: 10px 16px;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table {
  margin: -10px -16px -11px;
}

.veveditor-vod-table-editable-row .veveditor-vod-table-cell-wrap-value, .veveditor-vod-table-size-middle .veveditor-vod-table-th-item {
  padding: 10px 16px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-right: 28px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-right: 0;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 28px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-col-has-sorter {
  padding: 0;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-col-has-sorter .veveditor-vod-table-cell-with-sorter {
  cursor: pointer;
  padding: 10px 16px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-rtl .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-left: 28px;
  padding-right: 16px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 16px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-td {
  padding: 10px 16px;
  font-size: 13px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-th {
  font-size: 13px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-footer {
  padding: 10px 16px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-expand-fixed-row {
  margin: -10px -17px;
  padding: 10px 16px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table {
  margin: -10px -16px -11px;
}

.veveditor-vod-table-size-middle .veveditor-vod-table-editable-row .veveditor-vod-table-cell-wrap-value {
  padding: 10px 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-th-item {
  padding: 6px 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-right: 28px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-right: 0;
}

.veveditor-vod-table-size-small .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 28px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-col-has-sorter {
  padding: 0;
}

.veveditor-vod-table-size-small .veveditor-vod-table-col-has-sorter .veveditor-vod-table-cell-with-sorter {
  cursor: pointer;
  padding: 6px 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-rtl .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-left: 28px;
  padding-right: 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-table-size-small .veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-td {
  padding: 6px 16px;
  font-size: 13px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-th {
  font-size: 13px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-footer {
  padding: 6px 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-expand-fixed-row {
  margin: -6px -17px;
  padding: 6px 16px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table {
  margin: -6px -16px -7px;
}

.veveditor-vod-table-size-small .veveditor-vod-table-editable-row .veveditor-vod-table-cell-wrap-value {
  padding: 6px 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-th-item {
  padding: 7px 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-right: 28px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-right: 0;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 28px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-col-has-sorter {
  padding: 0;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-col-has-sorter .veveditor-vod-table-cell-with-sorter {
  cursor: pointer;
  padding: 7px 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-rtl .veveditor-vod-table-th-item.veveditor-vod-table-col-has-filter {
  padding-left: 28px;
  padding-right: 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter {
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-rtl .veveditor-vod-table-col-has-sorter.veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-td {
  padding: 7px 16px;
  font-size: 12px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-th {
  font-size: 12px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-footer {
  padding: 7px 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-expand-fixed-row {
  margin: -7px -17px;
  padding: 7px 16px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table {
  margin: -7px -16px -8px;
}

.veveditor-vod-table-size-mini .veveditor-vod-table-editable-row .veveditor-vod-table-cell-wrap-value {
  padding: 7px 16px;
}

.veveditor-vod-table {
  position: relative;
}

.veveditor-vod-table .veveditor-vod-spin {
  display: block;
}

.veveditor-vod-table > .veveditor-vod-spin > .veveditor-vod-spin-children:after {
  z-index: 2;
}

.veveditor-vod-table-footer {
  border-radius: 0 0 4px 4px;
}

.veveditor-vod-table-scroll-position-middle .veveditor-vod-table-col-fixed-left-last:after, .veveditor-vod-table-scroll-position-right .veveditor-vod-table-col-fixed-left-last:after {
  box-shadow: inset 6px 0 8px -3px #00000026;
}

.veveditor-vod-table-scroll-position-left .veveditor-vod-table-col-fixed-right-first:after, .veveditor-vod-table-scroll-position-middle .veveditor-vod-table-col-fixed-right-first:after {
  box-shadow: inset -6px 0 8px -3px #00000026;
}

.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:before, .veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-right .veveditor-vod-table-content-scroll:before {
  box-shadow: inset 6px 0 8px -3px #00000026;
}

.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-right).veveditor-vod-table-scroll-position-left .veveditor-vod-table-content-scroll:after, .veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-right).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:after {
  box-shadow: inset -6px 0 8px -3px #00000026;
}

.veveditor-vod-table-layout-fixed .veveditor-vod-table-content-inner {
  overflow-x: auto;
  overflow-y: hidden;
}

.veveditor-vod-table-layout-fixed table {
  table-layout: fixed;
}

thead > .veveditor-vod-table-tr > .veveditor-vod-table-th {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

thead > .veveditor-vod-table-tr:not(:last-child) > .veveditor-vod-table-th[colspan] {
  border-bottom: 0;
}

.veveditor-vod-table table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 100%;
  margin: 0;
}

.veveditor-vod-table table thead tr:first-child th:first-child {
  border-radius: 4px 0 0;
}

.veveditor-vod-table table thead tr:first-child th:last-child {
  border-radius: 0 4px 0 0;
}

.veveditor-vod-table-th {
  background-color: var(--veveditor-vod-color-bg-4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  text-align: left;
  font-weight: 500;
  line-height: 1.53846;
}

.veveditor-vod-table-th[colspan] {
  text-align: center;
}

.veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-bg-white);
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-1);
  text-align: left;
  line-height: 1.53846;
}

.veveditor-vod-table-th.veveditor-vod-table-col-sorted {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-table-td.veveditor-vod-table-col-sorted {
  background-color: var(--veveditor-vod-color-bg-3);
}

.veveditor-vod-table-col-fixed-left, .veveditor-vod-table-col-fixed-right {
  position: sticky;
  z-index: 1;
}

.veveditor-vod-table-col-fixed-left-last:after, .veveditor-vod-table-col-fixed-right-first:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  content: "";
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(-100%);
  width: 10px;
  transition: box-shadow .1s linear, -webkit-box-shadow .1s linear;
  top: 0;
  bottom: -1px;
  left: 0;
  transform: translate(-100%);
}

.veveditor-vod-table-col-fixed-left-last:after {
  left: unset;
  -webkit-transform: translateX(100%);
  right: 0;
  transform: translate(100%);
}

.veveditor-vod-table-cell-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.veveditor-vod-table-cell-text-ellipsis .veveditor-vod-table-cell-with-sorter {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-table-cell-text-ellipsis .veveditor-vod-table-th-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.veveditor-vod-table-editable-row .veveditor-vod-table-cell-wrap-value {
  border: 1px solid var(--veveditor-vod-color-white);
  cursor: pointer;
  border-radius: 4px;
  transition: all .1s linear;
}

.veveditor-vod-table-editable-row:hover .veveditor-vod-table-cell-wrap-value {
  border: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-cell {
  word-break: break-all;
  width: 100%;
}

.veveditor-vod-table-cell:has( > .veveditor-vod-table-cell-indent):after {
  clear: both;
  content: "";
  display: block;
}

.veveditor-vod-table-cell-indent {
  float: left;
  height: 1px;
}

.veveditor-vod-table-cell-indent + .veveditor-vod-table-cell-wrap-value {
  float: left;
}

.veveditor-vod-table-expand-icon-cell button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--veveditor-vod-color-bg-white);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  outline: none;
  border: 1px solid #0000;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 16px;
  padding: 0;
  transition: background-color .1s linear;
  font-size: 12px;
  line-height: 16px;
}

.veveditor-vod-table-expand-icon-cell button:hover {
  background-color: var(--veveditor-vod-color-bg-3);
  color: var(--veveditor-vod-color-text-1);
  border-color: #0000;
}

div.veveditor-vod-table-expand-icon-cell {
  justify-content: center;
}

.veveditor-vod-table-cell-expand-icon {
  float: left;
}

.veveditor-vod-table-cell-expand-icon button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--veveditor-vod-color-bg-white);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  outline: none;
  border: 1px solid #0000;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  padding: 0;
  transition: background-color .1s linear;
  font-size: 12px;
  line-height: 16px;
}

.veveditor-vod-table-cell-expand-icon button:hover {
  background-color: var(--veveditor-vod-color-bg-3);
  color: var(--veveditor-vod-color-text-1);
  border-color: #0000;
}

.veveditor-vod-table-cell-expand-icon-hidden {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td {
  background-color: #fcfdfe;
}

.veveditor-vod-table-expand-fixed-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: sticky;
  left: 0;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-container {
  border: none;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-th {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-td, .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-th {
  background-color: #fcfdfe;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-pagination {
  margin-bottom: 12px;
}

.veveditor-vod-table-td.veveditor-vod-table-operation, .veveditor-vod-table-th.veveditor-vod-table-operation .veveditor-vod-table-th-item {
  text-align: center;
  padding: 0;
}

.veveditor-vod-table-checkbox, .veveditor-vod-table-radio {
  justify-content: center;
}

.veveditor-vod-table-checkbox .veveditor-vod-checkbox, .veveditor-vod-table-radio .veveditor-vod-radio {
  padding-left: 0;
}

.veveditor-vod-table-expand-icon-col, .veveditor-vod-table-selection-col {
  width: 40px;
}

.veveditor-vod-table-checkbox .veveditor-vod-table-th-item, .veveditor-vod-table-radio .veveditor-vod-table-th-item, div.veveditor-vod-table-expand-icon-col .veveditor-vod-table-th-item, div.veveditor-vod-table-selection-col .veveditor-vod-table-th-item {
  padding: 0;
}

.veveditor-vod-table-th-item {
  position: relative;
  transition: background-color .1s linear;
}

.veveditor-vod-table-cell-mouseenter {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-table-cell-next-ascend .veveditor-vod-table-sorter-icon .veveditor-vod-icon-caret-up, .veveditor-vod-table-cell-next-descend .veveditor-vod-table-sorter-icon .veveditor-vod-icon-caret-down {
  color: var(--veveditor-vod-color-neutral-6);
}

.veveditor-vod-table-sorter {
  display: inline-block;
  vertical-align: -3px;
  margin-left: 8px;
}

.veveditor-vod-table-sorter.veveditor-vod-table-sorter-direction-one {
  vertical-align: 0;
}

.veveditor-vod-table-sorter-icon {
  overflow: hidden;
  position: relative;
  width: 12px;
  height: 8px;
  line-height: 8px;
}

.veveditor-vod-table-sorter-icon .veveditor-vod-icon-caret-down, .veveditor-vod-table-sorter-icon .veveditor-vod-icon-caret-up {
  color: var(--veveditor-vod-color-fill-1);
  position: absolute;
  transition: all .1s linear;
  font-size: 12px;
  top: 50%;
}

.veveditor-vod-table-sorter-icon .veveditor-vod-icon-caret-up {
  top: -2px;
  left: 0;
}

.veveditor-vod-table-sorter-icon .veveditor-vod-icon-caret-down {
  top: -3px;
  left: 0;
}

.veveditor-vod-table-sorter-icon.veveditor-vod-table-sorter-icon-active svg {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-table-filters {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  cursor: pointer;
  vertical-align: 0;
  background-color: #0000;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 100%;
  transition: all .1s linear;
  line-height: 1;
  top: 0;
  right: 0;
}

.veveditor-vod-table-filters-open, .veveditor-vod-table-filters:hover {
  background-color: var(--veveditor-vod-color-neutral-4);
}

.veveditor-vod-table-filters svg {
  color: var(--veveditor-vod-color-text-2);
  transition: all .1s linear;
  font-size: 16px;
}

.veveditor-vod-table-filters-active svg {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-table-container {
  position: relative;
  border-radius: 4px 4px 0 0;
}

.veveditor-vod-table-header {
  border-radius: 4px 4px 0 0;
}

.veveditor-vod-table-content-scroll {
  overflow: hidden;
  width: 100%;
}

.veveditor-vod-table-content-scroll .veveditor-vod-table-content-inner {
  width: auto;
}

.veveditor-vod-table-content-scroll:after, .veveditor-vod-table-content-scroll:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 100%;
  transition: box-shadow .1s linear, -webkit-box-shadow .1s linear;
  top: -1px;
  bottom: -1px;
}

.veveditor-vod-table-content-scroll:before {
  border-top-left-radius: 4px;
  left: 0;
}

.veveditor-vod-table-content-scroll:after {
  border-top-right-radius: 4px;
  right: 0;
}

.veveditor-vod-table-header {
  background-color: var(--veveditor-vod-color-bg-4);
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-color: inherit;
}

.veveditor-vod-table-header::-webkit-scrollbar {
  background-color: #0000;
}

.veveditor-vod-table-body {
  background-color: var(--veveditor-vod-color-bg-2);
  overflow: auto;
  position: relative;
  z-index: 1;
}

.veveditor-vod-table-no-data {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 20px;
  font-size: 14px;
  line-height: 40px;
}

.veveditor-vod-table-border.veveditor-vod-table-fixed-column .veveditor-vod-table-empty-row .veveditor-vod-table-td:first-child {
  border-bottom: 0;
  border-left: 0;
}

.veveditor-vod-table-border .veveditor-vod-table-container {
  border-right: 1px solid var(--veveditor-vod-color-border-2);
  border-top: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border .veveditor-vod-table-container:before {
  background-color: var(--veveditor-vod-color-border-2);
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.veveditor-vod-table-border .veveditor-vod-table-expand-fixed-row, .veveditor-vod-table-border .veveditor-vod-table-td:first-child, .veveditor-vod-table-border .veveditor-vod-table-th:first-child {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border .veveditor-vod-table-footer {
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-top: 0;
}

.veveditor-vod-table-border-cell .veveditor-vod-table-td, .veveditor-vod-table-border-cell .veveditor-vod-table-th {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border-cell thead > .veveditor-vod-table-tr:not(:last-child) > .veveditor-vod-table-th[colspan] {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border-header-cell .veveditor-vod-table-th {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border-header-cell thead > .veveditor-vod-table-tr:not(:last-child) > .veveditor-vod-table-th[colspan] {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border-body-cell .veveditor-vod-table-td {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-td:first-child, .veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-th:first-child {
  border-left: 0;
}

.veveditor-vod-table-stripe .veveditor-vod-table-tr:nth-child(2n) .veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td:not(.veveditor-vod-table-col-fixed-left):not(.veveditor-vod-table-col-fixed-right) {
  background-color: var(--veveditor-vod-color-bg-3);
}

.veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td.veveditor-vod-table-col-fixed-left:before, .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td.veveditor-vod-table-col-fixed-right:before {
  background-color: var(--veveditor-vod-color-bg-3);
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.veveditor-vod-table-hover .veveditor-vod-table-expand-content:not(.veveditor-vod-table-empty-row):hover .veveditor-vod-table-td:not(.veveditor-vod-table-col-fixed-left):not(.veveditor-vod-table-col-fixed-right) {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row) .veveditor-vod-table-td.veveditor-vod-table-col-fixed-left:before, .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row) .veveditor-vod-table-td.veveditor-vod-table-col-fixed-right:before, .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table-hover .veveditor-vod-table-tr:not(.veveditor-vod-table-empty-row) .veveditor-vod-table-td:not(.veveditor-vod-table-col-fixed-left):not(.veveditor-vod-table-col-fixed-right) {
  background-color: #0000;
}

.veveditor-vod-table-type-radio .veveditor-vod-table-row-checked.veveditor-vod-table-tr .veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-table-virtualized table {
  table-layout: fixed;
}

.veveditor-vod-table-virtualized div.veveditor-vod-table-body div.veveditor-vod-table-tr {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-table-virtualized div.veveditor-vod-table-body div.veveditor-vod-table-td {
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  align-items:  center;
}

.veveditor-vod-table-virtualized .veveditor-vod-table-expand-icon-col, .veveditor-vod-table-virtualized .veveditor-vod-table-selection-col {
  max-width: 40px;
}

div.veveditor-vod-table-tfoot {
  background-color: var(--veveditor-vod-color-neutral-2);
  -webkit-box-shadow: 0 -1px 0 var(--veveditor-vod-color-border-2);
  box-shadow: 0 -1px 0 var(--veveditor-vod-color-border-2);
  overflow-x: scroll;
  position: relative;
  scrollbar-color: inherit;
  z-index: 1;
  width: 100%;
}

div.veveditor-vod-table-tfoot::-webkit-scrollbar {
  background-color: #0000;
}

.veveditor-vod-table-tfoot .veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-neutral-2);
}

.veveditor-vod-table-pagination {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.veveditor-vod-table-pagination-left {
  justify-content: flex-start;
}

.veveditor-vod-table-pagination-center {
  justify-content: center;
}

.veveditor-vod-table-pagination-top {
  margin-top: 0;
  margin-bottom: 12px;
}

.veveditor-vod-table-pagination .veveditor-vod-pagination {
  margin-top: 12px;
}

.veveditor-vod-table-rtl {
  direction: rtl;
}

.veveditor-vod-table-rtl.veveditor-vod-table-border .veveditor-vod-table-td:first-child, .veveditor-vod-table-rtl.veveditor-vod-table-border .veveditor-vod-table-th:first-child {
  border-left: 0;
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-rtl.veveditor-vod-table-border-cell .veveditor-vod-table-td, .veveditor-vod-table-rtl.veveditor-vod-table-border-cell .veveditor-vod-table-th {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-rtl table thead tr:first-child th:first-child {
  border-radius: 0 4px 0 0;
}

.veveditor-vod-table-rtl table thead tr:first-child th:last-child {
  border-radius: 4px 0 0;
}

.veveditor-vod-table-rtl .veveditor-vod-table-td, .veveditor-vod-table-rtl .veveditor-vod-table-th {
  text-align: right;
}

.veveditor-vod-table-rtl .veveditor-vod-table-td.veveditor-vod-table-operation, .veveditor-vod-table-rtl .veveditor-vod-table-th.veveditor-vod-table-operation .veveditor-vod-table-th-item {
  text-align: center;
}

.veveditor-vod-table-rtl.veveditor-vod-table-border .veveditor-vod-table-container {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: 0;
}

.veveditor-vod-table-rtl.veveditor-vod-table-border-body-cell .veveditor-vod-table-td, .veveditor-vod-table-rtl.veveditor-vod-table-border-cell .veveditor-vod-table-td, .veveditor-vod-table-rtl.veveditor-vod-table-border-cell .veveditor-vod-table-th, .veveditor-vod-table-rtl.veveditor-vod-table-border-header-cell .veveditor-vod-table-th {
  border-left: 0;
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-table-rtl.veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-td:first-child, .veveditor-vod-table-rtl.veveditor-vod-table-border-cell:not(.veveditor-vod-table-border) .veveditor-vod-table-th:first-child {
  border-right: 0;
}

.veveditor-vod-table-rtl .veveditor-vod-table-cell-expand-icon, .veveditor-vod-table-rtl .veveditor-vod-table-cell-indent {
  float: right;
}

.veveditor-vod-table-rtl .veveditor-vod-table-cell-expand-icon button, .veveditor-vod-table-rtl .veveditor-vod-table-cell-expand-icon-hidden {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-table-rtl .veveditor-vod-table-filters {
  left: 0;
  right: unset;
}

.veveditor-vod-table-rtl .veveditor-vod-table-sorter {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-table-rtl .veveditor-vod-table-col-fixed-left-last:after, .veveditor-vod-table-rtl .veveditor-vod-table-col-fixed-right-first:after {
  left: unset;
  right: -20px;
}

.veveditor-vod-table-rtl .veveditor-vod-table-col-fixed-left-last:after {
  left: -20px;
  right: unset;
}

.veveditor-vod-table-rtl.veveditor-vod-table-scroll-position-right .veveditor-vod-table-col-fixed-left-last:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-table-rtl.veveditor-vod-table-scroll-position-middle .veveditor-vod-table-col-fixed-right-first:after, .veveditor-vod-table-rtl.veveditor-vod-table-scroll-position-right .veveditor-vod-table-col-fixed-right-first:after {
  box-shadow: inset 6px 0 8px -3px #00000026;
}

.veveditor-vod-table-rtl.veveditor-vod-table-scroll-position-left .veveditor-vod-table-col-fixed-right-first:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-table-rtl.veveditor-vod-table-scroll-position-left .veveditor-vod-table-col-fixed-left-last:after, .veveditor-vod-table-rtl.veveditor-vod-table-scroll-position-middle .veveditor-vod-table-col-fixed-left-last:after {
  box-shadow: inset -6px 0 8px -3px #00000026;
}

.veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:before, .veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-right .veveditor-vod-table-content-scroll:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:after, .veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-right .veveditor-vod-table-content-scroll:after {
  box-shadow: inset -6px 0 8px -3px #00000026;
}

.veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-right).veveditor-vod-table-scroll-position-left .veveditor-vod-table-content-scroll:before, .veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-right).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:before {
  box-shadow: inset 6px 0 8px -3px #00000026;
}

.veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-right).veveditor-vod-table-scroll-position-left .veveditor-vod-table-content-scroll:after, .veveditor-vod-table-rtl.veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-right).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}

body[arco-theme="dark"] .veveditor-vod-table-stripe .veveditor-vod-table-tr:nth-child(2n) .veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-bg-3);
}

.veveditor-vod-icon-hover.veveditor-vod-tabs-icon-hover:before {
  width: 16px;
  height: 16px;
}

.veveditor-vod-tabs .veveditor-vod-tabs-icon-hover {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-tabs .veveditor-vod-tabs-icon-hover, .veveditor-vod-tabs-dropdown-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
}

.veveditor-vod-tabs-dropdown-icon {
  margin-left: 6px;
}

.veveditor-vod-tabs-close-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 8px;
}

.veveditor-vod-tabs-close-icon:focus-visible .veveditor-vod-icon-hover:before {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-add-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: center;
  align-items:  center;
  padding: 0 8px;
  font-size: 12px;
}

.veveditor-vod-tabs-add-icon:focus-visible .veveditor-vod-icon-hover:before {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-add {
  position: relative;
}

.veveditor-vod-tabs-left-icon {
  margin-left: 10px;
  margin-right: 6px;
}

.veveditor-vod-tabs-right-icon {
  margin-left: 6px;
  margin-right: 10px;
}

.veveditor-vod-tabs-up-icon {
  margin-bottom: 10px;
}

.veveditor-vod-tabs-down-icon {
  margin-top: 10px;
}

.veveditor-vod-tabs .veveditor-vod-tabs-nav-icon-disabled {
  cursor: not-allowed;
}

.veveditor-vod-tabs {
  overflow: hidden;
  position: relative;
}

.veveditor-vod-tabs-header-nav {
  position: relative;
}

.veveditor-vod-tabs-header-nav:before {
  background-color: var(--veveditor-vod-color-neutral-3);
  clear: both;
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.veveditor-vod-tabs-header-nav-bottom .veveditor-vod-tabs-header-ink, .veveditor-vod-tabs-header-nav-bottom:before {
  top: 0;
}

.veveditor-vod-tabs-header-nav-bottom .veveditor-vod-tabs-header-ink .veveditor-vod-tabs-header-ink-inner {
  bottom: unset;
  top: 0;
}

.veveditor-vod-tabs-header-wrapper {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex: 1;
}

.veveditor-vod-tabs-header {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  transition: transform .2s cubic-bezier(.34,.69,.1,1), -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-tabs-header-extra {
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  align-items:  center;
  width: auto;
  line-height: 36px;
}

.veveditor-vod-tabs-header-extra .veveditor-vod-tabs-add-icon {
  padding-left: 0;
}

.veveditor-vod-tabs-header-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
  padding: 6px 0;
  transition: color .2s linear;
  font-size: 14px;
  line-height: 1.5715;
}

.veveditor-vod-tabs-header-title-text {
  display: inline-block;
}

.veveditor-vod-tabs-header-title:hover {
  color: rgb(var(--veveditor-vod-primary-7));
  font-weight: 400;
}

.veveditor-vod-tabs-header-title-disabled, .veveditor-vod-tabs-header-title-disabled:hover {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-title-active:hover {
  color: rgb(var(--veveditor-vod-primary-6));
  font-weight: 500;
}

.veveditor-vod-tabs-header-title-active.veveditor-vod-tabs-header-title-disabled, .veveditor-vod-tabs-header-title-active:hover.veveditor-vod-tabs-header-title-disabled {
  color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-ink {
  background-color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  height: 2px;
  transition: left .2s cubic-bezier(.34,.69,.1,1), width .2s cubic-bezier(.34,.69,.1,1);
  top: auto;
  bottom: 0;
  right: auto;
}

.veveditor-vod-tabs-header-ink.veveditor-vod-tabs-header-ink-no-animation {
  transition: none;
}

.veveditor-vod-tabs-header-ink.veveditor-vod-tabs-header-ink-custom {
  background-color: #0000;
}

.veveditor-vod-tabs-header-ink.veveditor-vod-tabs-header-ink-custom .veveditor-vod-tabs-header-ink-inner {
  background-color: rgb(var(--veveditor-vod-primary-6));
  position: absolute;
  -webkit-transform: translateX(-50%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-tabs-header-ink-disabled {
  background-color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-extra {
  line-height: 40px;
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title {
  margin: 0 16px;
  padding: 8px 0;
  line-height: 1.5715;
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title-text {
  display: inline-block;
  position: relative;
  padding: 1px 0;
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title-text:before {
  border-radius: var(--veveditor-vod-border-radius-small);
  content: "";
  opacity: 1;
  position: absolute;
  z-index: -1;
  background-color: #0000;
  transition: all .2s linear;
  inset: 0 -8px;
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title:hover .veveditor-vod-tabs-header-title-text:before {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title:focus-visible .veveditor-vod-tabs-header-title-text:before {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title-active .veveditor-vod-tabs-header-title-text:before, .veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title-active:hover .veveditor-vod-tabs-header-title-text:before {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-header-title-text:before, .veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-tabs-header-title-text:before {
  opacity: 0;
}

.veveditor-vod-tabs-header-nav-line.veveditor-vod-tabs-header-nav-horizontal > .veveditor-vod-tabs-header-scroll .veveditor-vod-tabs-header-title:first-of-type {
  margin-left: 16px;
}

.veveditor-vod-tabs-header-nav-line.veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-no-padding > .veveditor-vod-tabs-header-title:first-of-type, .veveditor-vod-tabs-header-nav-text.veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-no-padding > .veveditor-vod-tabs-header-title:first-of-type {
  margin-left: 0;
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  padding: 6px 16px;
  transition: padding .2s linear, color .2s linear;
  font-size: 14px;
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-editable, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-editable {
  padding-right: 12px;
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-editable:not(.veveditor-vod-tabs-header-title-active):hover .veveditor-vod-icon-hover:hover:before, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-editable:not(.veveditor-vod-tabs-header-title-active):hover .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-4);
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-add-icon, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-add-icon {
  color: var(--veveditor-vod-color-text-2);
  height: 36px;
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title {
  background-color: #0000;
  border-right: none;
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:last-child {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top-right-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:first-child {
  border-top-left-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-disabled, .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-disabled:hover {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-active:hover {
  border-bottom-color: var(--veveditor-vod-color-bg-2);
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-card.veveditor-vod-tabs-header-nav-bottom .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-card.veveditor-vod-tabs-header-nav-bottom .veveditor-vod-tabs-header-title-active:hover {
  border-bottom-color: var(--veveditor-vod-color-neutral-3);
  border-top-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  background-color: var(--veveditor-vod-color-bg-4);
  border-radius: var(--veveditor-vod-border-radius-small) var(--veveditor-vod-border-radius-small) 0 0;
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
  margin-left: 6px;
}

.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-disabled, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-disabled:hover, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active:hover {
  border-bottom-color: var(--veveditor-vod-color-bg-2);
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:first-child {
  margin-left: 0;
}

.veveditor-vod-tabs-header-nav-card-gutter.veveditor-vod-tabs-header-nav-bottom .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-card-gutter.veveditor-vod-tabs-header-nav-bottom .veveditor-vod-tabs-header-title-active:hover {
  border-bottom-color: var(--veveditor-vod-color-neutral-3);
  border-top-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-tabs-header-nav-text:before {
  display: none;
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title {
  position: relative;
  margin: 0 8.5px;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.5715;
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title:not(:first-of-type):before {
  background-color: var(--veveditor-vod-color-border-3);
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 12px;
  top: 50%;
  left: -8.5px;
  transform: translateY(-50%);
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-text {
  background-color: #0000;
  padding-left: 8px;
  padding-right: 8px;
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-text:hover {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title:focus-visible .veveditor-vod-tabs-header-title-text {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-active .veveditor-vod-tabs-header-title-text, .veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-active .veveditor-vod-tabs-header-title-text:hover, .veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-header-title-text, .veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-header-title-text:hover {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-active.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-header-title-text, .veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-active.veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-header-title-text:hover {
  background-color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-rounded:before {
  display: none;
}

.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title {
  background-color: #0000;
  border-radius: 32px;
  margin: 0 6px;
  padding: 6px 16px;
  font-size: 13px;
}

.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title:hover {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title-disabled:hover {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title-active:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tabs-header-nav-capsule:before {
  display: none;
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-wrapper {
  justify-content: flex-end;
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: 4px;
  padding: 3px;
  line-height: 1;
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title {
  border-radius: var(--veveditor-vod-border-radius-small);
  position: relative;
  background-color: #0000;
  padding: 0 12px;
  font-size: 13px;
  line-height: 26px;
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title:hover {
  background-color: #0000;
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-disabled:hover {
  background-color: unset;
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active:hover {
  background-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active + .veveditor-vod-tabs-header-title:before, .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active:before, .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active:hover + .veveditor-vod-tabs-header-title:before, .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active:hover:before {
  opacity: 0;
}

.veveditor-vod-tabs-header-nav-capsule.veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-title:not(:first-of-type) {
  margin-left: 3px;
}

.veveditor-vod-tabs-header-nav-capsule.veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-title:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  background-color: #0000;
  width: 1px;
  height: 14px;
  transition: all .2s linear;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
}

.veveditor-vod-tabs-header-scroll {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items:  center;
}

.veveditor-vod-tabs-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  padding-top: 16px;
}

.veveditor-vod-tabs-content .veveditor-vod-tabs-content-inner {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.veveditor-vod-tabs-content .veveditor-vod-tabs-content-item {
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  height: 0;
}

.veveditor-vod-tabs-content .veveditor-vod-tabs-content-item.veveditor-vod-tabs-content-item-active {
  height: auto;
}

.veveditor-vod-tabs-card-gutter > .veveditor-vod-tabs-content, .veveditor-vod-tabs-card > .veveditor-vod-tabs-content {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top: none;
}

.veveditor-vod-tabs-card-gutter.veveditor-vod-tabs-bottom > .veveditor-vod-tabs-content, .veveditor-vod-tabs-card.veveditor-vod-tabs-bottom > .veveditor-vod-tabs-content {
  border-bottom: none;
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-tabs-animation.veveditor-vod-tabs-content-inner {
  transition: all .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-tabs-horizontal.veveditor-vod-tabs-justify {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.veveditor-vod-tabs-horizontal.veveditor-vod-tabs-justify .veveditor-vod-tabs-content, .veveditor-vod-tabs-horizontal.veveditor-vod-tabs-justify .veveditor-vod-tabs-content-inner, .veveditor-vod-tabs-horizontal.veveditor-vod-tabs-justify .veveditor-vod-tabs-pane {
  height: 100%;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-extra {
  font-size: 12px;
  line-height: 32px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title, .veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-extra, .veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-extra {
  font-size: 12px;
  line-height: 32px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-add-icon, .veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-add-icon {
  height: 32px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title {
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-extra {
  font-size: 12px;
  line-height: 24px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}

.veveditor-vod-tabs-header-size-mini.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-extra {
  font-size: 12px;
  line-height: 24px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 13px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-extra {
  font-size: 13px;
  line-height: 36px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title, .veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-extra, .veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-extra {
  font-size: 13px;
  line-height: 32px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-add-icon, .veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-add-icon {
  height: 32px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title {
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-extra {
  font-size: 13px;
  line-height: 28px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
}

.veveditor-vod-tabs-header-size-small.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-extra {
  font-size: 14px;
  line-height: 28px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-extra {
  font-size: 14px;
  line-height: 44px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title, .veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-extra, .veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-extra {
  font-size: 14px;
  line-height: 36px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-add-icon, .veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-add-icon {
  height: 36px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title {
  font-size: 13px;
  line-height: 30px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-extra {
  font-size: 13px;
  line-height: 36px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-title {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
}

.veveditor-vod-tabs-header-size-large.veveditor-vod-tabs-header-nav-rounded .veveditor-vod-tabs-header-extra {
  font-size: 14px;
  line-height: 36px;
}

.veveditor-vod-tabs-right {
  flex-direction: row-reverse;
}

.veveditor-vod-tabs-vertical {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
}

.veveditor-vod-tabs-header-nav-vertical {
  flex-grow: 0;
  flex-shrink: 0;
}

.veveditor-vod-tabs-header-nav-vertical:before {
  clear: both;
  position: absolute;
  width: 1px;
  height: 100%;
  inset: 0 0 0 auto;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-add-icon {
  height: auto;
  margin-top: 8px;
  margin-left: 0;
  padding: 0 16px;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header {
  height: auto;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-scroll {
  flex-direction: column;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-overflow-scroll {
  padding: 6px 0;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-wrapper {
  flex-direction: column;
  height: 100%;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-ink {
  position: absolute;
  width: 2px;
  transition: top .2s cubic-bezier(.34,.69,.1,1), height .2s cubic-bezier(.34,.69,.1,1);
  bottom: auto;
  left: auto;
  right: 0;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-ink.veveditor-vod-tabs-header-ink-custom .veveditor-vod-tabs-header-ink-inner {
  bottom: unset;
  left: unset;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-title {
  display: block;
  white-space: nowrap;
  margin: 12px 0 0;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-title:first-of-type {
  margin-top: 0;
}

.veveditor-vod-tabs-header-nav-right .veveditor-vod-tabs-header-ink, .veveditor-vod-tabs-header-nav-right .veveditor-vod-tabs-header-ink .veveditor-vod-tabs-header-ink-inner, .veveditor-vod-tabs-header-nav-right:before {
  left: 0;
  right: unset;
}

.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-scroll {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

.veveditor-vod-tabs-header-nav-line.veveditor-vod-tabs-header-nav-vertical .veveditor-vod-tabs-header-title {
  padding: 0 20px;
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  position: relative;
  border-bottom: 1px solid #0000;
  margin: 0;
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:first-child {
  border-top-left-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-active:hover {
  border-bottom-color: #0000;
  border-right-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:last-child {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  border-bottom-left-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card.veveditor-vod-tabs-header-nav-right .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card.veveditor-vod-tabs-header-nav-right .veveditor-vod-tabs-header-title-active:hover {
  border-left-color: var(--veveditor-vod-color-bg-2);
  border-right-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  border-radius: var(--veveditor-vod-border-radius-small) 0 0 var(--veveditor-vod-border-radius-small);
  position: relative;
  margin-left: 0;
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:not(:first-of-type) {
  margin-top: 4px;
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active:hover {
  border-bottom-color: var(--veveditor-vod-color-neutral-3);
  border-right-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card-gutter.veveditor-vod-tabs-header-nav-right .veveditor-vod-tabs-header-title-active, .veveditor-vod-tabs-header-nav-vertical.veveditor-vod-tabs-header-nav-card-gutter.veveditor-vod-tabs-header-nav-right .veveditor-vod-tabs-header-title-active:hover {
  border-left-color: var(--veveditor-vod-color-bg-2);
  border-right-color: var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-tabs-content-vertical {
  flex: auto;
  width: auto;
  height: 100%;
  padding: 0;
}

.veveditor-vod-tabs-right .veveditor-vod-tabs-content-vertical {
  padding-right: 16px;
}

.veveditor-vod-tabs-left .veveditor-vod-tabs-content-vertical {
  padding-left: 16px;
}

.veveditor-vod-tabs-card-gutter > .veveditor-vod-tabs-content-vertical, .veveditor-vod-tabs-card > .veveditor-vod-tabs-content-vertical {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  border-left: none;
}

.veveditor-vod-tabs-card-gutter.veveditor-vod-tabs-right > .veveditor-vod-tabs-content-vertical, .veveditor-vod-tabs-card.veveditor-vod-tabs-right > .veveditor-vod-tabs-content-vertical {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-right: none;
}

.veveditor-vod-tabs-rtl {
  direction: rtl;
}

.veveditor-vod-tabs-rtl.veveditor-vod-tabs-left {
  flex-direction: row-reverse;
}

.veveditor-vod-tabs-rtl.veveditor-vod-tabs-right {
  flex-direction: row;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-close-icon {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-left-icon, .veveditor-vod-tabs-rtl .veveditor-vod-tabs-right-icon {
  margin-left: 6px;
  margin-right: 10px;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-line > .veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-no-padding > .veveditor-vod-tabs-header-title:first-of-type, .veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-line > .veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-scroll > .veveditor-vod-tabs-header-title:first-of-type, .veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-text > .veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-no-padding > .veveditor-vod-tabs-header-title:first-of-type {
  margin-right: 0;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-editable, .veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-editable {
  padding-left: 12px;
  padding-right: 16px;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title {
  border-left: none;
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:last-child {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top-left-radius: var(--veveditor-vod-border-radius-small);
  border-top-right-radius: 0;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: var(--veveditor-vod-border-radius-small);
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  margin-right: 6px;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:first-child {
  margin-right: 0;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title:not(:first-of-type):before {
  left: auto;
  right: -8.5px;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-capsule.veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-title:not(:first-of-type) {
  margin-left: 0;
  margin-right: 3px;
}

.veveditor-vod-tabs-rtl .veveditor-vod-tabs-header-nav-capsule.veveditor-vod-tabs-header-nav-horizontal .veveditor-vod-tabs-header-title:not(:first-of-type):before {
  left: auto;
  right: -2px;
}

body[arco-theme="dark"] .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active, body[arco-theme="dark"] .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title:not(body[arco-theme="dark"] .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-disabled):hover {
  background-color: var(--veveditor-vod-color-fill-3);
}

.veveditor-vod-tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--veveditor-vod-color-text-2);
  border: 1px solid #0000;
  align-items:  center;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.veveditor-vod-tag .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:before {
  width: 16px;
  height: 16px;
}

.veveditor-vod-tag .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: #f1f3f5;
}

.veveditor-vod-tag-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.veveditor-vod-tag-checkable {
  cursor: pointer;
  transition: all .1s linear;
}

.veveditor-vod-tag-checkable:hover {
  background-color: #c7ccd6;
}

.veveditor-vod-tag-checked {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: #0000;
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked:hover {
  background-color: #f1f3f5;
  border-color: #0000;
}

.veveditor-vod-tag-bordered, .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-bordered:hover {
  border-color: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tag-size-small {
  height: 20px;
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-tag-size-medium {
  height: 28px;
  font-size: 14px;
  line-height: 26px;
}

.veveditor-vod-tag-size-large {
  height: 32px;
  font-size: 14px;
  line-height: 30px;
}

.veveditor-vod-tag-hide {
  display: none;
}

.veveditor-vod-tag-loading {
  cursor: default;
  opacity: .8;
}

.veveditor-vod-tag-icon {
  color: #42464e;
  margin-right: 4px;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-red {
  background-color: rgb(var(--veveditor-vod-red-1));
  color: rgb(var(--veveditor-vod-red-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-red .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-red-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-red:hover {
  background-color: rgb(var(--veveditor-vod-red-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-red.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-red.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-red .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-red .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-red .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-red-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orangered {
  background-color: rgb(var(--veveditor-vod-orangered-1));
  color: rgb(var(--veveditor-vod-orangered-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orangered .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-orangered-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-orangered:hover {
  background-color: rgb(var(--veveditor-vod-orangered-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orangered.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-orangered.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-orangered-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orangered .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-orangered .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-orangered .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-orangered-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orange {
  background-color: rgb(var(--veveditor-vod-orange-1));
  color: rgb(var(--veveditor-vod-orange-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orange .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-orange-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-orange:hover {
  background-color: rgb(var(--veveditor-vod-orange-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orange.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-orange.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-orange-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-orange .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-orange .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-orange .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-orange-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gold {
  background-color: rgb(var(--veveditor-vod-gold-1));
  color: rgb(var(--veveditor-vod-gold-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gold .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-gold-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-gold:hover {
  background-color: rgb(var(--veveditor-vod-gold-3));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gold.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-gold.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gold .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-gold .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-gold .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-gold-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-lime {
  background-color: rgb(var(--veveditor-vod-lime-1));
  color: rgb(var(--veveditor-vod-lime-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-lime .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-lime-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-lime:hover {
  background-color: rgb(var(--veveditor-vod-lime-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-lime.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-lime.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-lime-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-lime .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-lime .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-lime .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-lime-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-green {
  background-color: rgb(var(--veveditor-vod-green-1));
  color: rgb(var(--veveditor-vod-green-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-green .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-green-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-green:hover {
  background-color: rgb(var(--veveditor-vod-green-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-green.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-green.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-green .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-green .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-green .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-green-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-cyan {
  background-color: rgb(var(--veveditor-vod-cyan-1));
  color: rgb(var(--veveditor-vod-cyan-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-cyan .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-cyan-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-cyan:hover {
  background-color: rgb(var(--veveditor-vod-cyan-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-cyan.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-cyan.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-cyan-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-cyan .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-cyan .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-cyan .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-cyan-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-blue {
  background-color: rgb(var(--veveditor-vod-blue-1));
  color: rgb(var(--veveditor-vod-blue-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-blue .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-blue-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-blue:hover {
  background-color: rgb(var(--veveditor-vod-blue-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-blue.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-blue.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-blue .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-blue .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-blue .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-blue-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue {
  background-color: rgb(var(--veveditor-vod-arcoblue-1));
  color: rgb(var(--veveditor-vod-arcoblue-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-arcoblue-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue:hover {
  background-color: rgb(var(--veveditor-vod-arcoblue-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-arcoblue-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-arcoblue-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-purple {
  background-color: rgb(var(--veveditor-vod-purple-1));
  color: rgb(var(--veveditor-vod-purple-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-purple .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-purple-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-purple:hover {
  background-color: rgb(var(--veveditor-vod-purple-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-purple.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-purple.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-purple-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-purple .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-purple .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-purple .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-purple-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple {
  background-color: rgb(var(--veveditor-vod-pinkpurple-1));
  color: rgb(var(--veveditor-vod-pinkpurple-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-pinkpurple-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple:hover {
  background-color: rgb(var(--veveditor-vod-pinkpurple-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-pinkpurple-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-pinkpurple-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-magenta {
  background-color: rgb(var(--veveditor-vod-magenta-1));
  color: rgb(var(--veveditor-vod-magenta-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-magenta .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-magenta-2));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-magenta:hover {
  background-color: rgb(var(--veveditor-vod-magenta-2));
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-magenta.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-magenta.veveditor-vod-tag-bordered:hover {
  border-color: rgb(var(--veveditor-vod-magenta-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-magenta .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-magenta .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-magenta .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-magenta-6));
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gray {
  background-color: rgb(var(--veveditor-vod-gray-2));
  color: rgb(var(--veveditor-vod-gray-6));
  border: 1px solid #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gray .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-gray-3));
}

.veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-gray:hover {
  background-color: #f1f3f5;
  border-color: #0000;
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gray.veveditor-vod-tag-bordered, .veveditor-vod-tag-checked.veveditor-vod-tag-gray.veveditor-vod-tag-bordered:hover {
  border-color: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tag-checked.veveditor-vod-tag-gray .veveditor-vod-tag-close-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-gray .veveditor-vod-tag-icon, .veveditor-vod-tag-checked.veveditor-vod-tag-gray .veveditor-vod-tag-loading-icon {
  color: rgb(var(--veveditor-vod-gray-6));
}

.veveditor-vod-tag-custom-color {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-tag-custom-color .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: #fff3;
}

.veveditor-vod-tag .veveditor-vod-tag-close-btn {
  margin-left: 4px;
  font-size: 12px;
}

.veveditor-vod-tag .veveditor-vod-tag-close-btn:focus-visible:before {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tag .veveditor-vod-tag-close-btn > svg {
  position: relative;
}

.veveditor-vod-tag-loading-icon {
  margin-left: 4px;
  font-size: 12px;
}

body[arco-theme="dark"] .veveditor-vod-tag-checked {
  color: #ffffffe6;
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-red {
  background-color: rgba(var(--veveditor-vod-red-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-red:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-red .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-red-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-orangered {
  background-color: rgba(var(--veveditor-vod-orangered-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-orangered:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-orangered .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-orangered-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-orange {
  background-color: rgba(var(--veveditor-vod-orange-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-orange:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-orange .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-orange-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-gold {
  background-color: rgba(var(--veveditor-vod-gold-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-gold:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-gold .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-gold-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-lime {
  background-color: rgba(var(--veveditor-vod-lime-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-lime:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-lime .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-lime-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-green {
  background-color: rgba(var(--veveditor-vod-green-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-green:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-green .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-green-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-cyan {
  background-color: rgba(var(--veveditor-vod-cyan-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-cyan:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-cyan .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-cyan-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-blue {
  background-color: rgba(var(--veveditor-vod-blue-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-blue:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-blue .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-blue-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue {
  background-color: rgba(var(--veveditor-vod-arcoblue-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-arcoblue .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-arcoblue-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-purple {
  background-color: rgba(var(--veveditor-vod-purple-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-purple:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-purple .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-purple-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple {
  background-color: rgba(var(--veveditor-vod-pinkpurple-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-pinkpurple .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-pinkpurple-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-magenta {
  background-color: rgba(var(--veveditor-vod-magenta-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-magenta:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-magenta .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-magenta-6), .35);
}

body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-gray {
  background-color: rgba(var(--veveditor-vod-gray-6), .2);
}

body[arco-theme="dark"] .veveditor-vod-tag-checkable.veveditor-vod-tag-checked.veveditor-vod-tag-gray:hover, body[arco-theme="dark"] .veveditor-vod-tag-checked.veveditor-vod-tag-gray .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgba(var(--veveditor-vod-gray-6), .35);
}

.veveditor-vod-tag-rtl {
  direction: rtl;
}

.veveditor-vod-tag-rtl .veveditor-vod-tag-icon {
  margin-left: 4px;
  margin-right: 0;
}

.veveditor-vod-tag-rtl .veveditor-vod-tag-close-btn, .veveditor-vod-tag-rtl .veveditor-vod-tag-loading-icon {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-timeline-item {
  color: var(--veveditor-vod-color-text-1);
  position: relative;
  min-height: 78px;
  padding-left: 6px;
  font-size: 12px;
}

.veveditor-vod-timeline-item-label {
  color: var(--veveditor-vod-color-text-3);
  font-size: 12px;
  line-height: 1.667;
}

.veveditor-vod-timeline-item-content {
  color: var(--veveditor-vod-color-text-1);
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.5715;
}

.veveditor-vod-timeline-item-content-wrapper {
  position: relative;
  margin-left: 16px;
}

.veveditor-vod-timeline-item.veveditor-vod-timeline-item-last > .veveditor-vod-timeline-item-dot-wrapper .veveditor-vod-timeline-item-dot-line {
  display: none;
}

.veveditor-vod-timeline-item-dot-wrapper {
  position: absolute;
  text-align: center;
  height: 100%;
  left: 0;
}

.veveditor-vod-timeline-item-dot-wrapper .veveditor-vod-timeline-item-dot-content {
  position: relative;
  width: 6px;
  height: 18.858px;
  line-height: 18.858px;
}

.veveditor-vod-timeline-item-dot {
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #c7ccd6;
  position: relative;
  width: 6px;
  height: 6px;
  margin-top: -50%;
  top: 50%;
}

.veveditor-vod-timeline-item-dot-solid {
  background-color: #c7ccd6;
}

.veveditor-vod-timeline-item-dot-hollow {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 2px solid #c7ccd6;
}

.veveditor-vod-timeline-item-dot-custom {
  background-color: var(--veveditor-vod-color-bg-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #c7ccd6;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  -webkit-transform: translateX(-50%)translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%)translateY(-50%);
}

.veveditor-vod-timeline-item-dot-custom svg {
  color: inherit;
}

.veveditor-vod-timeline-item-dot-line {
  border-color: var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-transform: translateX(-50%);
  border-left-width: 1px;
  width: 1px;
  top: 12.429px;
  bottom: -6.429px;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-timeline-alternate {
  overflow: hidden;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left {
  padding-left: 0;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left > .veveditor-vod-timeline-item-dot-wrapper {
  left: 50%;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left > .veveditor-vod-timeline-item-content-wrapper {
  width: 50%;
  margin-left: 22px;
  padding-right: 22px;
  left: 50%;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right {
  padding-right: 0;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right > .veveditor-vod-timeline-item-dot-wrapper {
  left: 50%;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right > .veveditor-vod-timeline-item-content-wrapper {
  text-align: right;
  width: 50%;
  margin-left: -16px;
  margin-right: 0;
  padding-right: 16px;
  left: 0;
}

.veveditor-vod-timeline-right .veveditor-vod-timeline-item-vertical-right {
  padding-right: 6px;
}

.veveditor-vod-timeline-right .veveditor-vod-timeline-item-vertical-right > .veveditor-vod-timeline-item-dot-wrapper {
  left: unset;
  right: 0;
}

.veveditor-vod-timeline-right .veveditor-vod-timeline-item-vertical-right > .veveditor-vod-timeline-item-content-wrapper {
  text-align: right;
  margin-left: 0;
  margin-right: 16px;
}

.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  max-width: 100px;
  top: 0;
}

.veveditor-vod-timeline-item-vertical-left.veveditor-vod-timeline-item-label-relative {
  margin-left: 100px;
}

.veveditor-vod-timeline-item-vertical-left.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  text-align: right;
  -webkit-transform: translateX(-100%);
  padding-right: 16px;
  left: 0;
  transform: translate(-100%);
}

.veveditor-vod-timeline-item-vertical-right.veveditor-vod-timeline-item-label-relative {
  margin-right: 100px;
}

.veveditor-vod-timeline-item-vertical-right.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  text-align: left;
  -webkit-transform: translateX(100%);
  padding-left: 16px;
  right: 0;
  transform: translate(100%);
}

.veveditor-vod-timeline-item-horizontal-top.veveditor-vod-timeline-item-label-relative {
  margin-top: 50px;
}

.veveditor-vod-timeline-item-horizontal-top.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  padding-bottom: 16px;
  transform: translateY(-100%);
}

.veveditor-vod-timeline-item-horizontal-top.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-content {
  margin-bottom: 0;
}

.veveditor-vod-timeline-item-horizontal-bottom.veveditor-vod-timeline-item-label-relative {
  margin-bottom: 50px;
}

.veveditor-vod-timeline-item-horizontal-bottom.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-content {
  margin-bottom: 0;
}

.veveditor-vod-timeline-item-horizontal-bottom.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  text-align: left;
  bottom: 0;
  top: unset;
  padding-top: 16px;
  transform: translateY(100%);
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left.veveditor-vod-timeline-item-label-relative {
  margin-left: 0;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  max-width: unset;
  width: 50%;
  left: 0;
  transform: none;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right.veveditor-vod-timeline-item-label-relative {
  margin-right: 0;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  max-width: unset;
  width: 50%;
  right: 0;
  transform: none;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-horizontal-top.veveditor-vod-timeline-item-label-relative {
  margin-top: 0;
}

.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-horizontal-bottom.veveditor-vod-timeline-item-label-relative {
  margin-bottom: 0;
}

.veveditor-vod-timeline-direction-horizontal {
  display: -ms-flexbox;
  display: flex;
}

.veveditor-vod-timeline-item-dot-line-is-horizontal {
  width: unset;
  border-top-width: 1px;
  border-left: none;
  height: 1px;
  top: 50%;
  left: 12px;
  right: 4px;
  transform: translateY(-50%);
}

.veveditor-vod-timeline-item-horizontal-bottom, .veveditor-vod-timeline-item-horizontal-top {
  min-height: unset;
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-timeline-item-horizontal-bottom > .veveditor-vod-timeline-item-dot-wrapper, .veveditor-vod-timeline-item-horizontal-top > .veveditor-vod-timeline-item-dot-wrapper {
  width: 100%;
  height: auto;
  top: 0;
}

.veveditor-vod-timeline-item-horizontal-bottom > .veveditor-vod-timeline-item-dot-wrapper .veveditor-vod-timeline-item-dot, .veveditor-vod-timeline-item-horizontal-top > .veveditor-vod-timeline-item-dot-wrapper .veveditor-vod-timeline-item-dot {
  margin-top: unset;
  top: unset;
}

.veveditor-vod-timeline-item-horizontal-bottom > .veveditor-vod-timeline-item-dot-wrapper .veveditor-vod-timeline-item-dot-content, .veveditor-vod-timeline-item-horizontal-top > .veveditor-vod-timeline-item-dot-wrapper .veveditor-vod-timeline-item-dot-content {
  height: 6px;
  line-height: 6px;
}

.veveditor-vod-timeline-item-horizontal-top {
  padding-top: 6px;
}

.veveditor-vod-timeline-item-horizontal-top > .veveditor-vod-timeline-item-dot-wrapper {
  bottom: unset;
  top: 0;
}

.veveditor-vod-timeline-item-horizontal-top > .veveditor-vod-timeline-item-content-wrapper {
  margin-top: 16px;
  margin-left: 0;
}

.veveditor-vod-timeline-item-horizontal-bottom {
  padding-bottom: 6px;
}

.veveditor-vod-timeline-item-horizontal-bottom > .veveditor-vod-timeline-item-dot-wrapper {
  bottom: 0;
  top: unset;
}

.veveditor-vod-timeline-item-horizontal-bottom > .veveditor-vod-timeline-item-content-wrapper {
  margin-bottom: 16px;
  margin-left: 0;
}

.veveditor-vod-timeline-alternate.veveditor-vod-timeline-direction-horizontal {
  overflow: visible;
  align-items:  center;
  min-height: 200px;
}

.veveditor-vod-timeline-alternate.veveditor-vod-timeline-direction-horizontal .veveditor-vod-timeline-item-horizontal-bottom {
  margin-top: 6px;
  transform: translateY(-50%);
}

.veveditor-vod-timeline-alternate.veveditor-vod-timeline-direction-horizontal .veveditor-vod-timeline-item-horizontal-top {
  margin-top: -6px;
  transform: translateY(50%);
}

.veveditor-vod-timeline-rtl .veveditor-vod-timeline-item-vertical-left > .veveditor-vod-timeline-item-content-wrapper {
  text-align: left;
}

.veveditor-vod-timeline-rtl.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  text-align: left;
  padding-left: 16px;
  padding-right: 0;
  left: 50%;
}

.veveditor-vod-timeline-rtl.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-content-wrapper {
  text-align: right;
  margin-left: 0;
  margin-right: 16px;
  padding-left: 16px;
  padding-right: 0;
  left: auto;
  right: 50%;
}

.veveditor-vod-timeline-rtl.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-label {
  text-align: right;
  padding-left: 0;
  padding-right: 16px;
  right: 50%;
}

.veveditor-vod-timeline-rtl.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right.veveditor-vod-timeline-item-label-relative > .veveditor-vod-timeline-item-content-wrapper {
  text-align: left;
  margin-left: 0;
  margin-right: -22px;
  padding-left: 22px;
  padding-right: 0;
  left: 0;
  right: auto;
}

.veveditor-vod-timeline-rtl.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-left > .veveditor-vod-timeline-item-content-wrapper {
  text-align: right;
  right: 50%;
}

.veveditor-vod-timeline-rtl.veveditor-vod-timeline-alternate .veveditor-vod-timeline-item-vertical-right > .veveditor-vod-timeline-item-content-wrapper {
  text-align: left;
  margin-left: 0;
  margin-right: -22px;
  padding-left: 22px;
  padding-right: 0;
  left: 0;
}

.veveditor-vod-timepicker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
}

.veveditor-vod-timepicker-container {
  background-color: var(--veveditor-vod-color-bg-popup);
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.veveditor-vod-timepicker-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  scrollbar-width: none;
  width: 64px;
  height: 224px;
}

.veveditor-vod-timepicker-list::-webkit-scrollbar {
  width: 0;
}

.veveditor-vod-timepicker-list:not(:last-child) {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-timepicker-list:hover {
  overflow-y: auto;
}

.veveditor-vod-timepicker-list ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}

.veveditor-vod-timepicker-list ul:after {
  content: "";
  display: block;
  width: 100%;
  height: 192px;
}

.veveditor-vod-timepicker-cell {
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  padding: 8px / 2 0;
  text-align: center;
  font-weight: 400;
}

.veveditor-vod-timepicker-cell-inner {
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}

.veveditor-vod-timepicker-cell:not(.veveditor-vod-timepicker-cell-selected):not(.veveditor-vod-timepicker-cell-disabled):hover .veveditor-vod-timepicker-cell-inner {
  background-color: rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-timepicker-cell-selected .veveditor-vod-timepicker-cell-inner {
  background-color: rgb(var(--veveditor-vod-link-6));
  font-weight: 500;
}

.veveditor-vod-timepicker-cell-disabled {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-timepicker-footer-extra-wrapper {
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  color: var(--veveditor-vod-color-text-1);
  padding: 8px;
  font-size: 12px;
}

.veveditor-vod-timepicker-footer-btn-wrapper {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
  justify-content: space-between;
  padding: 8px;
}

.veveditor-vod-tooltip-content {
  color: var(--veveditor-vod-color-white);
  background-color: #0000;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.53846;
  box-shadow: 0 4px 10px #0000001a;
}

.veveditor-vod-tooltip-content-inner {
  word-wrap: break-word;
  text-align: left;
}

.veveditor-vod-tooltip-mini {
  padding: 8px 12px;
  font-size: 12px;
}

.veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow {
  background-color: #0000;
}

body[arco-theme="dark"] .veveditor-vod-tooltip-content {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
}

body[arco-theme="dark"] .veveditor-vod-tooltip .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow {
  z-index: 1;
}

body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="tl"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="top"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="tr"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
}

body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="bl"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="bottom"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="br"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow {
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
}

body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="lb"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="left"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="lt"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow {
  border-right: 1px solid var(--veveditor-vod-color-neutral-3);
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
}

body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="rb"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="right"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-trigger[trigger-placement="rt"] .veveditor-vod-trigger-arrow.veveditor-vod-tooltip-arrow {
  border-bottom: 1px solid var(--veveditor-vod-color-neutral-3);
  border-left: 1px solid var(--veveditor-vod-color-neutral-3);
}

.veveditor-vod-transfer {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-transfer-view {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 224px;
}

.veveditor-vod-transfer-view-search {
  padding: 12px 6px 4px;
}

.veveditor-vod-transfer-view-list {
  overflow: hidden;
  flex: 1;
}

.veveditor-vod-transfer-view-custom-list {
  overflow: auto;
  flex: 1;
}

.veveditor-vod-transfer-view-header, .veveditor-vod-transfer-view-item {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  padding: 0;
}

.veveditor-vod-transfer-view-header > :first-child, .veveditor-vod-transfer-view-item .veveditor-vod-transfer-view-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.veveditor-vod-transfer-view-header > :first-child:not(:last-child), .veveditor-vod-transfer-view-item .veveditor-vod-transfer-view-item-content:not(:last-child) {
  margin-right: 8px;
}

.veveditor-vod-transfer-view-header {
  background-color: var(--veveditor-vod-color-bg-white);
  color: var(--veveditor-vod-color-text-2);
  height: 40px;
  font-size: 13px;
  font-weight: 500;
  line-height: 40px;
}

.veveditor-vod-transfer-view-header-title {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-transfer-view-header-title .veveditor-vod-checkbox {
  font-size: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.veveditor-vod-transfer-view-header-title .veveditor-vod-checkbox-text {
  color: inherit;
}

.veveditor-vod-transfer-view-header-unit {
  color: var(--veveditor-vod-color-text-3);
  margin-right: 2px;
  font-size: 12px;
  font-weight: 400;
}

.veveditor-vod-transfer-view-item {
  color: var(--veveditor-vod-color-text-1);
  cursor: default;
  list-style: none;
  position: relative;
  background-color: #0000;
  height: 36px;
  line-height: 36px;
}

.veveditor-vod-transfer-view-item-content {
  font-size: 13px;
}

.veveditor-vod-transfer-view-item-disabled {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background-color: #0000;
}

.veveditor-vod-transfer-view-item:not(.veveditor-vod-transfer-view-item-disabled):hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-transfer-view-item .veveditor-vod-checkbox {
  width: 100%;
  height: 100%;
}

.veveditor-vod-transfer-view-item .veveditor-vod-checkbox-text {
  color: inherit;
}

.veveditor-vod-transfer-view-item-draggable:first-child {
  margin-top: 2px;
}

.veveditor-vod-transfer-view-item-draggable:last-child {
  margin-bottom: 2px;
}

.veveditor-vod-transfer-view-item-draggable:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 1px;
  height: 2px;
  left: 0;
  right: 0;
}

.veveditor-vod-transfer-view-item-gap-bottom:before {
  background-color: rgb(var(--veveditor-vod-primary-6));
  bottom: -2px;
}

.veveditor-vod-transfer-view-item-gap-top:before {
  background-color: rgb(var(--veveditor-vod-primary-6));
  top: -2px;
}

.veveditor-vod-transfer-view-item-dragging {
  background-color: var(--veveditor-vod-color-bg-4) !important;
  color: var(--veveditor-vod-color-text-4) !important;
}

.veveditor-vod-transfer-view-item-dragged {
  -webkit-animation: .4s veveditor-vod-transfer-drag-item-blink;
  animation: .4s veveditor-vod-transfer-drag-item-blink;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.veveditor-vod-transfer-view .veveditor-vod-transfer-view-icon-clear {
  margin-left: 8px;
}

.veveditor-vod-transfer-view .veveditor-vod-transfer-view-icon-clear, .veveditor-vod-transfer-view .veveditor-vod-transfer-view-item-icon-remove {
  color: var(--veveditor-vod-color-text-3);
  cursor: pointer;
  font-size: 12px;
}

.veveditor-vod-transfer-view .veveditor-vod-transfer-view-icon-clear:hover:before, .veveditor-vod-transfer-view .veveditor-vod-transfer-view-item-icon-remove:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-transfer-view .veveditor-vod-transfer-view-icon-clear:focus-visible:before {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-transfer-view .veveditor-vod-transfer-view-item-icon-remove:focus-visible:before {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-transfer-view .veveditor-vod-list {
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  flex-direction: column;
  height: 100%;
}

.veveditor-vod-transfer-view .veveditor-vod-list-content {
  overflow-y: auto;
  flex: 1;
}

.veveditor-vod-transfer-view .veveditor-vod-list-footer {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  align-items:  center;
  height: 44px;
  padding: 0 8px;
}

.veveditor-vod-transfer-view .veveditor-vod-list .veveditor-vod-pagination {
  position: absolute;
  margin: 0;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.veveditor-vod-transfer-view .veveditor-vod-list .veveditor-vod-pagination-jumper-input {
  width: 24px;
}

.veveditor-vod-transfer-view .veveditor-vod-list .veveditor-vod-pagination-jumper-separator {
  padding: 0 8px;
}

.veveditor-vod-transfer-view .veveditor-vod-checkbox {
  padding-left: 6px;
}

.veveditor-vod-transfer-view .veveditor-vod-checkbox-wrapper {
  display: inline;
}

.veveditor-vod-transfer-view .veveditor-vod-checkbox .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-transfer-operations {
  padding: 0 20px;
}

.veveditor-vod-transfer-operations .veveditor-vod-btn {
  display: block;
}

.veveditor-vod-transfer-operations .veveditor-vod-btn:last-child {
  margin-top: 12px;
}

.veveditor-vod-transfer-operations-words .veveditor-vod-btn {
  text-align: left;
  width: 100%;
  padding: 0 12px;
}

.veveditor-vod-transfer-simple .veveditor-vod-transfer-view-source {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-transfer-simple .veveditor-vod-transfer-view-target {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.veveditor-vod-transfer-disabled .veveditor-vod-transfer-view-header {
  color: var(--veveditor-vod-color-text-4);
}

@keyframes veveditor-vod-transfer-drag-item-blink {
  0% {
    background-color: var(--veveditor-vod-color-primary-light-1);
  }

  to {
    background-color: #0000;
  }
}

.veveditor-vod-transfer-rtl {
  direction: rtl;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-view-search {
  padding: 12px 6px 4px;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-view-header > :first-child:not(:last-child), .veveditor-vod-transfer-rtl .veveditor-vod-transfer-view-item .veveditor-vod-transfer-rtl .veveditor-vod-transfer-view-item-content:not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-view-header-unit {
  margin-left: 2px;
  margin-right: 0;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-view-icon-clear {
  margin-left: 0;
  margin-right: 8px;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-view .veveditor-vod-list .veveditor-vod-pagination {
  left: 8px;
  right: auto;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-view .veveditor-vod-checkbox {
  padding-left: 0;
  padding-right: 6px;
}

.veveditor-vod-transfer-rtl .veveditor-vod-transfer-operations-words .veveditor-vod-btn {
  text-align: right;
}

.veveditor-vod-transfer-rtl.veveditor-vod-transfer-simple .veveditor-vod-transfer-view-source {
  border-left: none;
  border-right: 1px solid var(--veveditor-vod-color-border-3);
}

.veveditor-vod-icon-hover.veveditor-vod-tree-node-icon-hover:before {
  width: 16px;
  height: 16px;
}

.veveditor-vod-tree-node-switcher {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  flex-shrink: 0;
  align-items:  center;
  width: 16px;
  height: 32px;
  margin-right: 10px;
  font-size: 16px;
}

.veveditor-vod-tree-node-switcher-icon {
  position: relative;
  margin: 0 auto;
}

.veveditor-vod-tree-node-switcher-icon svg {
  position: relative;
  transition: transform .2s cubic-bezier(.34,.69,.1,1), -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
  transform: rotate(-90deg);
}

.veveditor-vod-tree-node-expanded .veveditor-vod-tree-node-switcher-icon svg, .veveditor-vod-tree-node-is-leaf .veveditor-vod-tree-node-switcher-icon svg {
  transform: rotate(0);
}

.veveditor-vod-tree-node-drag-icon {
  color: #42464e;
  opacity: 0;
  margin-left: 120px;
}

.veveditor-vod-tree-node-custom-icon {
  cursor: pointer;
  font-size: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 8px;
}

.veveditor-vod-tree-node .veveditor-vod-icon-loading {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-tree-node-minus-icon, .veveditor-vod-tree-node-plus-icon {
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  position: relative;
  background: none;
  border: 1px solid #0000;
  width: 14px;
  height: 14px;
}

.veveditor-vod-tree-node-minus-icon:after, .veveditor-vod-tree-node-plus-icon:after {
  width: 6px;
  height: 0;
  margin-top: 0;
  margin-left: -3px;
}

.veveditor-vod-tree-node-minus-icon:after, .veveditor-vod-tree-node-plus-icon:after, .veveditor-vod-tree-node-plus-icon:before {
  background-color: var(--veveditor-vod-color-text-2);
  color: var(--veveditor-vod-color-text-2);
  content: "";
  display: block;
  position: absolute;
  border-radius: .5px;
  top: 50%;
  left: 50%;
}

.veveditor-vod-tree-node-plus-icon:before {
  width: 0;
  height: 6px;
  margin-top: -3px;
  margin-left: 0;
}

.veveditor-vod-tree {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-tree .veveditor-vod-checkbox {
  margin-right: 8px;
  padding-left: 0;
  line-height: 32px;
}

.veveditor-vod-tree-node {
  color: var(--veveditor-vod-color-text-1);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items:  flex-start;
  padding-left: 0;
  line-height: 1.53846;
}

.veveditor-vod-tree-node-selected .veveditor-vod-tree-node-title, .veveditor-vod-tree-node-selected .veveditor-vod-tree-node-title:hover {
  color: rgb(var(--veveditor-vod-primary-6));
  transition: color .2s linear;
}

.veveditor-vod-tree-node-disabled .veveditor-vod-tree-node-title, .veveditor-vod-tree-node-disabled .veveditor-vod-tree-node-title:hover, .veveditor-vod-tree-node-disabled-selectable .veveditor-vod-tree-node-title, .veveditor-vod-tree-node-disabled-selectable .veveditor-vod-tree-node-title:hover {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
  background: none;
}

.veveditor-vod-tree-node-disabled.veveditor-vod-tree-node-selected .veveditor-vod-tree-node-title {
  color: var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-tree-node-title-block {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  flex: 1;
}

.veveditor-vod-tree-node-title-block .veveditor-vod-tree-node-drag-icon {
  margin-left: unset;
  position: absolute;
  right: 12px;
}

.veveditor-vod-tree-node-indent {
  position: relative;
  flex-shrink: 0;
  align-self: stretch;
}

.veveditor-vod-tree-node-indent-block {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 16px;
  height: 100%;
  margin-right: 10px;
}

.veveditor-vod-tree-node-title {
  position: relative;
  border-radius: 4px;
  margin-left: -4px;
  padding: 6px 4px;
  font-size: 13px;
}

.veveditor-vod-tree-node-title:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-tree-node-title:hover .veveditor-vod-tree-node-drag-icon {
  opacity: 1;
}

.veveditor-vod-tree-node-title-draggable:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 1px;
  height: 2px;
  top: 0;
  left: 0;
  right: 0;
}

.veveditor-vod-tree-node-title-gap-bottom:before {
  bottom: 0;
  top: unset;
}

.veveditor-vod-tree-node-title-gap-bottom:before, .veveditor-vod-tree-node-title-gap-top:before {
  background-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-tree-node-title-highlight {
  background-color: rgb(var(--veveditor-vod-primary-1));
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-tree-node-title-dragging, .veveditor-vod-tree-node-title-dragging:hover {
  color: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-tree-show-line {
  padding-left: 1px;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-switcher {
  text-align: center;
  width: 14px;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-switcher .veveditor-vod-tree-node-icon-hover {
  width: 100%;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-indent-block {
  width: 14px;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-indent-block:before {
  border-left: 2px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  -webkit-transform: translateX(-50%);
  width: 2px;
  top: 3px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-is-leaf:not(.veveditor-vod-tree-node-is-tail) .veveditor-vod-tree-node-indent:after {
  border-left: 2px solid var(--veveditor-vod-color-border-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  -webkit-transform: translateX(50%);
  width: 2px;
  top: 35px;
  bottom: 0;
  right: -7px;
  transform: translate(50%);
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-indent-block-lineless:before {
  display: none;
}

.veveditor-vod-tree-size-mini .veveditor-vod-tree-node-switcher {
  height: 24px;
}

.veveditor-vod-tree-size-mini .veveditor-vod-checkbox {
  line-height: 24px;
}

.veveditor-vod-tree-size-mini .veveditor-vod-tree-node-title {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 1.667;
}

.veveditor-vod-tree-size-mini .veveditor-vod-tree-node-indent-block:before {
  top: 7px;
  bottom: 0;
}

.veveditor-vod-tree-size-mini .veveditor-vod-tree-node-is-leaf:not(.veveditor-vod-tree-node-is-tail) .veveditor-vod-tree-node-indent:after {
  top: 31px;
  bottom: 0;
}

.veveditor-vod-tree-size-small .veveditor-vod-tree-node-switcher {
  height: 28px;
}

.veveditor-vod-tree-size-small .veveditor-vod-checkbox {
  line-height: 28px;
}

.veveditor-vod-tree-size-small .veveditor-vod-tree-node-title {
  padding-bottom: 8px / 2;
  padding-top: 8px / 2;
  font-size: 13px;
}

.veveditor-vod-tree-size-small .veveditor-vod-tree-node-indent-block:before {
  top: 5px;
  bottom: 0;
}

.veveditor-vod-tree-size-small .veveditor-vod-tree-node-is-leaf:not(.veveditor-vod-tree-node-is-tail) .veveditor-vod-tree-node-indent:after {
  top: 33px;
  bottom: 0;
}

.veveditor-vod-tree-size-large .veveditor-vod-tree-node-switcher {
  height: 36px;
}

.veveditor-vod-tree-size-large .veveditor-vod-checkbox {
  line-height: 36px;
}

.veveditor-vod-tree-size-large .veveditor-vod-tree-node-title {
  padding-bottom: 16px / 2;
  padding-top: 16px / 2;
  font-size: 13px;
}

.veveditor-vod-tree-size-large .veveditor-vod-tree-node-indent-block:before {
  top: 1px;
  bottom: 0;
}

.veveditor-vod-tree-size-large .veveditor-vod-tree-node-is-leaf:not(.veveditor-vod-tree-node-is-tail) .veveditor-vod-tree-node-indent:after {
  top: 37px;
  bottom: 0;
}

.veveditor-vod-tree-node-list {
  overflow: hidden;
  transition: height .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-tree-rtl {
  direction: rtl;
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-switcher {
  margin-left: 10px;
  margin-right: 0;
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-switcher-icon svg {
  transform: rotate(90deg);
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-expanded .veveditor-vod-tree-node-switcher-icon svg, .veveditor-vod-tree-rtl .veveditor-vod-tree-node-is-leaf .veveditor-vod-tree-node-switcher-icon svg {
  transform: rotate(0);
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-custom-icon {
  margin-left: 8px;
  margin-right: 0;
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-minus-icon:after, .veveditor-vod-tree-rtl .veveditor-vod-tree-node-plus-icon:after {
  margin-left: 0;
  margin-right: -3px;
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-plus-icon:before {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-tree-rtl .veveditor-vod-checkbox {
  margin-left: 8px;
  margin-right: 0;
  padding-right: 0;
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node {
  align-items:  flex-end;
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-tree-rtl .veveditor-vod-tree-node-title-block .veveditor-vod-tree-node-drag-icon {
  margin-right: unset;
  left: 12px;
  right: auto;
}

.veveditor-vod-tree-rtl-node-indent-block {
  margin-left: 10px;
  margin-right: 0;
}

.veveditor-vod-tree-rtl-node-title {
  margin-left: unset;
  margin-right: -4px;
  padding-left: 4px;
  padding-right: 4px;
}

.veveditor-vod-tree-rtl-show-line {
  padding-left: 0;
  padding-right: 1px;
}

.veveditor-vod-tree-rtl-show-line .veveditor-vod-tree-node-indent-block:before {
  border-left: none;
  border-right: 2px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tree-rtl-show-line .veveditor-vod-tree-node-is-leaf:not(.veveditor-vod-tree-node-is-tail) .veveditor-vod-tree-node-indent:after {
  left: -7px;
}

.veveditor-vod-tree-select .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-tree-select:hover .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-tree-select.veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-primary-7));
  color: var(--veveditor-vod-color-text-1);
  box-shadow: 0 0 #0000;
}

.veveditor-vod-tree-select .veveditor-vod-tree-select-arrow-icon, .veveditor-vod-tree-select .veveditor-vod-tree-select-clear-icon, .veveditor-vod-tree-select .veveditor-vod-tree-select-expand-icon, .veveditor-vod-tree-select .veveditor-vod-tree-select-loading-icon, .veveditor-vod-tree-select .veveditor-vod-tree-select-search-icon, .veveditor-vod-tree-select .veveditor-vod-tree-select-suffix-icon {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-tree-select-error .veveditor-vod-tree-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-tree-select-error:hover .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-danger-light-2);
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-tree-select-error.veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-2);
  border-color: rgb(var(--veveditor-vod-danger-7));
  color: var(--veveditor-vod-color-text-1);
  box-shadow: 0 0 #0000;
}

.veveditor-vod-tree-select-warning .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-warning-light-1);
  border: 1px solid #0000;
}

.veveditor-vod-tree-select-warning:hover .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-warning-light-2);
  border-color: #0000;
}

.veveditor-vod-tree-select-warning.veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-white);
  border-color: rgb(var(--veveditor-vod-warning-6));
  -webkit-box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  box-shadow: 0 0 0 0 var(--veveditor-vod-color-warning-light-2);
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-tree-select-disabled:hover .veveditor-vod-tree-select-view {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-arrow-icon, .veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-clear-icon, .veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-expand-icon, .veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-loading-icon, .veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-search-icon, .veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-suffix-icon {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-tree-select-no-border .veveditor-vod-tree-select-view {
  background: none !important;
  border: none !important;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 12px;
  line-height: 0;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple input {
  font-size: 12px;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  height: 24px;
  padding: 0 11px;
  font-size: 12px;
  line-height: 22px;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-single input {
  font-size: 12px;
}

.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple input {
  font-size: 13px;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  height: 28px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 26px;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-single input {
  font-size: 13px;
}

.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple input {
  font-size: 13px;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  height: 32px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 30px;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-single input {
  font-size: 13px;
}

.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view {
  height: auto;
  padding: 0 3px;
  font-size: 13px;
  line-height: 0;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-right: 8px;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple input {
  font-size: 13px;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view {
  height: 36px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 34px;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-single input {
  font-size: 13px;
}

.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-tree-select {
  cursor: pointer;
  display: inline-block;
}

.veveditor-vod-tree-select, .veveditor-vod-tree-select-view {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.veveditor-vod-tree-select-view {
  display: -ms-flexbox;
  display: flex;
  outline: none;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  transition: all .1s linear, padding linear;
}

.veveditor-vod-tree-select-view input {
  color: inherit;
  cursor: inherit;
}

.veveditor-vod-tree-select-view input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-tree-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-tree-select-view input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-tree-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-tree-select-view input[disabled] {
  pointer-events: none;
}

.veveditor-vod-tree-select-multiple, .veveditor-vod-tree-select-show-search {
  cursor: text;
}

.veveditor-vod-tree-select-disabled {
  cursor: not-allowed;
}

.veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-view input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-view input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-tree-select-disabled .veveditor-vod-tree-select-view input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  width: 100%;
  padding: 0;
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-selector {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-selector .veveditor-vod-tree-select-view-input {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-selector .veveditor-vod-tree-select-view-value-mirror {
  opacity: 0;
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-value, .veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-value-mirror {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-value-mirror:after, .veveditor-vod-tree-select-single .veveditor-vod-tree-select-view-value:after {
  content: ".";
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.veveditor-vod-tree-select-single .veveditor-vod-tree-select-view .veveditor-vod-tree-select-hidden {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-tree-select-multiple {
  vertical-align: top;
}

.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view {
  padding: 0 4px;
  line-height: 0;
}

.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 12px;
}

.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag {
  overflow: hidden;
  flex: 1;
  padding: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.veveditor-vod-tree-select-multiple .veveditor-vod-tag {
  max-width: 100%;
}

.veveditor-vod-tree-select-multiple:not(.veveditor-vod-tree-select-focused) .veveditor-vod-input-tag input:not(:first-child)[value=""] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.veveditor-vod-tree-select-prefix {
  color: var(--veveditor-vod-color-fill-2);
  white-space: nowrap;
  margin-right: 12px;
}

.veveditor-vod-tree-select-prefix, .veveditor-vod-tree-select-suffix {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-tree-select-suffix {
  margin-left: 4px;
}

.veveditor-vod-tree-select-clear-icon, .veveditor-vod-tree-select-expand-icon, .veveditor-vod-tree-select-loading-icon, .veveditor-vod-tree-select-search-icon, .veveditor-vod-tree-select-suffix-icon {
  transition: all .1s linear;
  font-size: 16px;
}

.veveditor-vod-tree-select-arrow-icon {
  font-size: 16px;
}

.veveditor-vod-tree-select-open .veveditor-vod-tree-select-arrow-icon svg {
  transform: rotate(180deg);
}

.veveditor-vod-tree-select .veveditor-vod-tree-select-clear-icon {
  cursor: pointer;
  display: none;
}

.veveditor-vod-tree-select .veveditor-vod-tree-select-clear-icon > svg {
  position: relative;
  transition: all .1s linear;
}

.veveditor-vod-tree-select:hover .veveditor-vod-tree-select-clear-icon {
  display: block;
}

.veveditor-vod-tree-select:hover .veveditor-vod-tree-select-clear-icon ~ * {
  display: none;
}

.veveditor-vod-tree-select-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: stretch;
  width: 100%;
}

.veveditor-vod-tree-select-wrapper .veveditor-vod-tree-select {
  min-width: 0;
}

.veveditor-vod-tree-select-wrapper .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-focused):not(:first-child) .veveditor-vod-tree-select-view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.veveditor-vod-tree-select-wrapper .veveditor-vod-tree-select:not(.veveditor-vod-tree-select-focused):not(:last-child) .veveditor-vod-tree-select-view {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-tree-select-addbefore {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid #0000;
  border-right: 1px solid var(--veveditor-vod-color-border-2);
  color: var(--veveditor-vod-color-text-1);
  white-space: nowrap;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  align-items:  center;
  padding: 0 12px;
}

.veveditor-vod-tree-select-popup {
  background-color: var(--veveditor-vod-color-bg-popup);
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  max-height: 200px;
  padding: 4px 4px 4px 10px;
  box-shadow: 0 4px 10px #0000001a;
}

.veveditor-vod-tree-select-popup .veveditor-vod-tree-node {
  padding-left: 0;
}

.veveditor-vod-tree-select-highlight {
  font-weight: 500;
}

.veveditor-vod-tree-select-rtl {
  direction: rtl;
}

.veveditor-vod-tree-select-rtl-popup {
  padding-left: 4px;
  padding-right: 10px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-mini.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-small.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-default.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 0;
  padding-right: 11px;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-tree-select-rtl.veveditor-vod-tree-select-size-large.veveditor-vod-tree-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-tree-select-wrapper-rtl .veveditor-vod-tree-select-addbefore {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
  border-right: unset;
}

.veveditor-vod-tree-select-rtl .veveditor-vod-tree-select-view {
  text-align: right;
}

.veveditor-vod-tree-select-rtl .veveditor-vod-tree-select-multiple .veveditor-vod-tree-select-view-with-prefix {
  padding-left: 0;
  padding-right: 12px;
}

.veveditor-vod-tree-select-rtl .veveditor-vod-tree-select-prefix {
  margin-left: 12px;
  margin-right: 0;
}

.veveditor-vod-tree-select-rtl .veveditor-vod-tree-select-suffix {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-trigger {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  z-index: 1000;
}

.veveditor-vod-trigger-arrow {
  background-color: var(--veveditor-vod-color-bg-5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  z-index: -1;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.veveditor-vod-trigger[trigger-placement="tl"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="top"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="tr"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow {
  border-top: none;
  border-left: none;
  border-bottom-right-radius: 2px;
  margin-left: -4px;
  bottom: -4px;
}

.veveditor-vod-trigger[trigger-placement="bl"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="bottom"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="br"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow {
  border-bottom: none;
  border-right: none;
  border-top-left-radius: 2px;
  margin-left: -4px;
  top: -4px;
}

.veveditor-vod-trigger[trigger-placement="lb"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="left"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="lt"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow {
  border-bottom: none;
  border-left: none;
  border-top-right-radius: 2px;
  margin-top: -4px;
  right: -4px;
}

.veveditor-vod-trigger[trigger-placement="rb"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="right"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow, .veveditor-vod-trigger[trigger-placement="rt"] > .veveditor-vod-trigger-arrow-container .veveditor-vod-trigger-arrow {
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 2px;
  margin-top: -4px;
  left: -4px;
}

.veveditor-vod-typography {
  color: var(--veveditor-vod-color-text-1);
  white-space: normal;
  word-break: break-all;
  line-height: 1.53846;
}

.veveditor-vod-typography-h1, .veveditor-vod-typography-h2, .veveditor-vod-typography-h3, .veveditor-vod-typography-h4, .veveditor-vod-typography-h5, .veveditor-vod-typography-h6, h1.veveditor-vod-typography, h2.veveditor-vod-typography, h3.veveditor-vod-typography, h4.veveditor-vod-typography, h5.veveditor-vod-typography, h6.veveditor-vod-typography {
  margin-top: 1em;
  margin-bottom: .5em;
  font-weight: 500;
}

.veveditor-vod-typography-h1, h1.veveditor-vod-typography {
  font-size: 36px;
  line-height: 1.23;
}

.veveditor-vod-typography-h2, h2.veveditor-vod-typography {
  font-size: 32px;
  line-height: 1.25;
}

.veveditor-vod-typography-h3, h3.veveditor-vod-typography {
  font-size: 28px;
  line-height: 1.29;
}

.veveditor-vod-typography-h4, h4.veveditor-vod-typography {
  font-size: 24px;
  line-height: 1.33;
}

.veveditor-vod-typography-h5, h5.veveditor-vod-typography {
  font-size: 20px;
  line-height: 1.4;
}

.veveditor-vod-typography-h6, h6.veveditor-vod-typography {
  font-size: 16px;
  line-height: 1.5;
}

div.veveditor-vod-typography, p.veveditor-vod-typography {
  margin-top: 0;
  margin-bottom: 1em;
}

.veveditor-vod-typography-simple-ellipsis {
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  align-items:  flex-end;
}

.veveditor-vod-typography-primary {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-typography-secondary {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-typography-success {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-typography-warning {
  color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-typography-error {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-typography-disabled {
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-typography mark {
  background-color: rgb(var(--veveditor-vod-yellow-4));
}

.veveditor-vod-typography u {
  text-decoration: underline;
}

.veveditor-vod-typography del {
  text-decoration: line-through;
}

.veveditor-vod-typography b {
  font-weight: 500;
}

.veveditor-vod-typography code {
  background-color: var(--veveditor-vod-color-neutral-2);
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  color: var(--veveditor-vod-color-text-2);
  border-radius: 2px;
  margin: 0 2px;
  padding: 2px 8px;
  font-size: 85%;
}

.veveditor-vod-typography blockquote {
  background-color: var(--veveditor-vod-color-bg-2);
  border-left: 2px solid var(--veveditor-vod-color-neutral-6);
  margin: 0 0 1em;
  padding-left: 8px;
}

.veveditor-vod-typography ol, .veveditor-vod-typography ul {
  margin: 0;
  padding: 0;
}

.veveditor-vod-typography ol li, .veveditor-vod-typography ul li {
  margin-left: 20px;
}

.veveditor-vod-typography ul {
  list-style: circle;
}

.veveditor-vod-typography-spacing-close {
  line-height: 1.3;
}

.veveditor-vod-typography-operation-copied, .veveditor-vod-typography-operation-copy {
  margin-left: 2px;
  padding: 2px;
}

.veveditor-vod-typography-operation-copy {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  background-color: #0000;
  border-radius: 2px;
  transition: background-color .1s linear;
}

.veveditor-vod-typography-operation-copy:hover {
  background-color: var(--veveditor-vod-color-bg-5);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-typography-operation-copy:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-typography-operation-copied {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-typography-operation-edit {
  color: var(--veveditor-vod-color-text-2);
  cursor: pointer;
  background-color: #0000;
  border-radius: 2px;
  margin-left: 2px;
  padding: 2px;
  transition: background-color .1s linear;
}

.veveditor-vod-typography-operation-edit:hover {
  background-color: var(--veveditor-vod-color-bg-5);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-typography-operation-edit:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-typography-operation-expand {
  color: rgb(var(--veveditor-vod-link-6));
  cursor: pointer;
  margin: 0 4px;
}

.veveditor-vod-typography-operation-expand:hover {
  color: rgb(var(--veveditor-vod-link-5));
}

.veveditor-vod-typography-operation-expand:focus-visible {
  border-radius: var(--veveditor-vod-border-radius-small);
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-typography-edit-content {
  position: relative;
  margin-top: -5px;
  margin-bottom: calc(1em - 5px);
  margin-right: -13px;
  left: -13px;
}

.veveditor-vod-typography-edit-content-textarea {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.veveditor-vod-typography-rtl {
  direction: rtl;
}

.veveditor-vod-typography-rtl blockquote {
  border-right: 2px solid var(--veveditor-vod-color-neutral-6);
  padding-left: 0;
  padding-right: 8px;
}

.veveditor-vod-typography-rtl ol li, .veveditor-vod-typography-rtl ul li {
  margin-left: 0;
  margin-right: 20px;
}

.veveditor-vod-typography-rtl .veveditor-vod-typography-operation-copied, .veveditor-vod-typography-rtl .veveditor-vod-typography-operation-copy, .veveditor-vod-typography-rtl .veveditor-vod-typography-operation-edit {
  margin-left: 0;
  margin-right: 2px;
}

.veveditor-vod-typography-rtl .veveditor-vod-typography-edit-content {
  margin-left: -13px;
  margin-right: 0;
  left: auto;
  right: -13px;
}

.veveditor-vod-ellipsis {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.veveditor-vod-ellipsis-content.veveditor-vod-ellipsis-multiple:before {
  content: " ";
  float: right;
  height: 100%;
  margin-bottom: -21px;
}

.veveditor-vod-ellipsis-content .veveditor-vod-ellipsis-action {
  display: inline-block;
}

.veveditor-vod-ellipsis-content .veveditor-vod-ellipsis-action-collapsed {
  clear: both;
  float: right;
}

.veveditor-vod-ellipsis-content .veveditor-vod-ellipsis-action-text {
  color: rgb(var(--veveditor-vod-primary-6));
  cursor: pointer;
  margin: 0 4px;
}

.veveditor-vod-ellipsis-content .veveditor-vod-ellipsis-action-text:hover {
  color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-ellipsis-single {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.veveditor-vod-ellipsis-multiple {
  display: block;
  word-break: break-all;
}

.veveditor-vod-ellipsis-collapsed {
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.veveditor-vod-ellipsis-content-mirror {
  position: absolute;
  visibility: hidden;
  width: 100%;
}

.veveditor-vod-upload {
  display: inline-block;
  max-width: 100%;
}

.veveditor-vod-upload-type-picture-card {
  vertical-align: top;
}

.veveditor-vod-upload-drag {
  width: 100%;
}

.veveditor-vod-upload-hide {
  display: none;
}

.veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-picture, .veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-picture:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  border-color: var(--veveditor-vod-color-neutral-4);
  color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-drag, .veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-drag:hover {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: var(--veveditor-vod-color-text-4);
  cursor: not-allowed;
}

.veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-drag .veveditor-vod-icon-plus, .veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-drag .veveditor-vod-upload-trigger-drag-text, .veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-drag:hover .veveditor-vod-icon-plus, .veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-drag:hover .veveditor-vod-upload-trigger-drag-text, .veveditor-vod-upload-disabled .veveditor-vod-upload-trigger-tip {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-upload-trigger {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.veveditor-vod-upload-trigger-tip {
  color: var(--veveditor-vod-color-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}

.veveditor-vod-upload-trigger-picture {
  background: var(--veveditor-vod-color-bg-4);
  border: 1px dashed var(--veveditor-vod-color-neutral-3);
  color: var(--veveditor-vod-color-text-2);
  text-align: center;
  border-radius: 4px;
  min-width: 80px;
  height: 80px;
  margin-bottom: 0;
  transition: all .1s linear;
}

.veveditor-vod-upload-trigger-picture:hover {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: var(--veveditor-vod-color-neutral-4);
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-upload-trigger-picture:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-upload-trigger-picture-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.veveditor-vod-upload-trigger-drag {
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px dashed var(--veveditor-vod-color-border-3);
  border-radius: var(--veveditor-vod-border-radius-small);
  color: var(--veveditor-vod-color-text-2);
  text-align: center;
  width: 100%;
  padding: 50px 0;
  transition: all .2s;
}

.veveditor-vod-upload-trigger-drag .veveditor-vod-icon-plus {
  color: var(--veveditor-vod-color-text-2);
  margin-bottom: 12px;
  font-size: 48px;
}

.veveditor-vod-upload-trigger-drag:hover {
  background-color: var(--veveditor-vod-color-bg-5);
  border-color: var(--veveditor-vod-color-neutral-4);
}

.veveditor-vod-upload-trigger-drag:hover .veveditor-vod-icon-plus, .veveditor-vod-upload-trigger-drag:hover .veveditor-vod-upload-trigger-drag-text {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-upload-trigger-drag:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-upload-trigger-drag-active {
  background-color: var(--veveditor-vod-color-primary-light-1);
  border-color: rgb(var(--veveditor-vod-primary-6));
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-upload-trigger-drag-active .veveditor-vod-upload-trigger-drag-text {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-upload-trigger-drag-active .veveditor-vod-icon-plus {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-upload-trigger-drag .veveditor-vod-upload-trigger-tip {
  margin-top: 0;
}

.veveditor-vod-upload-trigger-drag-text {
  color: var(--veveditor-vod-color-text-2);
  font-size: 14px;
  line-height: 1.5;
}

.veveditor-vod-upload-hide + .veveditor-vod-upload-list .veveditor-vod-upload-list-item:first-of-type {
  margin-top: 0;
}

.veveditor-vod-upload-list {
  width: 100%;
}

.veveditor-vod-upload-list-type-picture-list .veveditor-vod-upload-list-item:first-of-type, .veveditor-vod-upload-list-type-text .veveditor-vod-upload-list-item:first-of-type {
  margin-top: 20px;
}

.veveditor-vod-upload-list-file-icon {
  color: rgb(var(--veveditor-vod-primary-6));
  margin-right: 12px;
  font-size: 24px;
  line-height: 24px;
}

.veveditor-vod-upload-list-preview-icon {
  cursor: pointer;
}

.veveditor-vod-upload-list-error-icon {
  color: rgb(var(--veveditor-vod-danger-6));
  cursor: pointer;
  margin-left: 4px;
  font-size: 14px;
}

.veveditor-vod-upload-list-success-icon {
  color: rgb(var(--veveditor-vod-success-6));
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
}

.veveditor-vod-upload-list-remove-icon {
  cursor: pointer;
  position: relative;
  font-size: 20px;
}

.veveditor-vod-upload-list-cancel-icon, .veveditor-vod-upload-list-start-icon {
  color: var(--veveditor-vod-color-white);
  position: absolute;
  -webkit-transform: translateX(-50%)translateY(-50%);
  font-size: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%)translateY(-50%);
}

.veveditor-vod-upload-list-cancel-icon:focus-visible {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-upload-list-start-icon:focus-visible {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-upload-list-reupload-icon {
  color: rgb(var(--veveditor-vod-primary-6));
  cursor: pointer;
  transition: all .2s;
  font-size: 13px;
}

.veveditor-vod-upload-list-reupload-icon:active, .veveditor-vod-upload-list-reupload-icon:hover {
  color: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-upload-list-reupload-icon:focus-visible {
  -webkit-box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: inset 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
}

.veveditor-vod-upload-list-status {
  cursor: pointer;
  position: relative;
  line-height: 12px;
}

.veveditor-vod-upload-list-status:hover .veveditor-vod-progress-circle-mask {
  stroke: rgba(var(--veveditor-vod-gray-10), .2);
}

.veveditor-vod-upload-list-status:hover .veveditor-vod-progress-circle-path {
  stroke: rgb(var(--veveditor-vod-primary-7));
}

.veveditor-vod-upload-list-item-done .veveditor-vod-upload-list-file-icon {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-upload-list-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 8px;
  padding-right: 28px;
}

.veveditor-vod-upload-list-item-operation {
  color: var(--veveditor-vod-color-text-3);
  position: absolute;
  font-size: 12px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.veveditor-vod-upload-list-item-operation .veveditor-vod-upload-list-remove-icon-hover:focus-visible:before {
  -webkit-box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 0 0 2px rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-upload-list-item-operation .veveditor-vod-upload-list-remove-icon {
  font-size: inherit;
}

.veveditor-vod-upload-list-item-text {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-bg-4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  flex-wrap: nowrap;
  align-items:  center;
  width: 100%;
  padding: 6px 12px;
  font-size: 13px;
}

.veveditor-vod-upload-list-item-text-content {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: space-between;
  align-items:  center;
  transition: background-color .1s linear;
}

.veveditor-vod-upload-list-item-text-thumbnail {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}

.veveditor-vod-upload-list-item-text-thumbnail img {
  width: 100%;
  height: 100%;
}

.veveditor-vod-upload-list-item-text-name {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  color: var(--veveditor-vod-color-text-1);
  text-overflow: ellipsis;
  flex-grow: 1;
  flex-shrink: 1;
  align-items:  center;
  margin-right: 10px;
  font-size: 13px;
  line-height: 1.4286;
}

.veveditor-vod-upload-list-item-text-name-link {
  color: rgb(var(--veveditor-vod-link-6));
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
}

.veveditor-vod-upload-list-item-text-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.veveditor-vod-upload-list-item-done .veveditor-vod-upload-list-status, .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-status {
  display: none;
}

.veveditor-vod-upload-list-type-text .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text-name, .veveditor-vod-upload-list-type-text .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text-name-link {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-upload-list.veveditor-vod-upload-list-type-picture-card {
  display: inline;
  vertical-align: top;
}

.veveditor-vod-upload-list.veveditor-vod-upload-list-type-picture-card .veveditor-vod-upload-list-status {
  margin-left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.veveditor-vod-upload-list-type-picture-card .veveditor-vod-upload-list-item {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-right: 0;
  transition: all .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-upload-list-type-picture-card .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-picture-mask {
  opacity: 1;
}

.veveditor-vod-upload-list-item-picture {
  background-color: var(--veveditor-vod-color-fill-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: top;
  border-radius: 4px;
  width: 80px;
  height: 80px;
}

.veveditor-vod-upload-list-item-picture img {
  width: 100%;
  height: 100%;
}

.veveditor-vod-upload-list-item-picture-mask {
  color: var(--veveditor-vod-color-white);
  cursor: pointer;
  opacity: 0;
  position: absolute;
  text-align: center;
  background: #02081480;
  transition: opacity .1s linear;
  font-size: 16px;
  line-height: 80px;
  inset: 0;
}

.veveditor-vod-upload-list-item-picture-operation {
  font-size: 20px;
}

.veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-reupload-icon {
  color: var(--veveditor-vod-color-white);
}

.veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-preview-icon + .veveditor-vod-upload-list-remove-icon, .veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-reupload-icon + .veveditor-vod-upload-list-remove-icon {
  margin-left: 20px;
}

.veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-preview-icon:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  border-radius: 2px;
}

.veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-remove-icon:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  border-radius: 2px;
}

.veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-reupload-icon:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  box-shadow: 0 0 0 2px var(--veveditor-vod-color-primary-light-3);
  border-radius: 2px;
}

.veveditor-vod-upload-list-item-picture-error-tip .veveditor-vod-upload-list-item-picture-operation {
  opacity: 0;
  width: 0;
  height: 0;
}

.veveditor-vod-upload-list-item-picture-error-tip .veveditor-vod-upload-list-error-icon {
  color: rgb(var(--veveditor-vod-danger-7));
  font-size: 26px;
}

.veveditor-vod-upload-list-item-picture-mask:focus-within, .veveditor-vod-upload-list-item-picture-mask:focus-within .veveditor-vod-upload-list-item-picture-operation, .veveditor-vod-upload-list-item-picture-mask:hover, .veveditor-vod-upload-list-item-picture-mask:hover .veveditor-vod-upload-list-item-picture-operation {
  display: block;
  opacity: 1;
}

.veveditor-vod-upload-list-item-picture-mask:focus-within .veveditor-vod-upload-list-item-picture-error-tip, .veveditor-vod-upload-list-item-picture-mask:hover .veveditor-vod-upload-list-item-picture-error-tip {
  display: none;
}

.veveditor-vod-upload-list-type-picture-list .veveditor-vod-upload-list-item-text {
  padding-top: 8px;
  padding-bottom: 8px;
}

.veveditor-vod-upload-list-type-picture-list .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text {
  background-color: var(--veveditor-vod-color-danger-light-1);
}

.veveditor-vod-upload-list-type-picture-list .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text-name, .veveditor-vod-upload-list-type-picture-list .veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text-name-link {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-upload-slide-up-enter {
  opacity: 0;
}

.veveditor-vod-upload-slide-up-enter-active {
  opacity: 1;
  transition: opacity .2s cubic-bezier(.34,.69,.1,1);
}

.veveditor-vod-upload-slide-up-exit {
  opacity: 1;
}

.veveditor-vod-upload-slide-up-exit-active {
  opacity: 0;
  overflow: hidden;
  margin: 0;
  transition: opacity .1s linear, height .3s cubic-bezier(.34,.69,.1,1) .1s, margin .3s cubic-bezier(.34,.69,.1,1) .1s;
}

.veveditor-vod-upload-list-item.veveditor-vod-upload-slide-inline-enter {
  opacity: 0;
}

.veveditor-vod-upload-list-item.veveditor-vod-upload-slide-inline-enter-active {
  opacity: 1;
  transition: opacity .2s linear;
}

.veveditor-vod-upload-list-item.veveditor-vod-upload-slide-inline-exit {
  opacity: 1;
}

.veveditor-vod-upload-list-item.veveditor-vod-upload-slide-inline-exit-active {
  opacity: 0;
  overflow: hidden;
  margin: 0;
  transition: opacity .1s linear, width .3s cubic-bezier(.34,.69,.1,1) .1s, margin .3s cubic-bezier(.34,.69,.1,1) .1s;
}

.veveditor-vod-upload-list-rtl, .veveditor-vod-upload-rtl {
  direction: rtl;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-file-icon {
  margin-left: 12px;
  margin-right: 0;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-error-icon {
  margin-left: 0;
  margin-right: 4px;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item {
  padding-left: 28px;
  padding-right: 0;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item-operation {
  left: 0;
  right: auto;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item-text {
  padding-left: 12px;
  padding-right: 12px;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item-text-thumbnail {
  margin-left: 12px;
  margin-right: 0;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item-text-name {
  margin-left: 10px;
  margin-right: 0;
}

.veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-preview-icon + .veveditor-vod-upload-list-remove-icon, .veveditor-vod-upload-list-rtl .veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-reupload-icon + .veveditor-vod-upload-list-remove-icon {
  margin-left: 0;
  margin-right: 20px;
}

.veveditor-vod-upload-list-rtl.veveditor-vod-upload-list-type-picture-card .veveditor-vod-upload-list-status {
  margin-left: 0;
  margin-right: 0;
}

.veveditor-vod-upload-list-rtl.veveditor-vod-upload-list-type-picture-card .veveditor-vod-upload-list-item {
  margin-left: 8px;
  margin-right: 0;
  padding-left: 0;
}

.veveditor-vod-verification-code {
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  justify-content: space-between;
  align-items:  center;
  column-gap: 4px;
  width: 100%;
}

.veveditor-vod-verification-code .veveditor-vod-input {
  text-align: center;
  width: 32px;
  padding-left: 0;
  padding-right: 0;
}

.veveditor-vod-verification-code .veveditor-vod-input-size-small {
  width: 28px;
}

.veveditor-vod-verification-code .veveditor-vod-input-size-mini {
  width: 24px;
}

.veveditor-vod-verification-code .veveditor-vod-input-size-large {
  width: 36px;
}

.veveditor-vod-verification-code-rtl {
  direction: rtl;
}

body {
  --veveditor-vod-color-white: #fff;
  --veveditor-vod-color-black: #000;
  --veveditor-vod-color-border: rgb(var(--veveditor-vod-gray-3));
  --veveditor-vod-color-bg-popup: var(--veveditor-vod-color-bg-5);
  --veveditor-vod-color-bg-1: #fff;
  --veveditor-vod-color-bg-2: #fcfdfe;
  --veveditor-vod-color-bg-3: #fafbfc;
  --veveditor-vod-color-bg-4: #f6f8fa;
  --veveditor-vod-color-bg-5: #f1f3f5;
  --veveditor-vod-color-bg-white: #fff;
  --veveditor-vod-color-neutral-1: rgb(var(--veveditor-vod-gray-1));
  --veveditor-vod-color-neutral-2: rgb(var(--veveditor-vod-gray-2));
  --veveditor-vod-color-neutral-3: rgb(var(--veveditor-vod-gray-3));
  --veveditor-vod-color-neutral-4: rgb(var(--veveditor-vod-gray-4));
  --veveditor-vod-color-neutral-5: rgb(var(--veveditor-vod-gray-5));
  --veveditor-vod-color-neutral-6: rgb(var(--veveditor-vod-gray-6));
  --veveditor-vod-color-neutral-7: rgb(var(--veveditor-vod-gray-7));
  --veveditor-vod-color-neutral-8: rgb(var(--veveditor-vod-gray-8));
  --veveditor-vod-color-neutral-9: rgb(var(--veveditor-vod-gray-9));
  --veveditor-vod-color-neutral-10: rgb(var(--veveditor-vod-gray-10));
  --veveditor-vod-color-text-1: #0c0d0e;
  --veveditor-vod-color-text-2: #42464e;
  --veveditor-vod-color-text-3: #737a87;
  --veveditor-vod-color-text-4: #c7ccd6;
  --veveditor-vod-color-fill-1: #c7ccd6;
  --veveditor-vod-color-fill-2: #737a87;
  --veveditor-vod-color-fill-3: #42464e;
  --veveditor-vod-color-fill-4: #0c0d0e;
  --veveditor-vod-color-border-1: #f2f3f5;
  --veveditor-vod-color-border-2: #eaedf1;
  --veveditor-vod-color-border-3: #dde2e9;
  --veveditor-vod-color-border-4: #86909c;
  --veveditor-vod-color-primary-light-1: rgb(var(--veveditor-vod-primary-1));
  --veveditor-vod-color-primary-light-2: rgb(var(--veveditor-vod-primary-2));
  --veveditor-vod-color-primary-light-3: rgb(var(--veveditor-vod-primary-3));
  --veveditor-vod-color-primary-light-4: rgb(var(--veveditor-vod-primary-4));
  --veveditor-vod-color-secondary: var(--veveditor-vod-color-neutral-2);
  --veveditor-vod-color-secondary-hover: var(--veveditor-vod-color-neutral-3);
  --veveditor-vod-color-secondary-active: var(--veveditor-vod-color-neutral-4);
  --veveditor-vod-color-secondary-disabled: var(--veveditor-vod-color-neutral-1);
  --veveditor-vod-color-danger-light-1: rgb(var(--veveditor-vod-danger-1));
  --veveditor-vod-color-danger-light-2: rgb(var(--veveditor-vod-danger-2));
  --veveditor-vod-color-danger-light-3: rgb(var(--veveditor-vod-danger-3));
  --veveditor-vod-color-danger-light-4: rgb(var(--veveditor-vod-danger-4));
  --veveditor-vod-color-success-light-1: rgb(var(--veveditor-vod-success-1));
  --veveditor-vod-color-success-light-2: rgb(var(--veveditor-vod-success-2));
  --veveditor-vod-color-success-light-3: rgb(var(--veveditor-vod-success-3));
  --veveditor-vod-color-success-light-4: rgb(var(--veveditor-vod-success-4));
  --veveditor-vod-color-warning-light-1: rgb(var(--veveditor-vod-warning-1));
  --veveditor-vod-color-warning-light-2: rgb(var(--veveditor-vod-warning-2));
  --veveditor-vod-color-warning-light-3: rgb(var(--veveditor-vod-warning-3));
  --veveditor-vod-color-warning-light-4: rgb(var(--veveditor-vod-warning-4));
  --veveditor-vod-color-link-light-1: rgb(var(--veveditor-vod-link-1));
  --veveditor-vod-color-link-light-2: rgb(var(--veveditor-vod-link-2));
  --veveditor-vod-color-link-light-3: rgb(var(--veveditor-vod-link-3));
  --veveditor-vod-color-link-light-4: rgb(var(--veveditor-vod-link-4));
  --veveditor-vod-border-radius-none: 0;
  --veveditor-vod-border-radius-small: 4px;
  --veveditor-vod-border-radius-medium: 4px;
  --veveditor-vod-border-radius-large: 8px;
  --veveditor-vod-border-radius-circle: 50%;
  --veveditor-vod-color-tooltip-bg: rgb(var(--veveditor-vod-gray-10));
  --veveditor-vod-color-spin-layer-bg: #fff9;
  --veveditor-vod-color-menu-dark-bg: #232324;
  --veveditor-vod-color-menu-light-bg: #fff;
  --veveditor-vod-color-menu-dark-hover: #ffffff0a;
  --veveditor-vod-color-mask-bg: #1d212999;
  font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans;
}

body[arco-theme="dark"] {
  --veveditor-vod-color-black: #000;
  --veveditor-vod-color-border: #333335;
  --veveditor-vod-color-bg-1: #1f1f1f;
  --veveditor-vod-color-bg-2: #282828;
  --veveditor-vod-color-bg-3: #2c2c2c;
  --veveditor-vod-color-bg-4: #313131;
  --veveditor-vod-color-bg-5: #353535;
  --veveditor-vod-color-bg-white: #1f1f1f;
  --veveditor-vod-color-text-1: #ffffffe6;
  --veveditor-vod-color-text-2: #fff;
  --veveditor-vod-color-text-3: #fff;
  --veveditor-vod-color-text-4: #fff;
  --veveditor-vod-color-fill-1: #616162;
  --veveditor-vod-color-fill-2: #8f8f8f;
  --veveditor-vod-color-fill-3: #bbb;
  --veveditor-vod-color-fill-4: #e8e8e8;
  --veveditor-vod-color-border-1: #353535;
  --veveditor-vod-color-border-2: #404040;
  --veveditor-vod-color-border-3: #575757;
  --veveditor-vod-color-border-4: #6d6d6d;
  --veveditor-vod-color-primary-light-1: rgba(var(--veveditor-vod-primary-6), .2);
  --veveditor-vod-color-primary-light-2: rgba(var(--veveditor-vod-primary-6), .35);
  --veveditor-vod-color-primary-light-3: rgba(var(--veveditor-vod-primary-6), .5);
  --veveditor-vod-color-primary-light-4: rgba(var(--veveditor-vod-primary-6), .65);
  --veveditor-vod-color-secondary: rgba(var(--veveditor-vod-gray-9), .08);
  --veveditor-vod-color-secondary-hover: rgba(var(--veveditor-vod-gray-8), .16);
  --veveditor-vod-color-secondary-active: rgba(var(--veveditor-vod-gray-7), .24);
  --veveditor-vod-color-secondary-disabled: rgba(var(--veveditor-vod-gray-9), .08);
  --veveditor-vod-color-danger-light-1: rgba(var(--veveditor-vod-danger-6), .2);
  --veveditor-vod-color-danger-light-2: rgba(var(--veveditor-vod-danger-6), .35);
  --veveditor-vod-color-danger-light-3: rgba(var(--veveditor-vod-danger-6), .5);
  --veveditor-vod-color-danger-light-4: rgba(var(--veveditor-vod-danger-6), .65);
  --veveditor-vod-color-success-light-1: rgb(var(--veveditor-vod-success-6), .2);
  --veveditor-vod-color-success-light-2: rgb(var(--veveditor-vod-success-6), .35);
  --veveditor-vod-color-success-light-3: rgb(var(--veveditor-vod-success-6), .5);
  --veveditor-vod-color-success-light-4: rgb(var(--veveditor-vod-success-6), .65);
  --veveditor-vod-color-warning-light-1: rgb(var(--veveditor-vod-warning-6), .2);
  --veveditor-vod-color-warning-light-2: rgb(var(--veveditor-vod-warning-6), .35);
  --veveditor-vod-color-warning-light-3: rgb(var(--veveditor-vod-warning-6), .5);
  --veveditor-vod-color-warning-light-4: rgb(var(--veveditor-vod-warning-6), .65);
  --veveditor-vod-color-link-light-1: rgba(var(--veveditor-vod-link-6), .2);
  --veveditor-vod-color-link-light-2: rgba(var(--veveditor-vod-link-6), .35);
  --veveditor-vod-color-link-light-3: rgba(var(--veveditor-vod-link-6), .5);
  --veveditor-vod-color-link-light-4: rgba(var(--veveditor-vod-link-6), .65);
  --veveditor-vod-color-tooltip-bg: #373739;
  --veveditor-vod-color-spin-layer-bg: #3339;
  --veveditor-vod-color-menu-dark-bg: #232324;
  --veveditor-vod-color-menu-light-bg: #232324;
  --veveditor-vod-color-menu-dark-hover: var(--veveditor-vod-color-fill-2);
  --veveditor-vod-color-mask-bg: #17171a99;
}

body {
  --veveditor-vod-red-1: 255, 236, 232;
  --veveditor-vod-red-2: 253, 205, 197;
  --veveditor-vod-red-3: 251, 172, 163;
  --veveditor-vod-red-4: 249, 137, 129;
  --veveditor-vod-red-5: 247, 101, 96;
  --veveditor-vod-red-6: 245, 63, 63;
  --veveditor-vod-red-7: 203, 39, 45;
  --veveditor-vod-red-8: 161, 21, 30;
  --veveditor-vod-red-9: 119, 8, 19;
  --veveditor-vod-red-10: 77, 0, 10;
  --veveditor-vod-orangered-1: 255, 243, 232;
  --veveditor-vod-orangered-2: 253, 221, 195;
  --veveditor-vod-orangered-3: 252, 197, 159;
  --veveditor-vod-orangered-4: 250, 172, 123;
  --veveditor-vod-orangered-5: 249, 144, 87;
  --veveditor-vod-orangered-6: 247, 114, 52;
  --veveditor-vod-orangered-7: 204, 81, 32;
  --veveditor-vod-orangered-8: 162, 53, 17;
  --veveditor-vod-orangered-9: 119, 31, 6;
  --veveditor-vod-orangered-10: 77, 14, 0;
  --veveditor-vod-orange-1: 255, 247, 232;
  --veveditor-vod-orange-2: 255, 228, 186;
  --veveditor-vod-orange-3: 255, 207, 139;
  --veveditor-vod-orange-4: 255, 182, 93;
  --veveditor-vod-orange-5: 255, 154, 46;
  --veveditor-vod-orange-6: 255, 125, 0;
  --veveditor-vod-orange-7: 210, 95, 0;
  --veveditor-vod-orange-8: 166, 69, 0;
  --veveditor-vod-orange-9: 121, 46, 0;
  --veveditor-vod-orange-10: 77, 27, 0;
  --veveditor-vod-gold-1: 255, 252, 232;
  --veveditor-vod-gold-2: 253, 244, 191;
  --veveditor-vod-gold-3: 252, 233, 150;
  --veveditor-vod-gold-4: 250, 220, 109;
  --veveditor-vod-gold-5: 249, 204, 69;
  --veveditor-vod-gold-6: 247, 186, 30;
  --veveditor-vod-gold-7: 204, 146, 19;
  --veveditor-vod-gold-8: 162, 109, 10;
  --veveditor-vod-gold-9: 119, 75, 4;
  --veveditor-vod-gold-10: 77, 45, 0;
  --veveditor-vod-yellow-1: 254, 255, 232;
  --veveditor-vod-yellow-2: 254, 254, 190;
  --veveditor-vod-yellow-3: 253, 250, 148;
  --veveditor-vod-yellow-4: 252, 242, 107;
  --veveditor-vod-yellow-5: 251, 232, 66;
  --veveditor-vod-yellow-6: 250, 220, 25;
  --veveditor-vod-yellow-7: 207, 175, 15;
  --veveditor-vod-yellow-8: 163, 132, 8;
  --veveditor-vod-yellow-9: 120, 93, 3;
  --veveditor-vod-yellow-10: 77, 56, 0;
  --veveditor-vod-lime-1: 252, 255, 232;
  --veveditor-vod-lime-2: 237, 248, 187;
  --veveditor-vod-lime-3: 220, 241, 144;
  --veveditor-vod-lime-4: 201, 233, 104;
  --veveditor-vod-lime-5: 181, 226, 65;
  --veveditor-vod-lime-6: 159, 219, 29;
  --veveditor-vod-lime-7: 126, 183, 18;
  --veveditor-vod-lime-8: 95, 148, 10;
  --veveditor-vod-lime-9: 67, 112, 4;
  --veveditor-vod-lime-10: 42, 77, 0;
  --veveditor-vod-green-1: 232, 255, 234;
  --veveditor-vod-green-2: 175, 240, 181;
  --veveditor-vod-green-3: 123, 225, 136;
  --veveditor-vod-green-4: 76, 210, 99;
  --veveditor-vod-green-5: 35, 195, 67;
  --veveditor-vod-green-6: 0, 180, 42;
  --veveditor-vod-green-7: 0, 154, 41;
  --veveditor-vod-green-8: 0, 128, 38;
  --veveditor-vod-green-9: 0, 102, 34;
  --veveditor-vod-green-10: 0, 77, 28;
  --veveditor-vod-cyan-1: 232, 255, 251;
  --veveditor-vod-cyan-2: 183, 244, 236;
  --veveditor-vod-cyan-3: 137, 233, 224;
  --veveditor-vod-cyan-4: 94, 223, 214;
  --veveditor-vod-cyan-5: 55, 212, 207;
  --veveditor-vod-cyan-6: 20, 201, 201;
  --veveditor-vod-cyan-7: 13, 165, 170;
  --veveditor-vod-cyan-8: 7, 130, 139;
  --veveditor-vod-cyan-9: 3, 97, 108;
  --veveditor-vod-cyan-10: 0, 66, 77;
  --veveditor-vod-blue-1: 232, 247, 255;
  --veveditor-vod-blue-2: 195, 231, 254;
  --veveditor-vod-blue-3: 159, 212, 253;
  --veveditor-vod-blue-4: 123, 192, 252;
  --veveditor-vod-blue-5: 87, 169, 251;
  --veveditor-vod-blue-6: 52, 145, 250;
  --veveditor-vod-blue-7: 32, 108, 207;
  --veveditor-vod-blue-8: 17, 75, 163;
  --veveditor-vod-blue-9: 6, 48, 120;
  --veveditor-vod-blue-10: 0, 26, 77;
  --veveditor-vod-arcoblue-1: 232, 243, 255;
  --veveditor-vod-arcoblue-2: 190, 218, 255;
  --veveditor-vod-arcoblue-3: 148, 191, 255;
  --veveditor-vod-arcoblue-4: 106, 161, 255;
  --veveditor-vod-arcoblue-5: 64, 128, 255;
  --veveditor-vod-arcoblue-6: 22, 93, 255;
  --veveditor-vod-arcoblue-7: 14, 66, 210;
  --veveditor-vod-arcoblue-8: 7, 44, 166;
  --veveditor-vod-arcoblue-9: 3, 26, 121;
  --veveditor-vod-arcoblue-10: 0, 13, 77;
  --veveditor-vod-purple-1: 245, 232, 255;
  --veveditor-vod-purple-2: 221, 190, 246;
  --veveditor-vod-purple-3: 195, 150, 237;
  --veveditor-vod-purple-4: 168, 113, 227;
  --veveditor-vod-purple-5: 141, 78, 218;
  --veveditor-vod-purple-6: 114, 46, 209;
  --veveditor-vod-purple-7: 85, 29, 176;
  --veveditor-vod-purple-8: 60, 16, 143;
  --veveditor-vod-purple-9: 39, 6, 110;
  --veveditor-vod-purple-10: 22, 0, 77;
  --veveditor-vod-pinkpurple-1: 255, 232, 251;
  --veveditor-vod-pinkpurple-2: 247, 186, 239;
  --veveditor-vod-pinkpurple-3: 240, 142, 230;
  --veveditor-vod-pinkpurple-4: 232, 101, 223;
  --veveditor-vod-pinkpurple-5: 225, 62, 219;
  --veveditor-vod-pinkpurple-6: 217, 26, 217;
  --veveditor-vod-pinkpurple-7: 176, 16, 182;
  --veveditor-vod-pinkpurple-8: 138, 9, 147;
  --veveditor-vod-pinkpurple-9: 101, 3, 112;
  --veveditor-vod-pinkpurple-10: 66, 0, 77;
  --veveditor-vod-magenta-1: 255, 232, 241;
  --veveditor-vod-magenta-2: 253, 194, 219;
  --veveditor-vod-magenta-3: 251, 157, 199;
  --veveditor-vod-magenta-4: 249, 121, 183;
  --veveditor-vod-magenta-5: 247, 84, 168;
  --veveditor-vod-magenta-6: 245, 49, 157;
  --veveditor-vod-magenta-7: 203, 30, 131;
  --veveditor-vod-magenta-8: 161, 16, 105;
  --veveditor-vod-magenta-9: 119, 6, 79;
  --veveditor-vod-magenta-10: 77, 0, 52;
  --veveditor-vod-gray-1: 247, 248, 250;
  --veveditor-vod-gray-2: 242, 243, 245;
  --veveditor-vod-gray-3: 229, 230, 235;
  --veveditor-vod-gray-4: 201, 205, 212;
  --veveditor-vod-gray-5: 169, 174, 184;
  --veveditor-vod-gray-6: 134, 144, 156;
  --veveditor-vod-gray-7: 107, 119, 133;
  --veveditor-vod-gray-8: 78, 89, 105;
  --veveditor-vod-gray-9: 39, 46, 59;
  --veveditor-vod-gray-10: 29, 33, 41;
  --veveditor-vod-primary-1: 243, 247, 255;
  --veveditor-vod-primary-2: 235, 241, 255;
  --veveditor-vod-primary-3: 151, 188, 255;
  --veveditor-vod-primary-4: 110, 159, 255;
  --veveditor-vod-primary-5: 56, 123, 255;
  --veveditor-vod-primary-6: 22, 100, 255;
  --veveditor-vod-primary-7: 23, 89, 221;
  --veveditor-vod-primary-8: 17, 74, 185;
  --veveditor-vod-primary-9: 3, 26, 121;
  --veveditor-vod-primary-10: 0, 13, 77;
  --veveditor-vod-link-1: 244, 247, 255;
  --veveditor-vod-link-2: 235, 241, 255;
  --veveditor-vod-link-3: 151, 188, 255;
  --veveditor-vod-link-4: 102, 158, 255;
  --veveditor-vod-link-5: 56, 123, 255;
  --veveditor-vod-link-6: 22, 100, 255;
  --veveditor-vod-link-7: 23, 89, 221;
  --veveditor-vod-link-8: 17, 74, 185;
  --veveditor-vod-link-9: 3, 26, 121;
  --veveditor-vod-link-10: 0, 13, 77;
  --veveditor-vod-success-1: 238, 249, 241;
  --veveditor-vod-success-2: 225, 246, 230;
  --veveditor-vod-success-3: 124, 205, 148;
  --veveditor-vod-success-4: 92, 174, 119;
  --veveditor-vod-success-5: 48, 146, 86;
  --veveditor-vod-success-6: 42, 129, 75;
  --veveditor-vod-success-7: 35, 112, 64;
  --veveditor-vod-success-8: 28, 94, 53;
  --veveditor-vod-success-9: 0, 102, 34;
  --veveditor-vod-success-10: 0, 77, 28;
  --veveditor-vod-danger-1: 253, 245, 245;
  --veveditor-vod-danger-2: 255, 236, 236;
  --veveditor-vod-danger-3: 255, 163, 160;
  --veveditor-vod-danger-4: 255, 112, 109;
  --veveditor-vod-danger-5: 238, 63, 56;
  --veveditor-vod-danger-6: 215, 49, 42;
  --veveditor-vod-danger-7: 189, 41, 35;
  --veveditor-vod-danger-8: 159, 33, 28;
  --veveditor-vod-danger-9: 119, 8, 19;
  --veveditor-vod-danger-10: 77, 0, 10;
  --veveditor-vod-warning-1: 254, 248, 235;
  --veveditor-vod-warning-2: 255, 243, 220;
  --veveditor-vod-warning-3: 249, 199, 109;
  --veveditor-vod-warning-4: 240, 165, 15;
  --veveditor-vod-warning-5: 208, 141, 6;
  --veveditor-vod-warning-6: 189, 126, 0;
  --veveditor-vod-warning-7: 153, 102, 0;
  --veveditor-vod-warning-8: 122, 82, 0;
  --veveditor-vod-warning-9: 121, 46, 0;
  --veveditor-vod-warning-10: 77, 27, 0;
  --veveditor-vod-color-fill-5: #fff;
  --veveditor-vod-color-fill-6: #fcfdfe;
  --veveditor-vod-color-bg-6: #1a1b1e0d;
  --veveditor-vod-color-bg-7: #f6f8fa;
  --veveditor-vod-color-bg-8: #fff;
  --veveditor-vod-color-bg-9: #fff;
  --veveditor-vod-alert-component-1: 232, 243, 255;
  --veveditor-vod-alert-component-2: 190, 218, 255;
  --veveditor-vod-alert-component-3: 148, 191, 255;
  --veveditor-vod-alert-component-4: 255, 245, 228;
  --veveditor-vod-alert-component-5: 255, 244, 244;
  --veveditor-vod-alert-component-6: 240, 246, 255;
  --veveditor-vod-alert-component-7: 241, 248, 245;
  --veveditor-vod-alert-component-8: 7, 44, 166;
  --veveditor-vod-alert-component-9: 3, 26, 121;
  --veveditor-vod-alert-component-10: 0, 13, 77;
  --veveditor-vod-base-grey-1: 246, 248, 250;
  --veveditor-vod-base-grey-2: 246, 246, 246;
  --veveditor-vod-base-grey-3: 236, 237, 237;
  --veveditor-vod-base-grey-4: 160, 162, 167;
  --veveditor-vod-base-grey-5: 103, 107, 114;
  --veveditor-vod-base-grey-6: 65, 70, 79;
  --veveditor-vod-base-grey-7: 52, 56, 64;
  --veveditor-vod-base-grey-8: 43, 48, 58;
  --veveditor-vod-base-grey-9: 3, 26, 121;
  --veveditor-vod-base-grey-10: 0, 13, 77;
  --veveditor-vod-color-grey-1: #f6f8fa;
  --veveditor-vod-color-grey-2: #f6f6f6;
  --veveditor-vod-color-grey-3: #eceded;
  --veveditor-vod-color-grey-4: #a0a2a7;
  --veveditor-vod-color-grey-5: #676b72;
  --veveditor-vod-color-grey-6: #41464f;
  --veveditor-vod-color-grey-7: #343840;
  --veveditor-vod-color-grey-8: #292a2e;
  --veveditor-vod-oranged-1: 255, 242, 232;
  --veveditor-vod-oranged-2: 255, 234, 219;
  --veveditor-vod-oranged-3: 255, 179, 122;
  --veveditor-vod-oranged-4: 255, 131, 43;
  --veveditor-vod-oranged-5: 235, 98, 0;
  --veveditor-vod-oranged-6: 192, 79, 0;
  --veveditor-vod-oranged-7: 168, 68, 0;
  --veveditor-vod-oranged-8: 137, 60, 0;
  --veveditor-vod-oranged-9: var(--veveditor-vod-arcoblue-9);
  --veveditor-vod-oranged-10: var(--veveditor-vod-arcoblue-10);
  --veveditor-vod-teal-1: 238, 248, 255;
  --veveditor-vod-teal-2: 228, 243, 252;
  --veveditor-vod-teal-3: 128, 197, 224;
  --veveditor-vod-teal-4: 88, 168, 196;
  --veveditor-vod-teal-5: 56, 136, 163;
  --veveditor-vod-teal-6: 36, 117, 142;
  --veveditor-vod-teal-7: 7, 108, 133;
  --veveditor-vod-teal-8: 0, 90, 112;
  --veveditor-vod-teal-9: 6, 64, 93;
  --veveditor-vod-teal-10: 0, 48, 77;
  --veveditor-vod-violet-1: 250, 244, 255;
  --veveditor-vod-violet-2: 242, 234, 251;
  --veveditor-vod-violet-3: 193, 163, 237;
  --veveditor-vod-violet-4: 162, 133, 212;
  --veveditor-vod-violet-5: 135, 99, 184;
  --veveditor-vod-violet-6: 110, 76, 159;
  --veveditor-vod-violet-7: 96, 63, 142;
  --veveditor-vod-violet-8: 83, 45, 134;
  --veveditor-vod-violet-9: var(--veveditor-vod-arcoblue-9);
  --veveditor-vod-violet-10: var(--veveditor-vod-arcoblue-10);
}

body[arco-theme="dark"] {
  --veveditor-vod-red-1: 77, 0, 10;
  --veveditor-vod-red-2: 119, 6, 17;
  --veveditor-vod-red-3: 161, 22, 31;
  --veveditor-vod-red-4: 203, 46, 52;
  --veveditor-vod-red-5: 245, 78, 78;
  --veveditor-vod-red-6: 247, 105, 101;
  --veveditor-vod-red-7: 249, 141, 134;
  --veveditor-vod-red-8: 251, 176, 167;
  --veveditor-vod-red-9: 253, 209, 202;
  --veveditor-vod-red-10: 255, 240, 236;
  --veveditor-vod-orangered-1: 77, 14, 0;
  --veveditor-vod-orangered-2: 119, 30, 5;
  --veveditor-vod-orangered-3: 162, 55, 20;
  --veveditor-vod-orangered-4: 204, 87, 41;
  --veveditor-vod-orangered-5: 247, 126, 69;
  --veveditor-vod-orangered-6: 249, 146, 90;
  --veveditor-vod-orangered-7: 250, 173, 125;
  --veveditor-vod-orangered-8: 252, 198, 161;
  --veveditor-vod-orangered-9: 253, 222, 197;
  --veveditor-vod-orangered-10: 255, 244, 235;
  --veveditor-vod-orange-1: 77, 27, 0;
  --veveditor-vod-orange-2: 121, 48, 4;
  --veveditor-vod-orange-3: 166, 75, 10;
  --veveditor-vod-orange-4: 210, 105, 19;
  --veveditor-vod-orange-5: 255, 141, 31;
  --veveditor-vod-orange-6: 255, 150, 38;
  --veveditor-vod-orange-7: 255, 179, 87;
  --veveditor-vod-orange-8: 255, 205, 135;
  --veveditor-vod-orange-9: 255, 227, 184;
  --veveditor-vod-orange-10: 255, 247, 232;
  --veveditor-vod-gold-1: 77, 45, 0;
  --veveditor-vod-gold-2: 119, 75, 4;
  --veveditor-vod-gold-3: 162, 111, 15;
  --veveditor-vod-gold-4: 204, 150, 31;
  --veveditor-vod-gold-5: 247, 192, 52;
  --veveditor-vod-gold-6: 249, 204, 68;
  --veveditor-vod-gold-7: 250, 220, 108;
  --veveditor-vod-gold-8: 252, 233, 149;
  --veveditor-vod-gold-9: 253, 244, 190;
  --veveditor-vod-gold-10: 255, 252, 232;
  --veveditor-vod-yellow-1: 77, 56, 0;
  --veveditor-vod-yellow-2: 120, 94, 7;
  --veveditor-vod-yellow-3: 163, 134, 20;
  --veveditor-vod-yellow-4: 207, 179, 37;
  --veveditor-vod-yellow-5: 250, 225, 60;
  --veveditor-vod-yellow-6: 251, 233, 75;
  --veveditor-vod-yellow-7: 252, 243, 116;
  --veveditor-vod-yellow-8: 253, 250, 157;
  --veveditor-vod-yellow-9: 254, 254, 198;
  --veveditor-vod-yellow-10: 254, 255, 240;
  --veveditor-vod-lime-1: 42, 77, 0;
  --veveditor-vod-lime-2: 68, 112, 6;
  --veveditor-vod-lime-3: 98, 148, 18;
  --veveditor-vod-lime-4: 132, 183, 35;
  --veveditor-vod-lime-5: 168, 219, 57;
  --veveditor-vod-lime-6: 184, 226, 75;
  --veveditor-vod-lime-7: 203, 233, 112;
  --veveditor-vod-lime-8: 222, 241, 152;
  --veveditor-vod-lime-9: 238, 248, 194;
  --veveditor-vod-lime-10: 253, 255, 238;
  --veveditor-vod-green-1: 0, 77, 28;
  --veveditor-vod-green-2: 4, 102, 37;
  --veveditor-vod-green-3: 10, 128, 45;
  --veveditor-vod-green-4: 18, 154, 55;
  --veveditor-vod-green-5: 29, 180, 64;
  --veveditor-vod-green-6: 39, 195, 70;
  --veveditor-vod-green-7: 80, 210, 102;
  --veveditor-vod-green-8: 126, 225, 139;
  --veveditor-vod-green-9: 178, 240, 183;
  --veveditor-vod-green-10: 235, 255, 236;
  --veveditor-vod-cyan-1: 0, 66, 77;
  --veveditor-vod-cyan-2: 6, 97, 108;
  --veveditor-vod-cyan-3: 17, 131, 139;
  --veveditor-vod-cyan-4: 31, 166, 170;
  --veveditor-vod-cyan-5: 48, 201, 201;
  --veveditor-vod-cyan-6: 63, 212, 207;
  --veveditor-vod-cyan-7: 102, 223, 215;
  --veveditor-vod-cyan-8: 144, 233, 225;
  --veveditor-vod-cyan-9: 190, 244, 237;
  --veveditor-vod-cyan-10: 240, 255, 252;
  --veveditor-vod-blue-1: 0, 26, 77;
  --veveditor-vod-blue-2: 5, 47, 120;
  --veveditor-vod-blue-3: 19, 76, 163;
  --veveditor-vod-blue-4: 41, 113, 207;
  --veveditor-vod-blue-5: 70, 154, 250;
  --veveditor-vod-blue-6: 90, 170, 251;
  --veveditor-vod-blue-7: 125, 193, 252;
  --veveditor-vod-blue-8: 161, 213, 253;
  --veveditor-vod-blue-9: 198, 232, 254;
  --veveditor-vod-blue-10: 234, 248, 255;
  --veveditor-vod-arcoblue-1: 0, 13, 77;
  --veveditor-vod-arcoblue-2: 4, 27, 121;
  --veveditor-vod-arcoblue-3: 14, 50, 166;
  --veveditor-vod-arcoblue-4: 29, 77, 210;
  --veveditor-vod-arcoblue-5: 48, 111, 255;
  --veveditor-vod-arcoblue-6: 60, 126, 255;
  --veveditor-vod-arcoblue-7: 104, 159, 255;
  --veveditor-vod-arcoblue-8: 147, 190, 255;
  --veveditor-vod-arcoblue-9: 190, 218, 255;
  --veveditor-vod-arcoblue-10: 234, 244, 255;
  --veveditor-vod-purple-1: 22, 0, 77;
  --veveditor-vod-purple-2: 39, 6, 110;
  --veveditor-vod-purple-3: 62, 19, 143;
  --veveditor-vod-purple-4: 90, 37, 176;
  --veveditor-vod-purple-5: 123, 61, 209;
  --veveditor-vod-purple-6: 142, 81, 218;
  --veveditor-vod-purple-7: 169, 116, 227;
  --veveditor-vod-purple-8: 197, 154, 237;
  --veveditor-vod-purple-9: 223, 194, 246;
  --veveditor-vod-purple-10: 247, 237, 255;
  --veveditor-vod-pinkpurple-1: 66, 0, 77;
  --veveditor-vod-pinkpurple-2: 101, 3, 112;
  --veveditor-vod-pinkpurple-3: 138, 13, 147;
  --veveditor-vod-pinkpurple-4: 176, 27, 182;
  --veveditor-vod-pinkpurple-5: 217, 46, 217;
  --veveditor-vod-pinkpurple-6: 225, 61, 219;
  --veveditor-vod-pinkpurple-7: 232, 102, 223;
  --veveditor-vod-pinkpurple-8: 240, 146, 230;
  --veveditor-vod-pinkpurple-9: 247, 193, 240;
  --veveditor-vod-pinkpurple-10: 255, 242, 253;
  --veveditor-vod-magenta-1: 77, 0, 52;
  --veveditor-vod-magenta-2: 119, 8, 80;
  --veveditor-vod-magenta-3: 161, 23, 108;
  --veveditor-vod-magenta-4: 203, 43, 136;
  --veveditor-vod-magenta-5: 245, 69, 166;
  --veveditor-vod-magenta-6: 247, 86, 169;
  --veveditor-vod-magenta-7: 249, 122, 184;
  --veveditor-vod-magenta-8: 251, 158, 200;
  --veveditor-vod-magenta-9: 253, 195, 219;
  --veveditor-vod-magenta-10: 255, 232, 241;
  --veveditor-vod-gray-1: 23, 23, 26;
  --veveditor-vod-gray-2: 46, 46, 48;
  --veveditor-vod-gray-3: 72, 72, 73;
  --veveditor-vod-gray-4: 95, 95, 96;
  --veveditor-vod-gray-5: 120, 120, 122;
  --veveditor-vod-gray-6: 146, 146, 147;
  --veveditor-vod-gray-7: 171, 171, 172;
  --veveditor-vod-gray-8: 197, 197, 197;
  --veveditor-vod-gray-9: 223, 223, 223;
  --veveditor-vod-gray-10: 246, 246, 246;
  --veveditor-vod-primary-1: 36, 46, 64;
  --veveditor-vod-primary-2: 39, 51, 76;
  --veveditor-vod-primary-3: 49, 80, 143;
  --veveditor-vod-primary-4: 29, 83, 210;
  --veveditor-vod-primary-5: 104, 154, 255;
  --veveditor-vod-primary-6: 69, 131, 255;
  --veveditor-vod-primary-7: 51, 119, 255;
  --veveditor-vod-primary-8: 147, 193, 255;
  --veveditor-vod-primary-9: 190, 218, 255;
  --veveditor-vod-primary-10: 234, 244, 255;
  --veveditor-vod-link-1: 36, 46, 64;
  --veveditor-vod-link-2: 39, 51, 76;
  --veveditor-vod-link-3: 49, 80, 143;
  --veveditor-vod-link-4: 29, 83, 210;
  --veveditor-vod-link-5: 143, 181, 255;
  --veveditor-vod-link-6: 116, 162, 255;
  --veveditor-vod-link-7: 96, 149, 255;
  --veveditor-vod-link-8: 147, 193, 255;
  --veveditor-vod-link-9: 190, 218, 255;
  --veveditor-vod-link-10: 234, 244, 255;
  --veveditor-vod-success-1: 37, 55, 46;
  --veveditor-vod-success-2: 39, 63, 51;
  --veveditor-vod-success-3: 51, 111, 81;
  --veveditor-vod-success-4: 30, 153, 96;
  --veveditor-vod-success-5: 86, 207, 147;
  --veveditor-vod-success-6: 73, 193, 133;
  --veveditor-vod-success-7: 70, 173, 122;
  --veveditor-vod-success-8: 143, 224, 175;
  --veveditor-vod-success-9: 178, 240, 183;
  --veveditor-vod-success-10: 235, 255, 236;
  --veveditor-vod-danger-1: 60, 38, 39;
  --veveditor-vod-danger-2: 69, 40, 41;
  --veveditor-vod-danger-3: 126, 52, 56;
  --veveditor-vod-danger-4: 203, 46, 52;
  --veveditor-vod-danger-5: 247, 98, 106;
  --veveditor-vod-danger-6: 223, 76, 82;
  --veveditor-vod-danger-7: 197, 49, 56;
  --veveditor-vod-danger-8: 251, 176, 167;
  --veveditor-vod-danger-9: 253, 209, 202;
  --veveditor-vod-danger-10: 255, 240, 236;
  --veveditor-vod-warning-1: 63, 51, 26;
  --veveditor-vod-warning-2: 73, 57, 25;
  --veveditor-vod-warning-3: 136, 96, 15;
  --veveditor-vod-warning-4: 201, 134, 18;
  --veveditor-vod-warning-5: 245, 180, 51;
  --veveditor-vod-warning-6: 242, 162, 0;
  --veveditor-vod-warning-7: 222, 148, 0;
  --veveditor-vod-warning-8: 171, 114, 0;
  --veveditor-vod-warning-9: 121, 46, 0;
  --veveditor-vod-warning-10: 77, 27, 0;
  --veveditor-vod-color-fill-5: #fff;
  --veveditor-vod-color-fill-6: #4e5969;
  --veveditor-vod-color-bg-6: #ffffff1f;
  --veveditor-vod-color-bg-7: #4e5969;
  --veveditor-vod-color-bg-8: #4e5969;
  --veveditor-vod-color-bg-9: #4e5969;
  --veveditor-vod-alert-component-1: 0, 13, 77;
  --veveditor-vod-alert-component-2: 4, 27, 121;
  --veveditor-vod-alert-component-3: 14, 50, 166;
  --veveditor-vod-alert-component-4: 29, 77, 210;
  --veveditor-vod-alert-component-5: 48, 111, 255;
  --veveditor-vod-alert-component-6: 60, 126, 255;
  --veveditor-vod-alert-component-7: 104, 159, 255;
  --veveditor-vod-alert-component-8: 147, 190, 255;
  --veveditor-vod-alert-component-9: 190, 218, 255;
  --veveditor-vod-alert-component-10: 234, 244, 255;
  --veveditor-vod-base-grey-1: 0, 13, 77;
  --veveditor-vod-base-grey-2: 37, 37, 37;
  --veveditor-vod-base-grey-3: 42, 42, 42;
  --veveditor-vod-base-grey-4: 46, 46, 46;
  --veveditor-vod-base-grey-5: 51, 51, 51;
  --veveditor-vod-base-grey-6: 56, 56, 56;
  --veveditor-vod-base-grey-7: 45, 45, 45;
  --veveditor-vod-base-grey-8: 65, 65, 65;
  --veveditor-vod-base-grey-9: 190, 218, 255;
  --veveditor-vod-base-grey-10: 234, 244, 255;
  --veveditor-vod-color-grey-1: #4e5969;
  --veveditor-vod-color-grey-2: #4e5969;
  --veveditor-vod-color-grey-3: #4e5969;
  --veveditor-vod-color-grey-4: #fff;
  --veveditor-vod-color-grey-5: #fff;
  --veveditor-vod-color-grey-6: #fff;
  --veveditor-vod-color-grey-7: #fff;
  --veveditor-vod-color-grey-8: #fff;
  --veveditor-vod-oranged-1: var(--veveditor-vod-arcoblue-1);
  --veveditor-vod-oranged-2: var(--veveditor-vod-arcoblue-2);
  --veveditor-vod-oranged-3: var(--veveditor-vod-arcoblue-3);
  --veveditor-vod-oranged-4: var(--veveditor-vod-arcoblue-4);
  --veveditor-vod-oranged-5: var(--veveditor-vod-arcoblue-5);
  --veveditor-vod-oranged-6: var(--veveditor-vod-arcoblue-6);
  --veveditor-vod-oranged-7: var(--veveditor-vod-arcoblue-7);
  --veveditor-vod-oranged-8: var(--veveditor-vod-arcoblue-8);
  --veveditor-vod-oranged-9: var(--veveditor-vod-arcoblue-9);
  --veveditor-vod-oranged-10: var(--veveditor-vod-arcoblue-10);
  --veveditor-vod-teal-1: 0, 48, 77;
  --veveditor-vod-teal-2: 4, 63, 93;
  --veveditor-vod-teal-3: 15, 81, 109;
  --veveditor-vod-teal-4: 28, 99, 126;
  --veveditor-vod-teal-5: 45, 119, 142;
  --veveditor-vod-teal-6: 67, 145, 165;
  --veveditor-vod-teal-7: 100, 172, 187;
  --veveditor-vod-teal-8: 139, 200, 210;
  --veveditor-vod-teal-9: 184, 227, 232;
  --veveditor-vod-teal-10: 235, 253, 255;
  --veveditor-vod-violet-1: var(--veveditor-vod-arcoblue-1);
  --veveditor-vod-violet-2: var(--veveditor-vod-arcoblue-2);
  --veveditor-vod-violet-3: var(--veveditor-vod-arcoblue-3);
  --veveditor-vod-violet-4: var(--veveditor-vod-arcoblue-4);
  --veveditor-vod-violet-5: var(--veveditor-vod-arcoblue-5);
  --veveditor-vod-violet-6: var(--veveditor-vod-arcoblue-6);
  --veveditor-vod-violet-7: var(--veveditor-vod-arcoblue-7);
  --veveditor-vod-violet-8: var(--veveditor-vod-arcoblue-8);
  --veveditor-vod-violet-9: var(--veveditor-vod-arcoblue-9);
  --veveditor-vod-violet-10: var(--veveditor-vod-arcoblue-10);
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  src: url("https://res.volccdn.com/obj/volc-console-fe/theme_css/static/Roboto-Regular.ttf");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  src: url("https://res.volccdn.com/obj/volc-console-fe/theme_css/static/Roboto-Medium.ttf");
}

body {
  font-size: 13px;
}

.force-icon {
  color: inherit;
  display: inline-block;
  vertical-align: -2px;
  width: 1em;
  height: 1em;
  font-style: normal;
}

@font-face {
  font-display: swap;
}

.force-icon-loading {
  -webkit-animation: 1s linear infinite force-loading-circle;
  animation: 1s linear infinite force-loading-circle;
}

@-webkit-keyframes force-loading-circle {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes force-loading-circle {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.veveditor-vod-alert {
  align-items:  flex-start;
}

.veveditor-vod-alert .veveditor-vod-alert-title {
  font-size: 16px;
  font-weight: 500;
}

.veveditor-vod-alert-close-btn {
  border-radius: 4px;
  width: 24px;
  height: 24px;
  padding: 4px;
}

.veveditor-vod-alert-close-btn:hover {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-alert svg {
  position: relative;
}

.veveditor-vod-alert-content {
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-alert-with-title .veveditor-vod-alert-icon-wrapper {
  height: 24px;
}

.veveditor-vod-anchor .veveditor-vod-anchor-link-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  line-height: 28px;
}

.veveditor-vod-anchor .veveditor-vod-anchor-link-active > .veveditor-vod-anchor-link-title {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-anchor .veveditor-vod-anchor-line-slider {
  border-radius: 0 4px 4px 0;
  margin-top: 0;
}

.veveditor-vod-autocomplete.veveditor-vod-input-focus .veveditor-vod-input-inner-wrapper {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  background-color: #0000;
}

.veveditor-vod-autocomplete.veveditor-vod-input-focus .veveditor-vod-input-inner-wrapper-error {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-popup {
  background-color: var(--veveditor-vod-color-bg-white);
  padding: 6px;
  box-shadow: 0 0 32px #cdd5de6b;
}

.veveditor-vod-autocomplete-popup .veveditor-vod-select-highlight {
  font-weight: 700;
}

.veveditor-vod-autocomplete .veveditor-vod-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-autocomplete .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

body[arco-theme="dark"] .veveditor-vod-autocomplete.veveditor-vod-input-focus .veveditor-vod-input-inner-wrapper {
  box-shadow: 0 0 0 2px #4583ff4d;
}

body[arco-theme="dark"] .veveditor-vod-autocomplete.veveditor-vod-input-focus .veveditor-vod-input-inner-wrapper-error {
  box-shadow: 0 0 0 2px #df4c524d;
}

body[arco-theme="dark"] .veveditor-vod-autocomplete-popup .veveditor-vod-select-popup {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-avatar-trigger-icon-button {
  box-shadow: 0 1px 1px #0000001a, 0 0 0 1px #d5dbe380;
}

.veveditor-vod-avatar-group .veveditor-vod-avatar.veveditor-vod-avatar-group-max-count-avatar {
  margin-left: 1px;
}

.veveditor-vod-badge-number {
  border: .5px solid rgb(var(--veveditor-vod-danger-6));
  line-height: 19px;
  box-shadow: 0 1px #14141414;
}

.veveditor-vod-breadcrumb .veveditor-vod-breadcrumb-item-dropdown-icon {
  line-height: 0;
}

.veveditor-vod-breadcrumb .veveditor-vod-breadcrumb-item:last-child a {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-btn.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading) {
  box-shadow: 0 1px 1px #00000026;
}

.veveditor-vod-btn.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  box-shadow: 0 2px 3px #0003;
}

.veveditor-vod-btn.veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-btn.veveditor-vod-btn-primary.veveditor-vod-btn-disabled {
  box-shadow: 0 1px 1px #00000026;
}

.veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading) {
  box-shadow: 0 1px 1px #00000014;
}

.veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  box-shadow: 0 2px 3px #00000026;
}

.veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-btn.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading), .veveditor-vod-btn.veveditor-vod-btn-secondary.veveditor-vod-btn-disabled {
  box-shadow: 0 1px 1px #00000014;
}

.veveditor-vod-btn.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  box-shadow: 0 2px 3px #00000026;
}

.veveditor-vod-btn.veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-btn.veveditor-vod-btn-outline.veveditor-vod-btn-disabled {
  box-shadow: 0 1px 1px #00000014;
}

.veveditor-vod-btn svg {
  vertical-align: -3px;
  font-size: 16px;
}

.veveditor-vod-btn-size-mini svg {
  vertical-align: -2px;
  font-size: 12px;
}

body[arco-theme="dark"].veveditor-vod-btn-outline.veveditor-vod-btn-disabled, body[arco-theme="dark"].veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading), body[arco-theme="dark"].veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):active, body[arco-theme="dark"].veveditor-vod-btn-outline:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):hover, body[arco-theme="dark"].veveditor-vod-btn-primary.veveditor-vod-btn-disabled, body[arco-theme="dark"].veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading), body[arco-theme="dark"].veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):active, body[arco-theme="dark"].veveditor-vod-btn-primary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):hover, body[arco-theme="dark"].veveditor-vod-btn-secondary.veveditor-vod-btn-disabled, body[arco-theme="dark"].veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading), body[arco-theme="dark"].veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):active, body[arco-theme="dark"].veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-calendar {
  border-radius: 8px;
}

.veveditor-vod-calendar-date-circle:hover {
  background-color: rgb(var(--veveditor-vod-link-2));
}

.veveditor-vod-calendar-header-icon {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--veveditor-vod-color-bg-4);
  border: 1px solid var(--veveditor-vod-color-border-3);
  justify-content: center;
  align-items:  center;
}

.veveditor-vod-calendar-header-icon-hidden {
  background-color: var(--veveditor-vod-color-bg-white);
  -webkit-box-shadow: none;
  box-shadow: none;
  display: none;
}

.veveditor-vod-calendar-header-icon:hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-calendar-header-icon:not(.veveditor-vod-calendar-header-icon-hidden):hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-calendar .veveditor-vod-radio-checked .veveditor-vod-radio-button-inner {
  background: var(--veveditor-vod-color-bg-white);
  border-radius: 4px;
  box-shadow: 0 1px 2px #00000012, 0 .5px 1px #0000000d, 0 0 0 .5px #d5dbe3b3;
}

.veveditor-vod-calendar .veveditor-vod-radio-button-inner {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-calendar-week-list {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-calendar .veveditor-vod-radio-button:after {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-calendar-month-cell .veveditor-vod-calendar-week-list, .veveditor-vod-calendar-panel .veveditor-vod-calendar-week-list {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.veveditor-vod-calendar-panel {
  background-color: var(--veveditor-vod-color-bg-white);
  border-radius: 4px;
}

.veveditor-vod-calendar .veveditor-vod-calendar-year-row:not(:last-child) .veveditor-vod-calendar-cell {
  border-bottom: none;
}

.veveditor-vod-calendar .veveditor-vod-calendar-year-row > .veveditor-vod-calendar-cell:not(:last-child) {
  border-right: none;
}

.veveditor-vod-calendar .veveditor-vod-calendar-year-row > .veveditor-vod-calendar-cell {
  padding: 12px 16px;
}

.veveditor-vod-calendar-mode-month .veveditor-vod-calendar-header-value-month {
  margin-right: 12px;
}

body[arco-theme="dark"] .veveditor-vod-calendar .veveditor-vod-radio-checked .veveditor-vod-radio-button-inner, body[arco-theme="dark"] .veveditor-vod-calendar-header-icon-hidden {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-card {
  padding: 16px;
}

.veveditor-vod-card-header {
  overflow: visible;
}

.veveditor-vod-card-cover {
  margin-bottom: 8px;
}

.veveditor-vod-cascader.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-cascader.veveditor-vod-cascader-error.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-cascader-popup {
  background-color: var(--veveditor-vod-color-bg-white);
  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #00000008;
}

.veveditor-vod-cascader-popup .veveditor-vod-empty {
  padding: 0;
}

.veveditor-vod-cascader-popup .veveditor-vod-empty .veveditor-vod-empty-wrapper .veveditor-vod-empty-image {
  font-size: 48px;
}

.veveditor-vod-cascader-highlight {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-cascader-list-wrapper {
  padding: 6px;
}

.veveditor-vod-cascader-list-wrapper .veveditor-vod-cascader-list-item {
  border-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-cascader-list-column {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-cascader-list-item {
  margin-bottom: 4px;
}

.veveditor-vod-cascader-list-item .force-icon-right {
  color: var(--veveditor-vod-color-fill-2);
  position: absolute;
  font-size: 12px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.veveditor-vod-cascader .veveditor-vod-icon-hover:before {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-cascader .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-cascader-addbefore {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-right: none;
  border-radius: 4px 0 0 4px;
  font-size: 13px;
}

.veveditor-vod-cascader-addbefore, .veveditor-vod-cascader-prefix {
  color: var(--veveditor-vod-color-text-2);
}

body[arco-theme="dark"] .veveditor-vod-cascader.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-link-7), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-link-7), .3);
}

body[arco-theme="dark"] .veveditor-vod-cascader.veveditor-vod-cascader-error.veveditor-vod-cascader-focused .veveditor-vod-cascader-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-7), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-7), .3);
}

body[arco-theme="dark"] .veveditor-vod-cascader-popup {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-checkbox.veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-text {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-collapse-item-content-box {
  padding-left: 32px;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-item, .veveditor-vod-collapse-borderless .veveditor-vod-collapse-item-header {
  border: none;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-item-content {
  background-color: #0000;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-item-content-box {
  padding-top: 0;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-item-active > .veveditor-vod-collapse-item-header {
  border-color: #0000;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-border .veveditor-vod-collapse-item {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-border .veveditor-vod-collapse-item-header {
  border-bottom: 1px solid #0000;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-border .veveditor-vod-collapse-item:last-of-type {
  border-bottom: none;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-border .veveditor-vod-collapse-item-content {
  background-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-border .veveditor-vod-collapse-item-content-box {
  padding: 8px 12px 8px 40px;
}

.veveditor-vod-collapse-borderless .veveditor-vod-collapse-border .veveditor-vod-collapse-item-active > .veveditor-vod-collapse-item-header {
  border-color: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-picker-cell-hover-in-range .veveditor-vod-picker-date, .veveditor-vod-picker-cell-hover-range-end:not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end) .veveditor-vod-picker-date-value, .veveditor-vod-picker-cell-hover-range-start:not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end) .veveditor-vod-picker-date-value {
  background-color: rgb(var(--veveditor-vod-link-2));
}

.veveditor-vod-picker-focused .veveditor-vod-picker-input-active input, .veveditor-vod-picker-input .veveditor-vod-picker-input-active {
  border-radius: 4px;
}

.veveditor-vod-picker-focused .veveditor-vod-picker-input-active input, .veveditor-vod-picker-focused:hover .veveditor-vod-picker-input-active input {
  background-color: rgb(var(--veveditor-vod-link-2));
}

.veveditor-vod-picker:not(.veveditor-vod-picker-range).veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-picker:not(.veveditor-vod-picker-range).veveditor-vod-picker-focused .veveditor-vod-picker-input {
  background: rgb(var(--veveditor-vod-link-2));
  border-radius: 4px;
}

.veveditor-vod-picker.veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-picker.veveditor-vod-picker-focused .veveditor-vod-picker-active {
  background: rgb(var(--veveditor-vod-link-2));
  border-radius: 4px;
}

.veveditor-vod-picker-container {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-2);
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-filter: drop-shadow(0 5px 15px #00000008);
  filter: drop-shadow(0 5px 15px #00000008);
  font-size: 13px;
  box-shadow: 0 15px 35px -2px #0000000d;
}

.veveditor-vod-picker-container .veveditor-vod-picker-date-value {
  font-size: 13px;
}

.veveditor-vod-picker-header {
  border-bottom: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-picker-header-label:hover {
  background-color: rgb(var(--veveditor-vod-link-2));
}

.veveditor-vod-picker-range {
  background-color: var(--veveditor-vod-color-bg-white);
  border-radius: 4px;
}

.veveditor-vod-picker-range-wrapper .arco-panel-date:first-child .veveditor-vod-picker-range-header {
  border-right: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-picker-cell-selected:after {
  background-color: var(--veveditor-vod-color-bg-white);
  bottom: 8px;
}

.veveditor-vod-picker-cell-today:after {
  bottom: 8px;
}

.veveditor-vod-picker-header-icon-hidden, .veveditor-vod-picker-range-container {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-picker-range-container {
  border: 1px solid var(--veveditor-vod-color-border-2);
  -webkit-filter: drop-shadow(0 5px 15px #00000008);
  filter: drop-shadow(0 5px 15px #00000008);
  border-radius: 4px;
  font-size: 13px;
  box-shadow: 0 15px 35px -2px #0000000d;
}

.veveditor-vod-picker-range-container .veveditor-vod-picker-date-value {
  font-size: 13px;
}

.veveditor-vod-picker-cell:hover .veveditor-vod-picker-cell-selected:hover .veveditor-vod-picker-date-value {
  color: var(--veveditor-vod-color-text-1);
  background-color: var(--veveditor-vod-link-7) !important;
}

.veveditor-vod-picker-cell:hover:not(.veveditor-vod-picker-cell-selected) .veveditor-vod-picker-date-value {
  background-color: rgb(var(--veveditor-vod-link-2));
}

.veveditor-vod-picker-header-icon {
  background: none;
}

.veveditor-vod-picker-header-icon:hover:not(.veveditor-vod-picker-header-icon-hidden) {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-picker-cell-range-start.veveditor-vod-picker-cell-hover-in-range .veveditor-vod-picker-date {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.veveditor-vod-picker-cell-range-end.veveditor-vod-picker-cell-hover-in-range .veveditor-vod-picker-date {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.veveditor-vod-picker-cell-hover-in-range .veveditor-vod-picker-date {
  background-color: rgb(var(--veveditor-vod-link-2));
  border-radius: 0;
}

.veveditor-vod-picker-cell-hover-in-range.veveditor-vod-picker-cell-range-edge-in-hover-range {
  border-radius: 0;
}

.arco-panel-week .veveditor-vod-picker-row-week:hover .veveditor-vod-picker-cell:not(.veveditor-vod-picker-cell-week):not(.veveditor-vod-picker-cell-selected):not(.veveditor-vod-picker-cell-range-start):not(.veveditor-vod-picker-cell-range-end):not(.veveditor-vod-picker-cell-in-range):not(.veveditor-vod-picker-cell-hover-in-range) .veveditor-vod-picker-date-value, .veveditor-vod-picker-cell-in-range .veveditor-vod-picker-date, .veveditor-vod-picker-focused .veveditor-vod-picker-input-active input {
  background-color: rgb(var(--veveditor-vod-link-2));
}

.veveditor-vod-picker-disabled, .veveditor-vod-picker-disabled input[disabled], .veveditor-vod-picker-disabled input[disabled] input[disabled], .veveditor-vod-picker-disabled:hover, .veveditor-vod-picker-disabled:hover input[disabled] {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-picker-disabled input[disabled], .veveditor-vod-picker-disabled:hover input[disabled], .veveditor-vod-picker-input input:disabled, .veveditor-vod-picker-input textarea:disabled {
  -webkit-text-fill-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-picker .veveditor-vod-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-picker .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-descriptions-item-label, .veveditor-vod-descriptions-item-value {
  font-size: 13px;
}

.veveditor-vod-descriptions:not(.veveditor-vod-descriptions-border) .veveditor-vod-descriptions-item-label {
  padding-right: 20px;
}

.veveditor-vod-descriptions.veveditor-vod-descriptions-layout-inline-vertical .veveditor-vod-descriptions-item-label-inline {
  margin-bottom: 4px;
}

.veveditor-vod-drawer-content {
  padding: 20px 24px 24px;
}

.veveditor-vod-drawer-header {
  height: 56px;
  padding: 0 24px;
}

.veveditor-vod-drawer .veveditor-vod-drawer-close-icon {
  cursor: pointer;
  font-size: 20px;
  line-height: 0;
  top: 17px;
}

.veveditor-vod-drawer .veveditor-vod-drawer-close-icon:before {
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  background-color: #0000;
  width: 20px;
  height: 20px;
  transition: background-color .1s linear;
}

.veveditor-vod-drawer .veveditor-vod-drawer-close-icon:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-drawer-footer {
  padding: 16px 24px;
}

.veveditor-vod-drawer-inner {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-drawer-mask {
  background-color: #00000080;
}

body[arco-theme="dark"] .veveditor-vod-drawer-mask {
  background-color: #0009;
}

.veveditor-vod-dropdown {
  border-radius: var(--veveditor-vod-border-radius-medium);
  box-shadow: 0 0 32px #cdd5de6b;
}

.veveditor-vod-dropdown-menu-inner {
  padding: 3px;
}

.veveditor-vod-dropdown-menu-group-title {
  margin-bottom: 4px;
}

.veveditor-vod-dropdown-menu-pop-header {
  border-radius: var(--veveditor-vod-border-radius-medium);
  height: 32px;
  line-height: 32px;
}

.veveditor-vod-dropdown-menu-pop-header:not(:last-child) {
  margin-bottom: 4px;
}

.veveditor-vod-dropdown-menu-pop-header:hover {
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-pop-header:hover:before {
  background: var(--veveditor-vod-color-bg-4);
  border-radius: var(--veveditor-vod-border-radius-medium);
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0 3px;
}

.veveditor-vod-dropdown-menu-item {
  border-radius: var(--veveditor-vod-border-radius-medium);
  height: 32px;
  line-height: 32px;
}

.veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-selected {
  color: rgb(var(--primary-6));
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-item.veveditor-vod-dropdown-menu-selected:before {
  background: var(--veveditor-vod-color-bg-4);
  border-radius: var(--veveditor-vod-border-radius-medium);
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0 3px;
}

.veveditor-vod-dropdown-menu-item:not(:last-child) {
  margin-bottom: 4px;
}

.veveditor-vod-dropdown-menu-item:not(.veveditor-vod-dropdown-menu-disabled):hover {
  background-color: #0000;
}

.veveditor-vod-dropdown-menu-item:not(.veveditor-vod-dropdown-menu-disabled):hover:before {
  background: var(--veveditor-vod-color-bg-4);
  border-radius: var(--veveditor-vod-border-radius-medium);
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0 3px;
}

.veveditor-vod-dropdown .veveditor-vod-dropdown-menu-pop-header .veveditor-vod-dropdown-menu-icon-suffix {
  color: rbg(var(--veveditor-vod-color-fill-2));
}

.veveditor-vod-dropdown a {
  text-decoration: none;
}

body[arco-theme="dark"] .veveditor-vod-dropdown {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-empty {
  padding: 32px 0 48px;
}

.veveditor-vod-empty-image {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
}

.veveditor-vod-form-item-feedback {
  z-index: 2;
}

.veveditor-vod-form-label-item .veveditor-vod-form-item-tooltip {
  color: var(--veveditor-vod-color-fill-2);
  font-size: 14px;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-error .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-danger-3));
  border-left: 1px solid rgb(var(--veveditor-vod-danger-3));
  border-top: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-form-item-status-error .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-form-item-status-error .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-error .veveditor-vod-select:not(.veveditor-vod-form-item-status-error .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-select:not(.veveditor-vod-form-item-status-error .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-form-item-status-error .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-danger-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  background-color: #fff;
}

.veveditor-vod-form-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-danger-3));
}

.veveditor-vod-form-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-form-item-status-error .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-form-item-status-warning .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-warning .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-warning-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-warning-3));
  border-left: 1px solid rgb(var(--veveditor-vod-warning-3));
  border-top: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-form-item-status-warning .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-warning-7));
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
}

.veveditor-vod-form-item-status-warning .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-form-item-status-warning .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-select:not(.veveditor-vod-form-item-status-warning .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-select:not(.veveditor-vod-form-item-status-warning .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-form-item-status-warning .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-warning-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
  background-color: #fff;
}

.veveditor-vod-form-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-warning-3));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-warning-6));
}

.veveditor-vod-form-item-status-warning .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-warning-6), .3);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-form-item-status-success .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-success .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-success-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-success-3));
  border-left: 1px solid rgb(var(--veveditor-vod-success-3));
  border-top: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-form-item-status-success .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-success-7));
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
}

.veveditor-vod-form-item-status-success .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-form-item-status-success .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-success .veveditor-vod-select:not(.veveditor-vod-form-item-status-success .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-select:not(.veveditor-vod-form-item-status-success .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-form-item-status-success .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-success-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
  background-color: #fff;
}

.veveditor-vod-form-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-success-3));
}

.veveditor-vod-form-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-form-item-status-success .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-success-6), .3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled):hover, .veveditor-vod-form-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-form-item-status-validating .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form-item-status-validating .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore {
  border-bottom: 1px solid rgb(var(--veveditor-vod-primary-3));
  border-left: 1px solid rgb(var(--veveditor-vod-primary-3));
  border-top: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select {
  margin-left: -12px;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:not(.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view:first-of-type {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover:not(.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addbefore .veveditor-vod-select:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addafter .veveditor-vod-select:not(.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addafter .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: #0000;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addafter:hover:not(.veveditor-vod-form-item-status-validating .veveditor-vod-input-group-addafter:hover.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border-left-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled).veveditor-vod-input-inner-wrapper-focus {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-form-item-status-validating .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus, .veveditor-vod-form-item-status-validating .veveditor-vod-input-number .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled) .veveditor-vod-input:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-select:not(.veveditor-vod-form-item-status-validating .veveditor-vod-select.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-select:not(.veveditor-vod-form-item-status-validating .veveditor-vod-select.veveditor-vod-select-disabled):hover .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-form-item-status-validating .veveditor-vod-select.veveditor-vod-select-focused.veveditor-vod-select-disabled) .veveditor-vod-select-view {
  border: 1px solid rgb(var(--veveditor-vod-primary-7));
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  background-color: #fff;
}

.veveditor-vod-form-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled) {
  border: 1px solid rgb(var(--veveditor-vod-primary-3));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled):hover {
  border: 1px solid rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-form-item-status-validating .veveditor-vod-picker:not(.veveditor-vod-picker-disabled).veveditor-vod-picker-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-form .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.veveditor-vod-form .veveditor-vod-autocomplete .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-form .veveditor-vod-input-number .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-form .veveditor-vod-input-group-addbefore .veveditor-vod-select-view:first-of-type {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-form .veveditor-vod-input-group-addafter .veveditor-vod-select-view:first-of-type, .veveditor-vod-form .veveditor-vod-input-group-addbefore + .veveditor-vod-input-inner-wrapper-focus {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
}

.veveditor-vod-form-horizontal .veveditor-vod-form-label-item-left > label {
  position: relative;
  padding-left: 16px;
}

.veveditor-vod-form-horizontal .veveditor-vod-form-label-item-left .veveditor-vod-form-item-symbol {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.veveditor-vod-form-label-item > label {
  line-height: 1;
}

.veveditor-vod-input-disabled {
  -webkit-text-fill-color: inherit;
}

.veveditor-vod-input-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-disabled::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-disabled::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.clear-icon:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  transition: background-color .1s linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clear-icon:hover:before {
  background-color: var(--veveditor-vod-color-fill-1) !important;
}

.veveditor-vod-input.veveditor-vod-input-focus, .veveditor-vod-input:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-input-error.veveditor-vod-input-focus, .veveditor-vod-input-error:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-input-inner-wrapper-error.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper-error:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper:focus {
  z-index: 1;
}

.veveditor-vod-input-search-button .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper-focus {
  border-radius: var(--veveditor-vod-border-radius-medium);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.veveditor-vod-input-search-button .veveditor-vod-input-group .veveditor-vod-btn.veveditor-vod-input-search-btn {
  font-size: 13px;
}

.veveditor-vod-input-group-addbefore {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
  border-right: none;
  font-size: 13px;
}

.veveditor-vod-input-group-addafter {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
  border-left: none;
  font-size: 13px;
}

.veveditor-vod-input-clear-wrapper .veveditor-vod-input-clear-icon {
  position: relative;
}

.veveditor-vod-input-clear-wrapper .veveditor-vod-input-clear-icon:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  transition: background-color .1s linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-input-clear-wrapper .veveditor-vod-input-clear-icon:hover:before {
  background-color: var(--veveditor-vod-color-fill-1) !important;
}

.veveditor-vod-input-inner-wrapper-has-prefix > .veveditor-vod-input {
  padding-left: 4px;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-select, .veveditor-vod-input-group > .veveditor-vod-select {
  vertical-align: top;
}

.veveditor-vod-input-group:not(.veveditor-vod-input-group-compact) > .veveditor-vod-input {
  border-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-input:not(:last-child) {
  border-right-color: #0000;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact > .veveditor-vod-input:not(:last-child):hover {
  border-right-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-input-group > .veveditor-vod-input-inner-wrapper-focus, .veveditor-vod-input-inner-wrapper-focus:not(:first-child):not(:last-child), .veveditor-vod-input-inner-wrapper-focus:not(:first-child):not(:last-child):hover {
  border-radius: 0;
}

.veveditor-vod-input-group > :last-child {
  border-bottom-right-radius: var(--veveditor-vod-border-radius-medium);
  border-top-right-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-input-group > :first-child {
  border-bottom-left-radius: var(--veveditor-vod-border-radius-medium);
  border-top-left-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-textarea.veveditor-vod-textarea-focus, .veveditor-vod-textarea:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-textarea-error.veveditor-vod-textarea-focus, .veveditor-vod-textarea-error:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-textarea-clear-icon {
  right: 6px;
}

.veveditor-vod-textarea-clear-icon:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: var(--veveditor-vod-border-radius-circle);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  transition: background-color .1s linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-textarea-clear-icon:hover:before {
  background-color: var(--veveditor-vod-color-fill-1) !important;
}

.veveditor-vod-input-inner-wrapper .veveditor-vod-input-clear-icon ~ .veveditor-vod-input-group-suffix {
  margin-left: 4px;
}

body[arco-theme="dark"] .veveditor-vod-input.veveditor-vod-input-focus, body[arco-theme="dark"] .veveditor-vod-input:focus {
  box-shadow: 0 0 0 2px #4583ff4d;
}

body[arco-theme="dark"] .veveditor-vod-input-error:focus, body[arco-theme="dark"] .veveditor-vod-input.veveditor-vod-input-error.veveditor-vod-input-focus {
  box-shadow: 0 0 0 2px #df4c524d;
}

body[arco-theme="dark"] .veveditor-vod-input-inner-wrapper.veveditor-vod-input-focus, body[arco-theme="dark"] .veveditor-vod-input-inner-wrapper:focus {
  box-shadow: 0 0 0 2px #4583ff4d;
}

body[arco-theme="dark"] .veveditor-vod-input-inner-wrapper-error:focus, body[arco-theme="dark"] .veveditor-vod-input-inner-wrapper.veveditor-vod-input-error.veveditor-vod-input-focus {
  box-shadow: 0 0 0 2px #df4c524d;
}

body[arco-theme="dark"] .veveditor-vod-input-inner-wrapper .veveditor-vod-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

body[arco-theme="dark"] .veveditor-vod-textarea.veveditor-vod-input-focus, body[arco-theme="dark"] .veveditor-vod-textarea:focus {
  box-shadow: 0 0 0 2px #4583ff4d;
}

body[arco-theme="dark"] .veveditor-vod-textarea-error:focus, body[arco-theme="dark"] .veveditor-vod-textarea.veveditor-vod-input-error.veveditor-vod-input-focus {
  box-shadow: 0 0 0 2px #df4c524d;
}

.veveditor-vod-input-number .veveditor-vod-input-number-step-layer {
  overflow: visible;
}

.veveditor-vod-input-number .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button {
  color: var(--veveditor-vod-color-fill-2);
  box-shadow: 0 0 0 1px #d5dbe3b3;
}

.veveditor-vod-input-number .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button:last-child {
  border-radius: 0 0 2px 2px;
  margin-bottom: 0;
}

.veveditor-vod-input-number .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button:first-child {
  border-radius: 2px 2px 0 0;
  margin-bottom: 1px;
}

.veveditor-vod-input-number .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button:hover:not(.veveditor-vod-input-number-step-button-disabled) {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 1px #0000001a, 0 0 0 1px #1664ffcc;
  background-color: #0000 !important;
}

.veveditor-vod-input-number .veveditor-vod-input-number-step-button-disabled:active, .veveditor-vod-input-number .veveditor-vod-input-number-step-button-disabled:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-input-number .input-number-group-common svg {
  color: var(--veveditor-vod-color-fill-2);
  stroke-width: 5;
}

.veveditor-vod-input-number .input-number-group-common-disabled svg {
  color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-input-number .veveditor-vod-input-group-addbefore {
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-input-number .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-input-number .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button svg {
  color: var(--veveditor-vod-color-fill-2);
  stroke-width: 5;
}

.veveditor-vod-input-number .veveditor-vod-input-group-addbefore .veveditor-vod-input-number-step-button-disabled svg {
  color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-input-number .veveditor-vod-input-group-addafter {
  border-color: var(--veveditor-vod-color-border-3);
  margin-left: 1px;
}

.veveditor-vod-input-number .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-input-number .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button svg {
  color: var(--veveditor-vod-color-fill-2);
  stroke-width: 5;
}

.veveditor-vod-input-number .veveditor-vod-input-group-addafter .veveditor-vod-input-number-step-button-disabled svg {
  color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-input-number.veveditor-vod-input-number-mode-button .veveditor-vod-input-inner-wrapper-disabled {
  border-color: var(--veveditor-vod-color-border-3);
}

.veveditor-vod-input-number .veveditor-vod-input-disabled {
  color: var(--veveditor-vod-color-text-3);
  -webkit-text-fill-color: initial;
}

.veveditor-vod-input-number .veveditor-vod-input-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-number .veveditor-vod-input-disabled::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-number .veveditor-vod-input-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-number .veveditor-vod-input-disabled::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

body[arco-theme="dark"] .veveditor-vod-input-number .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button {
  -webkit-box-shadow: 0 0 0 1px var(--veveditor-vod-color-border-3);
  box-shadow: 0 0 0 1px var(--veveditor-vod-color-border-3);
}

body[arco-theme="dark"] .veveditor-vod-input-number .veveditor-vod-input-number-step-layer .veveditor-vod-input-number-step-button:hover:not(.veveditor-vod-input-number-step-button-disabled) {
  -webkit-box-shadow: 0 0 0 1px rgb(var(--veveditor-vod-primary-5));
  box-shadow: 0 0 0 1px rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-input-tag-input::-webkit-input-placeholder {
  font-size: 13px;
}

.veveditor-vod-input-tag-input::placeholder {
  font-size: 13px;
}

.veveditor-vod-input-tag-input:-ms-input-placeholder {
  font-size: 13px;
}

.veveditor-vod-input-tag-input::placeholder {
  font-size: 13px;
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-clear-icon:before {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-clear-icon:hover:before {
  background-color: var(--veveditor-vod-color-fill-1) !important;
}

.veveditor-vod-input-tag.veveditor-vod-input-tag-focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-input-tag.veveditor-vod-input-tag-error.veveditor-vod-input-tag-focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-input-tag .veveditor-vod-tag {
  height: 20px;
}

.veveditor-vod-input-tag-inner {
  padding-left: 1px;
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-tag .veveditor-vod-tag-close-btn {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-input-tag .veveditor-vod-input-tag-tag .veveditor-vod-tag-close-btn:hover:before {
  opacity: .4;
  background-color: var(--veveditor-vod-color-fill-1) !important;
}

.veveditor-vod-input-tag-size-mini {
  padding: 0 2px;
}

.veveditor-vod-input-tag-size-default {
  padding: 0 6px;
}

.veveditor-vod-input-tag-size-large {
  padding: 0 8px;
}

.veveditor-vod-input-tag .veveditor-vod-icon-hover:before {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-input-tag .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-input-tag-addbefore {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-right: none;
}

.veveditor-vod-input-tag-addafter {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-left: none;
}

.veveditor-vod-input-tag-disabled, .veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input-disabled {
  color: var(--veveditor-vod-color-text-3);
  -webkit-text-fill-color: initial;
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input-disabled::-moz-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled::-moz-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input-disabled::-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled::-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-input-disabled::placeholder, .veveditor-vod-input-tag-disabled::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-list-wrapper {
  padding: 1px;
}

.veveditor-vod-list-small .veveditor-vod-list-header {
  padding: 7px 16px;
}

.veveditor-vod-list-small .veveditor-vod-list-content .veveditor-vod-list-item {
  overflow: visible;
  border-bottom: none;
  padding: 0 8px;
}

.veveditor-vod-list-small .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-main {
  overflow: visible;
}

.veveditor-vod-list-small .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content {
  padding: 8px;
}

.veveditor-vod-list-small .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) {
  margin-bottom: 1px;
}

.veveditor-vod-list-small .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main {
  box-shadow: 0 1px #d5dbe380;
}

.veveditor-vod-list-default .veveditor-vod-list-header {
  padding: 11px 16px;
}

.veveditor-vod-list-default .veveditor-vod-list-content .veveditor-vod-list-item {
  overflow: visible;
  border-bottom: none;
  padding: 0 8px;
}

.veveditor-vod-list-default .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-main {
  overflow: visible;
}

.veveditor-vod-list-default .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content {
  padding: 12px 8px;
}

.veveditor-vod-list-default .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) {
  margin-bottom: 1px;
}

.veveditor-vod-list-default .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main {
  box-shadow: 0 1px #d5dbe380;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item {
  overflow: visible;
  border-bottom: none;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item:first-child .veveditor-vod-list-item-content:hover:before {
  display: none;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-main {
  overflow: visible;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content:hover {
  background-color: var(--veveditor-vod-color-bg-4);
  position: relative;
  border-radius: 4px;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content:hover .hide-border-common, .veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content:hover:before {
  background-color: var(--veveditor-vod-color-bg-white);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% + 16px);
  height: 1px;
  left: -8px;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content:hover:before {
  top: -1px;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content:hover:after {
  background-color: var(--veveditor-vod-color-bg-white);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% + 16px);
  height: 1px;
  bottom: -1px;
  left: -8px;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) {
  margin-bottom: 1px;
}

.veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main {
  box-shadow: 0 1px #d5dbe380;
}

.veveditor-vod-list-large .veveditor-vod-list-header {
  padding: 15px 16px;
}

.veveditor-vod-list-large .veveditor-vod-list-content .veveditor-vod-list-item {
  overflow: visible;
  border-bottom: none;
  padding: 0 8px;
}

.veveditor-vod-list-large .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-main {
  overflow: visible;
}

.veveditor-vod-list-large .veveditor-vod-list-content .veveditor-vod-list-item .veveditor-vod-list-item-content {
  padding: 16px 8px;
}

.veveditor-vod-list-large .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) {
  margin-bottom: 1px;
}

.veveditor-vod-list-large .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main {
  box-shadow: 0 1px #d5dbe380;
}

.veveditor-vod-list.veveditor-vod-list-no-split .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-list .veveditor-vod-empty .veveditor-vod-empty-wrapper .veveditor-vod-empty-image {
  font-size: 48px;
}

.veveditor-vod-list-item-action {
  padding-left: 8px;
}

body[arco-theme="dark"] .veveditor-vod-list-default .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main, body[arco-theme="dark"] .veveditor-vod-list-hoverable .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main, body[arco-theme="dark"] .veveditor-vod-list-large .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main, body[arco-theme="dark"] .veveditor-vod-list-small .veveditor-vod-list-content .veveditor-vod-list-item:not(:last-child) .veveditor-vod-list-item-main {
  box-shadow: 0 1px #ffffff26;
}

.veveditor-vod-menu-light .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected:hover {
  background-color: #f1f3f514;
}

.veveditor-vod-menu-pop-trigger .veveditor-vod-trigger-arrow {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-menu-dark .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected:hover {
  background-color: #f1f3f514;
}

.veveditor-vod-menu .veveditor-vod-menu-icon-suffix .force-icon-down {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-menu.veveditor-vod-menu-collapse .veveditor-vod-menu-group-title .force-icon, .veveditor-vod-menu.veveditor-vod-menu-collapse .veveditor-vod-menu-inline-header .force-icon, .veveditor-vod-menu.veveditor-vod-menu-collapse .veveditor-vod-menu-item .force-icon, .veveditor-vod-menu.veveditor-vod-menu-collapse .veveditor-vod-menu-pop-header .force-icon {
  margin-right: 100vw;
}

.veveditor-vod-menu.veveditor-vod-menu-collapse.veveditor-vod-menu-pop:not(.veveditor-vod-menu-pop-button) .veveditor-vod-menu-item .arco-icon, .veveditor-vod-menu.veveditor-vod-menu-collapse.veveditor-vod-menu-pop:not(.veveditor-vod-menu-pop-button) .veveditor-vod-menu-item .force-icon {
  margin-left: 1px;
}

.veveditor-vod-menu .veveditor-vod-menu-group-title .force-icon, .veveditor-vod-menu .veveditor-vod-menu-inline-header .force-icon, .veveditor-vod-menu .veveditor-vod-menu-item .force-icon, .veveditor-vod-menu .veveditor-vod-menu-pop-header .force-icon {
  margin-right: 8px;
}

.veveditor-vod-menu-indent {
  width: 26px;
}

.veveditor-vod-menu .veveditor-vod-menu-icon-suffix .force-icon-down {
  margin-right: 0;
}

.veveditor-vod-message {
  backdrop-filter: blur(20px);
  background-color: #f6f8fae6;
  border-width: .5px;
  padding: 8px 16px;
  box-shadow: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
}

.veveditor-vod-message-content {
  display: inline-block;
  line-height: 22px;
}

.veveditor-vod-message .veveditor-vod-icon-hover.veveditor-vod-message-icon-hover:before {
  width: 16px;
  height: 16px;
}

.veveditor-vod-message .veveditor-vod-message-close-btn {
  cursor: pointer;
  top: 12px;
}

.veveditor-vod-message .veveditor-vod-message-close-btn:before {
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  background-color: #0000;
  width: 16px;
  height: 16px;
  transition: background-color .1s linear;
}

.veveditor-vod-message .veveditor-vod-message-close-btn:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
  width: 16px;
  height: 16px;
}

.veveditor-vod-message-closable .veveditor-vod-message-content {
  margin-right: 24px;
}

.veveditor-vod-message svg.force-icon {
  vertical-align: -2px;
}

.veveditor-vod-message-loading .force-icon-loading {
  -webkit-animation: 1s linear infinite arco-loading-circle;
  animation: 1s linear infinite arco-loading-circle;
}

body[arco-theme="dark"] .veveditor-vod-message {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-modal {
  background-color: var(--veveditor-vod-color-bg-white);
  box-shadow: 0 0 0 1px #eaedf1, 0 15px 35px -2px #0000000d;
}

.veveditor-vod-modal-title {
  font-size: 18px;
  line-height: 26px;
}

.veveditor-vod-modal-title > span {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-modal-title .force-icon {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 20px;
}

.veveditor-vod-modal-title .veveditor-vod-icon {
  flex-shrink: 0;
}

.veveditor-vod-modal-header {
  height: 66px;
}

.veveditor-vod-modal-content {
  padding-bottom: 20px;
}

.veveditor-vod-modal-footer {
  height: 52px;
  padding: 0 24px 20px;
}

.veveditor-vod-modal .veveditor-vod-modal-close-icon {
  color: var(--veveditor-vod-color-fill-3);
  display: inline-block;
  line-height: 0;
  top: 22px;
}

.veveditor-vod-modal .veveditor-vod-modal-close-icon:hover .force-icon-close {
  background-color: var(--veveditor-vod-color-bg-6);
  border-radius: 4px;
}

.veveditor-vod-modal .veveditor-vod-modal-close-icon .veveditor-vod-icon-close {
  flex-shrink: 0;
  font-size: 13px;
}

.veveditor-vod-modal-simple {
  padding: 20px 24px;
}

body[arco-theme="dark"] .veveditor-vod-modal {
  -webkit-box-shadow: 0 0 0 1px var(--veveditor-vod-color-border-3), 0 15px 35px -2px #0000000d;
  box-shadow: 0 0 0 1px var(--veveditor-vod-color-border-3), 0 15px 35px -2px #0000000d;
}

.veveditor-vod-notification {
  backdrop-filter: blur(10px);
  border: .5px solid var(--veveditor-vod-color-border-3);
  background: #f5f5f5e6;
  width: 360px;
  box-shadow: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
}

.veveditor-vod-notification-left, .veveditor-vod-notification-title {
  padding-right: 8px;
}

.veveditor-vod-notification .veveditor-vod-icon-hover.veveditor-vod-notification-icon-hover:before {
  width: 20px;
  height: 20px;
}

.veveditor-vod-notification .veveditor-vod-notification-close-btn {
  color: var(--veveditor-vod-color-fill-3);
  display: inline-block;
  line-height: 0;
}

.veveditor-vod-notification .veveditor-vod-notification-close-btn:before {
  border-radius: var(--veveditor-vod-border-radius-medium);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  background-color: #0000;
  width: 20px;
  height: 20px;
  transition: background-color .1s linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.veveditor-vod-notification .veveditor-vod-notification-close-btn:hover:before {
  background-color: var(--veveditor-vod-color-bg-6);
  width: 20px;
  height: 20px;
}

.veveditor-vod-notification-error .veveditor-vod-notification-content, .veveditor-vod-notification-info .veveditor-vod-notification-content {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-notification svg.force-icon {
  vertical-align: -2px;
}

.veveditor-vod-notification-left .veveditor-vod-notification-icon {
  margin-top: 2px;
}

body[arco-theme="dark"] .veveditor-vod-notification {
  background-color: #313131;
}

.veveditor-vod-page-header-divider {
  width: 2px;
}

.veveditor-vod-pagination-item {
  padding: 0 4px;
}

.veveditor-vod-pagination-jumper {
  background: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-radius: 4px;
  padding: 0 8px;
}

.veveditor-vod-pagination-jumper-input, .veveditor-vod-pagination-jumper-input:focus, .veveditor-vod-pagination-jumper-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.veveditor-vod-pagination-option .veveditor-vod-select {
  min-width: 96px;
}

.veveditor-vod-pagination-total-text {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-item-next, .veveditor-vod-pagination.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-item-prev {
  line-height: 18px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-mini .veveditor-vod-select-size-mini .veveditor-vod-select-view {
  height: 20px;
  padding: 0 8px;
  font-size: 13px;
  line-height: 18px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-mini .veveditor-vod-select-size-mini .veveditor-vod-select-view .veveditor-vod-select-arrow-icon {
  line-height: 6px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-jumper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 20px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-mini .veveditor-vod-pagination-jumper-input {
  height: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-small .veveditor-vod-pagination-item-next, .veveditor-vod-pagination.veveditor-vod-pagination-size-small .veveditor-vod-pagination-item-prev {
  line-height: 18px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-small .veveditor-vod-select-size-small .veveditor-vod-select-view {
  height: 20px;
  padding: 0 8px;
  font-size: 13px;
  line-height: 18px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-small .veveditor-vod-select-size-small .veveditor-vod-select-view .veveditor-vod-select-arrow-icon {
  line-height: 6px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-small .veveditor-vod-pagination-jumper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 20px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-small .veveditor-vod-pagination-jumper-input {
  height: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-default .veveditor-vod-pagination-item-next, .veveditor-vod-pagination.veveditor-vod-pagination-size-default .veveditor-vod-pagination-item-prev {
  line-height: 22px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-default .veveditor-vod-select-size-default .veveditor-vod-select-view {
  height: 24px;
  padding: 0 8px;
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-default .veveditor-vod-select-size-default .veveditor-vod-select-view .veveditor-vod-select-arrow-icon {
  line-height: 6px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-default .veveditor-vod-pagination-jumper-input {
  height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-large .veveditor-vod-pagination-item-next, .veveditor-vod-pagination.veveditor-vod-pagination-size-large .veveditor-vod-pagination-item-prev {
  line-height: 22px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-large .veveditor-vod-select-size-large .veveditor-vod-select-view {
  height: 24px;
  padding: 0 8px;
  font-size: 13px;
  line-height: 22px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-large .veveditor-vod-select-size-large .veveditor-vod-select-view .veveditor-vod-select-arrow-icon {
  line-height: 6px;
}

.veveditor-vod-pagination.veveditor-vod-pagination-size-large .veveditor-vod-pagination-jumper-input {
  height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}

.veveditor-vod-pagination .veveditor-vod-pagination-jumper .veveditor-vod-pagination-jumper-input {
  width: 26px;
  padding-left: 4px;
}

.veveditor-vod-pagination .veveditor-vod-pagination-jumper > span {
  font-size: 12px;
}

.veveditor-vod-pagination-item-simple-pager {
  margin: 0 6px;
}

.veveditor-vod-pagination-item-simple-pager .veveditor-vod-pagination-jumper {
  padding: 0 12px 0 0;
}

.veveditor-vod-popconfirm-content {
  border: .5px solid var(--veveditor-vod-color-border-3);
  -webkit-filter: drop-shadow(0 5px 15px #0000000d);
  filter: drop-shadow(0 5px 15px #0000000d);
  box-shadow: 0 15px 35px -2px #0000000d;
}

.veveditor-vod-popconfirm-arrow-container .veveditor-vod-popconfirm-arrow, .veveditor-vod-popconfirm-content {
  background-color: var(--veveditor-vod-color-bg-white);
}

body[arco-theme="dark"] .veveditor-vod-popconfirm-arrow-container .veveditor-vod-popconfirm-arrow, body[arco-theme="dark"] .veveditor-vod-popconfirm-content {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-popover-content {
  border: .5px solid var(--veveditor-vod-color-border-3);
  -webkit-filter: drop-shadow(0 5px 15px #0000000d);
  filter: drop-shadow(0 5px 15px #0000000d);
  box-shadow: 0 15px 35px -2px #0000000d;
}

body[arco-theme="dark"] .veveditor-vod-popover .veveditor-vod-popconfirm-arrow.veveditor-vod-trigger-arrow, body[arco-theme="dark"] .veveditor-vod-popover .veveditor-vod-popover-arrow.veveditor-vod-trigger-arrow, body[arco-theme="dark"] .veveditor-vod-popover-content {
  background-color: #313131;
}

.veveditor-vod-progress-is-error .veveditor-vod-progress-line-outer {
  background-color: rgb(var(--veveditor-vod-danger-2));
}

.veveditor-vod-progress-is-success .force-icon {
  color: rgb(var(--veveditor-vod-success-6));
}

.veveditor-vod-progress-mini.veveditor-vod-progress.veveditor-vod-progress-is-error .veveditor-vod-progress-circle-mask {
  stroke: #f1afb2b3;
}

.veveditor-vod-progress-circle:not(.veveditor-vod-progress-mini) .veveditor-vod-progress-circle-mask {
  stroke: var(--veveditor-vod-color-border-2);
  stroke-width: 4px;
}

.veveditor-vod-progress-line-text, .veveditor-vod-progress-steps-text {
  font-weight: 500;
}

.veveditor-vod-progress-circle .veveditor-vod-progress-circle-text {
  color: var(--veveditor-vod-color-text-1);
  font-size: 12px;
  font-weight: 500;
}

.veveditor-vod-progress-small .veveditor-vod-progress-line-outer {
  height: 4px !important;
}

.veveditor-vod-progress-default .veveditor-vod-progress-line-outer {
  height: 6px !important;
}

.veveditor-vod-progress-large .veveditor-vod-progress-line-outer {
  height: 8px !important;
}

.veveditor-vod-radio-text {
  font-size: 13px;
}

.veveditor-vod-radio.veveditor-vod-radio-disabled.veveditor-vod-radio-checked .veveditor-vod-radio-text {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button:not(.veveditor-vod-radio-checked):not(.veveditor-vod-radio-disabled):hover {
  color: rgb(var(--veveditor-vod-primary-7));
  background-color: #0000;
}

.veveditor-vod-radio-group-type-button .veveditor-vod-radio-checked.veveditor-vod-radio-disabled, .veveditor-vod-radio-group-type-button .veveditor-vod-radio-checked:not(.veveditor-vod-radio-disabled) {
  box-shadow: 0 1px 2px #00000012, 0 .5px 1px #0000000d, 0 0 0 .5px #d5dbe3b3;
}

.veveditor-vod-radio-group-type-button .veveditor-vod-radio-checked.veveditor-vod-radio-disabled {
  background-color: var(--veveditor-vod-color-bg-white);
  color: rgb(var(--veveditor-vod-link-3));
}

body[arco-theme="dark"] .veveditor-vod-radio-group-type-button .veveditor-vod-radio-checked:not(.veveditor-vod-radio-disabled) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-select.veveditor-vod-select-focused {
  z-index: 1;
}

.veveditor-vod-select.veveditor-vod-select-focused:not(.veveditor-vod-select-no-border) .veveditor-vod-select-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-select-error.veveditor-vod-select-focused:not(.veveditor-vod-select-no-border) .veveditor-vod-select-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-select .veveditor-vod-input-tag .veveditor-vod-input-tag-tag {
  color: var(--veveditor-vod-color-text-2);
  height: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.veveditor-vod-select .veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-tag {
  color: var(--veveditor-vod-color-text-3);
}

.veveditor-vod-select-size-mini.veveditor-vod-select-no-border .veveditor-vod-select-view {
  line-height: 24px;
}

.veveditor-vod-select-size-small.veveditor-vod-select-no-border .veveditor-vod-select-view {
  line-height: 28px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-no-border .veveditor-vod-select-view {
  line-height: 32px;
}

.veveditor-vod-select-size-large.veveditor-vod-select-no-border .veveditor-vod-select-view {
  line-height: 36px;
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-view-input::-webkit-input-placeholder {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-view-input::placeholder {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-view-input:-ms-input-placeholder {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-view-input::placeholder {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-arrow-icon, .veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-suffix-icon, .veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-error .veveditor-vod-select-view-value {
  color: rgb(var(--veveditor-vod-danger-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-view-input::-webkit-input-placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-view-input::placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-view-input:-ms-input-placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-view-input::placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-arrow-icon, .veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-suffix-icon, .veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-open .veveditor-vod-select-view-value {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-view-input::-webkit-input-placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-view-input::placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-view-input:-ms-input-placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-view-input::placeholder {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-arrow-icon, .veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-suffix-icon, .veveditor-vod-select.veveditor-vod-select-no-border:hover .veveditor-vod-select-view-value {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-view-input::-webkit-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-view-input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-view-input:-ms-input-placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-view-input::placeholder {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-arrow-icon, .veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-suffix-icon, .veveditor-vod-select.veveditor-vod-select-no-border.veveditor-vod-select-disabled .veveditor-vod-select-view-value {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-addbefore, .veveditor-vod-select-prefix {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-select-addbefore {
  background-color: var(--veveditor-vod-color-bg-white);
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-right: none;
  border-radius: 4px 0 0 4px;
  font-size: 13px;
}

.veveditor-vod-select .veveditor-vod-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-select .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-select-multiple .veveditor-vod-input-tag-disabled .veveditor-vod-input-tag-tag {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-select.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder .veveditor-vod-input-tag-input-mirror, .veveditor-vod-select.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 6px;
}

.veveditor-vod-select.veveditor-vod-select-open .veveditor-vod-select-suffix-icon .force-icon-down {
  transform: rotate(180deg);
}

.veveditor-vod-select-popup {
  padding: 4px 0;
  box-shadow: 0 0 32px #cdd5de6b;
}

.veveditor-vod-select-popup .veveditor-vod-select-group-title {
  margin-bottom: 4px;
}

.veveditor-vod-select-popup .veveditor-vod-select-option {
  border-radius: var(--veveditor-vod-border-radius-medium);
}

.veveditor-vod-select-popup .veveditor-vod-select-option.veveditor-vod-select-option-selected.veveditor-vod-select-option-hover {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-select-popup .veveditor-vod-select-option:not(:last-child) {
  margin-bottom: 4px;
}

.veveditor-vod-select-popup .veveditor-vod-select-option.veveditor-vod-select-option-selected.veveditor-vod-select-option-disabled, .veveditor-vod-select-popup .veveditor-vod-select-option.veveditor-vod-select-option-selected.veveditor-vod-select-option-disabled.veveditor-vod-select-option-hover {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-select-popup .veveditor-vod-empty {
  padding: 0;
}

.veveditor-vod-select-popup .veveditor-vod-empty .veveditor-vod-empty-wrapper .veveditor-vod-empty-image {
  font-size: 48px;
}

.veveditor-vod-select-popup .veveditor-vod-select-popup-inner > div > div {
  padding-left: 6px;
  padding-right: 6px;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option {
  border-radius: 0 var(--veveditor-vod-border-radius-medium) var(--veveditor-vod-border-radius-medium) 0;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-checkbox {
  border-radius: var(--veveditor-vod-border-radius-medium) 0 0 var(--veveditor-vod-border-radius-medium);
  height: 32px;
  padding: 7px 4px 7px 12px;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper {
  padding: 0;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper:not(:last-child) {
  margin-bottom: 4px;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper .veveditor-vod-select-option {
  margin-left: 0;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper:hover .veveditor-vod-select-checkbox, .veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper:hover .veveditor-vod-select-option {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option.veveditor-vod-select-option-selected.veveditor-vod-select-option-hover {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper-selected .veveditor-vod-select-option-selected {
  color: var(--veveditor-vod-color-text-1);
  background-color: #0000;
  font-weight: 400;
}

.veveditor-vod-select-popup-multiple .veveditor-vod-select-option-wrapper-selected .veveditor-vod-select-option-selected:hover {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select, .veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select-wrapper {
  border-right: none;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:last-child .veveditor-vod-select-view {
  border-radius: 0 4px 4px 0;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:first-child .veveditor-vod-select-view {
  border-radius: 4px 0 0 4px;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:first-child .veveditor-vod-select-view, .veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:not(:last-child) .veveditor-vod-select-view {
  border-right-color: #0000;
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:first-child .veveditor-vod-select-view:hover, .veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:first-child.veveditor-vod-select-focused .veveditor-vod-select-view, .veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:not(:last-child) .veveditor-vod-select-view:hover, .veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-select:not(:last-child).veveditor-vod-select-focused .veveditor-vod-select-view {
  border-right-color: rgb(var(--veveditor-vod-primary-5));
}

.veveditor-vod-input-group.veveditor-vod-input-group-compact .veveditor-vod-input:focus {
  position: relative;
  z-index: 1;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-view {
  padding: 0 4px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix .veveditor-vod-select-prefix {
  margin-right: 4px;
}

.veveditor-vod-select-size-default.veveditor-vod-select-multiple .veveditor-vod-select-view-with-prefix .veveditor-vod-input-tag-has-placeholder input {
  padding-left: 0;
}

.veveditor-vod-select-single .veveditor-vod-select-view-with-prefix {
  padding-left: 11px;
}

.veveditor-vod-select-single .veveditor-vod-select-view-with-prefix .veveditor-vod-select-prefix {
  margin-right: 4px;
}

body[arco-theme="dark"] .veveditor-vod-select-errorbody[arco-theme="dark"] .veveditor-vod-select-focused:not(.veveditor-vod-select-no-border) .veveditor-vod-select-view, body[arco-theme="dark"] .veveditor-vod-selectbody[arco-theme="dark"] .veveditor-vod-select-focused:not(.veveditor-vod-select-no-border) .veveditor-vod-select-view {
  -webkit-box-shadow: noen;
  box-shadow: noen;
}

body[arco-theme="dark"] .veveditor-vod-select-popup {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-button {
  border-radius: 4px;
  width: 10px;
  height: 18px;
  margin-top: -5px;
  box-shadow: 0 3.81242px 6.35403px #00000026, 0 0 1.27081px #0000001a;
}

.veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-button:after {
  border-radius: 4px;
  width: 10px;
  height: 18px;
  transform: scale(1);
}

.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical .veveditor-vod-slider-button {
  border-radius: 4px;
  width: 18px;
  height: 10px;
  margin-left: -5px;
}

.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical .veveditor-vod-slider-button:after {
  border-radius: 4px;
  width: 18px;
  height: 10px;
  transform: scale(1);
}

.veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:hover {
  box-shadow: 0 3.81242px 6.35403px #091e4233, 0 0 1.27081px #091e4266;
}

.veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:hover:after {
  border-color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active:after {
  border-color: rgb(var(--veveditor-vod-primary-6));
  -webkit-box-shadow: 0 4px 4px #00000040, 0 3.81242px 6.35403px #091e4233, 0 0 0 3px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 4px 4px #00000040, 0 3.81242px 6.35403px #091e4233, 0 0 0 3px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-button {
  box-shadow: 0 3.81242px 6.35403px #091e4233, 0 0 1.27081px #091e4266;
}

.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled .veveditor-vod-slider-button:after {
  background: #ebecf0;
}

.veveditor-vod-slider .veveditor-vod-slider-ticks .veveditor-vod-slider-tick {
  margin-top: 4px;
}

.veveditor-vod-slider-marks {
  top: 18px;
}

.veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper .veveditor-vod-slider-dot {
  background-color: #0000;
  border-width: 1px;
  border-radius: 0;
  width: 2px;
}

.veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper:not(:first-child):not(:last-child) .veveditor-vod-slider-dot {
  margin-left: 1px;
}

.veveditor-vod-steps-item-title {
  font-weight: 500;
}

.veveditor-vod-steps .steps-icon, .veveditor-vod-steps-icon {
  font-size: 12px;
  font-weight: 800;
  line-height: 20px;
  border-width: 2px !important;
}

.veveditor-vod-steps-icon .veveditor-vod-icon {
  stroke-width: 6;
}

.veveditor-vod-steps.veveditor-vod-steps-size-small .veveditor-vod-steps-icon {
  font-size: 12px;
  font-weight: 800;
  line-height: 20px;
  border-width: 2px !important;
}

.veveditor-vod-steps-item-active:not(.veveditor-vod-steps-item-error) .veveditor-vod-steps-icon {
  border: 2px solid rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 1px #14141414;
}

.veveditor-vod-switch:not(.veveditor-vod-switch-type-line) {
  box-shadow: inset 0 1px 1px #00000014;
}

.veveditor-vod-switch-dot {
  box-shadow: 0 1px 4px #00000026, 0 1.16667px #14141414;
}

.veveditor-vod-switch-loading .force-icon-loading {
  -webkit-animation: 1s linear infinite force-loading-circle;
  animation: 1s linear infinite force-loading-circle;
}

body[arco-theme="dark"] .veveditor-vod-switch-dot {
  background-color: var(--veveditor-vod-color-fill-5);
}

.veveditor-vod-icon-hover .force-icon {
  position: relative;
  vertical-align: -.09em;
}

.veveditor-vod-table .veveditor-vod-table-col-has-filter {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.veveditor-vod-table .veveditor-vod-table-col-has-filter .veveditor-vod-table-cell-with-sorter {
  padding-right: 0;
}

.veveditor-vod-table .veveditor-vod-table-col-has-filter .veveditor-vod-table-filters {
  position: static;
  border-radius: 2px;
  width: 22px;
  height: 22px;
  margin-left: 4px;
}

.veveditor-vod-table .veveditor-vod-table-col-has-filter .veveditor-vod-table-filters svg {
  font-size: 12px;
}

.veveditor-vod-table .veveditor-vod-table-col-has-filter .veveditor-vod-table-filters:hover {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-table .veveditor-vod-table-cell-expand-icon button, .veveditor-vod-table .veveditor-vod-table-expand-icon-cell button {
  vertical-align: middle;
  background-color: #0000;
}

.veveditor-vod-table .veveditor-vod-table-cell-expand-icon .force-icon, .veveditor-vod-table .veveditor-vod-table-expand-icon-cell .force-icon {
  height: unset;
  width: unset;
  border-radius: 1.5px;
  padding: 1px;
  box-shadow: 0 .75px .75px #0000000d, 0 0 0 .75px #d5dbe380;
}

.veveditor-vod-table .veveditor-vod-table-cell-expand-icon .force-icon-minus, .veveditor-vod-table .veveditor-vod-table-cell-expand-icon .force-icon:hover, .veveditor-vod-table .veveditor-vod-table-expand-icon-cell .force-icon-minus, .veveditor-vod-table .veveditor-vod-table-expand-icon-cell .force-icon:hover {
  color: rgb(var(--veveditor-vod-primary-6));
  box-shadow: 0 .75px .75px #464f6029, 0 0 0 .75px #006eff;
}

.veveditor-vod-table .veveditor-vod-table-cell-expand-icon .force-icon-minus, .veveditor-vod-table .veveditor-vod-table-expand-icon-cell .force-icon-minus {
  border-radius: 1.5px;
}

.veveditor-vod-table-scroll-position-left .veveditor-vod-table-col-fixed-right-first:after, .veveditor-vod-table-scroll-position-middle .veveditor-vod-table-col-fixed-right-first:after {
  box-shadow: inset -6px 0 8px -3px #0000000d;
}

.veveditor-vod-table-scroll-position-middle .veveditor-vod-table-col-fixed-left-last:after, .veveditor-vod-table-scroll-position-right .veveditor-vod-table-col-fixed-left-last:after, .veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-middle .veveditor-vod-table-content-scroll:before, .veveditor-vod-table:not(.veveditor-vod-table-has-fixed-col-left).veveditor-vod-table-scroll-position-right .veveditor-vod-table-content-scroll:before {
  box-shadow: inset 6px 0 8px -3px #0000000d;
}

.veveditor-vod-table-expand-content .veveditor-vod-table:not(.veveditor-vod-table-fixed-column) .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-td, .veveditor-vod-table-expand-content .veveditor-vod-table:not(.veveditor-vod-table-fixed-column) .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-th {
  background-color: #0000;
}

.veveditor-vod-table-expand-content .veveditor-vod-table:not(.veveditor-vod-table-fixed-column) > .veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-bg-2);
  box-shadow: inset 0 2px 6px #0000000d;
}

.veveditor-vod-table-expand-content .veveditor-vod-table:not(.veveditor-vod-table-fixed-column) > .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-td, .veveditor-vod-table-expand-content .veveditor-vod-table:not(.veveditor-vod-table-fixed-column) > .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-th {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
}

.veveditor-vod-table-expand-content .veveditor-vod-table:not(.veveditor-vod-table-fixed-column) > .veveditor-vod-table-td:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-table-expand-content > .veveditor-vod-table-td {
  box-shadow: inset 0 2px 6px #0000000d;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td {
  background-color: var(--veveditor-vod-color-bg-2);
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-td, .veveditor-vod-table-expand-content .veveditor-vod-table-td .veveditor-vod-table .veveditor-vod-table-th {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  border-left: none;
}

.veveditor-vod-table-expand-content .veveditor-vod-table-td:hover, .veveditor-vod-table-expand-content .veveditor-vod-table-td:hover .veveditor-vod-table-td, .veveditor-vod-table-expand-content .veveditor-vod-table-td:hover .veveditor-vod-table-th {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-table-expand-content + tr td {
  box-shadow: 0 -2px 6px #99999908;
}

.veveditor-vod-table .veveditor-vod-table-cell-mouseenter {
  background-color: var(--veveditor-vod-color-bg-5);
}

.veveditor-vod-table .veveditor-vod-table-col-sorted .veveditor-vod-table-cell-mouseenter {
  background-color: var(--veveditor-vod-color-bg-6);
}

.veveditor-vod-table .veveditor-vod-table-sorter-icon.veveditor-vod-table-sorter-icon-active svg {
  color: var(--veveditor-vod-color-text-2);
}

.veveditor-vod-table .veveditor-vod-table-sorter-icon .force-icon-caret-down, .veveditor-vod-table .veveditor-vod-table-sorter-icon .force-icon-caret-up {
  color: var(--veveditor-vod-color-neutral-5);
  position: absolute;
  transition: all .1s linear;
  font-size: 12px;
  top: 50%;
}

.veveditor-vod-table .veveditor-vod-table-sorter-icon .force-icon-caret-up {
  top: -2px;
  left: 0;
}

.veveditor-vod-table .veveditor-vod-table-sorter-icon .force-icon-caret-down {
  top: -3px;
  left: 0;
}

.veveditor-vod-table.veveditor-vod-table-border-cell .veveditor-vod-table-operation.veveditor-vod-table-checkbox {
  padding-left: 0;
}

.veveditor-vod-table:not(.veveditor-vod-table-border-cell) .veveditor-vod-table-operation.veveditor-vod-table-checkbox, .veveditor-vod-table:not(.veveditor-vod-table-border-cell) .veveditor-vod-table-selection-col {
  padding-left: 16px;
}

.veveditor-vod-table .veveditor-vod-empty {
  padding: 12px 0 28px;
}

.veveditor-vod-table .veveditor-vod-empty .veveditor-vod-empty-wrapper .veveditor-vod-empty-image {
  font-size: 60px;
}

.veveditor-vod-table .veveditor-vod-table-cell-text-ellipsis .veveditor-vod-table-th-item-title {
  -ms-flex: unset;
  flex: unset;
}

.veveditor-vod-table .veveditor-vod-table-empty-row .veveditor-vod-table-td {
  border-bottom: none;
}

.veveditor-vod-table .veveditor-vod-table-empty-row .veveditor-vod-table-expand-fixed-row {
  border-left: none;
}

.veveditor-vod-table.veveditor-vod-table-has-fixed-col-left.veveditor-vod-table-border .veveditor-vod-table-empty-row .veveditor-vod-table-expand-fixed-row, .veveditor-vod-table.veveditor-vod-table-has-fixed-col-right.veveditor-vod-table-border .veveditor-vod-table-empty-row .veveditor-vod-table-expand-fixed-row {
  border-left: 1px solid var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tabs-header-ink {
  border-radius: 4px 4px 0 0;
  bottom: 1px;
}

.veveditor-vod-tabs-vertical .veveditor-vod-tabs-header-ink {
  border-radius: 4px 0 0 4px;
  right: 1px;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active {
  box-shadow: 0 1px 2px #00000012, 0 .5px 1px #0000000d, 0 0 0 .5px #d5dbe3b3;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title:hover, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:hover {
  background-color: #0000;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-active .veveditor-vod-tabs-icon-hover, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-editable:not(.veveditor-vod-tabs-header-title-active):hover .veveditor-vod-icon-hover, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active .veveditor-vod-tabs-icon-hover, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-editable:not(.veveditor-vod-tabs-header-title-active):hover .veveditor-vod-icon-hover {
  color: var(--veveditor-vod-primary-6);
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-editable:not(.veveditor-vod-tabs-header-title-active):hover .veveditor-vod-icon-hover:hover:before, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-editable:not(.veveditor-vod-tabs-header-title-active):hover .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-icon-hover, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-disabled .veveditor-vod-tabs-icon-hover {
  color: var(--veveditor-vod-color-text-4);
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-tabs-icon-hover, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-tabs-icon-hover {
  cursor: not-allowed;
  color: var(--veveditor-vod-color-text-4) !important;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-tabs-icon-hover:hover:before, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-tabs-icon-hover:hover:before {
  background-color: #0000 !important;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter.veveditor-vod-tabs-header-nav-horizontal:before {
  background-color: var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  -webkit-box-shadow: inset 0 1px 0 var(--veveditor-vod-color-border-2), inset -1px 0 0 var(--veveditor-vod-color-border-2), inset 1px 0 0 var(--veveditor-vod-color-border-2);
  box-shadow: inset 0 1px 0 var(--veveditor-vod-color-border-2), inset -1px 0 0 var(--veveditor-vod-color-border-2), inset 1px 0 0 var(--veveditor-vod-color-border-2);
  position: relative;
  border: none;
  padding: 7px 16px;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:after {
  background-color: var(--veveditor-vod-color-border-2);
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: 1px;
  bottom: 0;
  left: 1px;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active {
  -webkit-box-shadow: inset 0 2px 0 #006eff, inset -1px 0 0 var(--veveditor-vod-color-border-2), inset 1px 0 0 var(--veveditor-vod-color-border-2);
  box-shadow: inset 0 2px #006eff, inset -1px 0 0 var(--veveditor-vod-color-border-2), inset 1px 0 0 var(--veveditor-vod-color-border-2);
  position: relative;
}

.veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active:after, .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active:hover {
  background-color: var(--veveditor-vod-color-bg-white);
}

.veveditor-vod-tabs.veveditor-vod-tabs-vertical .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  -webkit-box-shadow: inset 0 0 0 1px var(--veveditor-vod-color-border-2);
  box-shadow: inset 0 0 0 1px var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tabs.veveditor-vod-tabs-vertical .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title:after {
  width: 1px;
  height: calc(100% - 2px);
  top: 1px;
  left: auto;
  right: 0;
}

.veveditor-vod-tabs.veveditor-vod-tabs-vertical .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active {
  -webkit-box-shadow: inset 2px 0 0 #006eff, inset 0 1px 0 var(--veveditor-vod-color-border-2), inset 0 -1px 0 var(--veveditor-vod-color-border-2);
  box-shadow: inset 2px 0 #006eff, inset 0 1px 0 var(--veveditor-vod-color-border-2), inset 0 -1px 0 var(--veveditor-vod-color-border-2);
}

.veveditor-vod-tabs .veveditor-vod-tabs-nav-icon-disabled {
  color: var(--veveditor-vod-color-fill-1);
}

body[arco-theme="dark"] .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-active {
  background-color: var(--veveditor-vod-color-bg-2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

body[arco-theme="dark"] .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title:not(body[arco-theme="dark"] .veveditor-vod-tabs .veveditor-vod-tabs-header-nav-capsule .veveditor-vod-tabs-header-title-disabled):hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #0000;
}

.veveditor-vod-tag:not(.veveditor-vod-tag-custom-color):not(.veveditor-vod-tag-red):not(.veveditor-vod-tag-orangered):not(.veveditor-vod-tag-orange):not(.veveditor-vod-tag-gold):not(.veveditor-vod-tag-lime):not(.veveditor-vod-tag-green):not(.veveditor-vod-tag-cyan):not(.veveditor-vod-tag-blue):not(.veveditor-vod-tag-arcoblue):not(.veveditor-vod-tag-purple):not(.veveditor-vod-tag-pinkpurple):not(.veveditor-vod-tag-magenta):not(.veveditor-vod-tag-gray) .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover {
  color: var(--veveditor-vod-color-fill-2);
}

.veveditor-vod-tag:not(.veveditor-vod-tag-custom-color):not(.veveditor-vod-tag-red):not(.veveditor-vod-tag-orangered):not(.veveditor-vod-tag-orange):not(.veveditor-vod-tag-gold):not(.veveditor-vod-tag-lime):not(.veveditor-vod-tag-green):not(.veveditor-vod-tag-cyan):not(.veveditor-vod-tag-blue):not(.veveditor-vod-tag-arcoblue):not(.veveditor-vod-tag-purple):not(.veveditor-vod-tag-pinkpurple):not(.veveditor-vod-tag-magenta):not(.veveditor-vod-tag-gray) .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: #c7ccd6;
}

.veveditor-vod-tag .veveditor-vod-icon-hover:before {
  border-radius: 50%;
}

.veveditor-vod-tag .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:before {
  width: 12px;
  height: 12px;
}

.veveditor-vod-timepicker-cell-selected {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.veveditor-vod-timepicker-cell-selected .veveditor-vod-timepicker-cell-inner {
  background-color: var(--veveditor-vod-color-bg-4);
  color: rgb(var(--veveditor-vod-primary-6));
  border-radius: 4px;
  width: 100%;
  margin: 0 6px;
}

.veveditor-vod-timepicker-cell-selected:hover .veveditor-vod-timepicker-cell-inner {
  color: var(--veveditor-vod-color-text-1);
}

.veveditor-vod-timepicker-container {
  background-color: var(--veveditor-vod-color-bg-white);
  margin-top: 2px;
}

.veveditor-vod-timepicker-cell:not(.veveditor-vod-timepicker-cell-selected):not(.veveditor-vod-timepicker-cell-disabled):hover .veveditor-vod-timepicker-cell-inner {
  background-color: var(--veveditor-vod-color-bg-4);
  border-radius: 4px;
  margin: 0 6px;
}

.veveditor-vod-timepicker .veveditor-vod-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-timepicker .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-picker-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts .veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading), .veveditor-vod-picker-range-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts .veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading) {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #0000;
  border: none;
  font-weight: 400;
}

.veveditor-vod-picker-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts .veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):hover, .veveditor-vod-picker-range-container-shortcuts-placement-left .veveditor-vod-picker-shortcuts .veveditor-vod-btn.veveditor-vod-btn-secondary:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-not-loading):hover {
  background-color: rgb(var(--veveditor-vod-link-2));
  color: rgb(var(--veveditor-vod-primary-6));
  font-weight: 500;
}

.veveditor-vod-timeline-item-content {
  font-weight: 500;
}

.veveditor-vod-tooltip-arrow-container .veveditor-vod-tooltip-arrow, .veveditor-vod-tooltip-content {
  background-color: rgb(var(--veveditor-vod-base-grey-8));
}

body[arco-theme="dark"] .veveditor-vod-tooltip-arrow-container .veveditor-vod-tooltip-arrow, body[arco-theme="dark"] .veveditor-vod-tooltip-content {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-transfer .veveditor-vod-transfer-view {
  width: 276px;
  height: 340px;
  padding: 0 4px;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view-header {
  padding: 0 12px;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view-header .veveditor-vod-checkbox:first-of-type {
  padding-left: 0;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view-item {
  border-radius: 4px;
  padding-left: 11px;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view-item .veveditor-vod-checkbox:first-of-type {
  padding-left: 0;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view-item .veveditor-vod-transfer-view-item-icon-drag {
  margin-right: 6px;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view-item-icon-remove {
  margin-right: 12px;
}

.veveditor-vod-transfer .veveditor-vod-transfer-view .veveditor-vod-transfer-view-search {
  padding: 12px 10px 4px;
}

.veveditor-vod-tree-node-title-block .veveditor-vod-tree-node-drag-icon {
  left: -28px;
  right: auto;
}

.veveditor-vod-tree-node-icon .arco-icon-drag-dot-vertical {
  font-size: 10px;
}

.veveditor-vod-tree-node-title-dragging, .veveditor-vod-tree-node-title-dragging:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tree-node {
  padding-left: 8px;
}

.veveditor-vod-tree .veveditor-vod-tree-node-switcher {
  width: 12px;
  margin-right: 10px;
}

.veveditor-vod-tree .veveditor-vod-tree-node-switcher .veveditor-vod-tree-node-switcher-icon .force-icon-caret-down {
  font-size: 12px;
}

.veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node {
  border-radius: 4px;
}

.veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node:hover {
  background-color: var(--veveditor-vod-color-bg-4);
}

.veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node-selected {
  background-color: none;
}

.veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node-disabled:hover {
  cursor: not-allowed;
  background-color: #0000 !important;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-minus-icon:after {
  height: 2px;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-plus-icon:before {
  width: 2px;
  height: 6px;
  margin-top: -3px;
  margin-left: -1px;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-plus-icon:after {
  width: 6px;
  height: 2px;
  margin-top: -1px;
  margin-left: -3px;
}

.veveditor-vod-tree-show-line .veveditor-vod-tree-node-indent-block:before {
  top: 0;
}

.veveditor-vod-tree .force-icon[stroke="currentColor"] {
  color: #000;
}

.veveditor-vod-tree .veveditor-vod-tree-node-icon-hover:hover:before {
  background-color: #0000;
}

.veveditor-vod-tree .veveditor-vod-tree-node-indent-block {
  width: 12px;
}

.veveditor-vod-tree.veveditor-vod-tree-checkable .veveditor-vod-tree-node-switcher {
  margin-right: 6px;
}

.veveditor-vod-tree.veveditor-vod-tree-checkable .veveditor-vod-tree-node-indent-block {
  width: 8px;
}

.veveditor-vod-tree-select.veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-primary-6), .3);
}

.veveditor-vod-tree-select-popup {
  background-color: var(--veveditor-vod-color-bg-white);
  padding: 6px;
}

.veveditor-vod-tree-select-popup .veveditor-vod-tree-node {
  padding-left: 8px;
}

.veveditor-vod-tree-select-popup .veveditor-vod-empty {
  padding: 0;
}

.veveditor-vod-tree-select-popup .veveditor-vod-empty .veveditor-vod-empty-wrapper .veveditor-vod-empty-image {
  font-size: 48px;
}

.veveditor-vod-tree-select-error .veveditor-vod-tree-select-view {
  background-color: rgb(var(--veveditor-vod-danger-2));
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.veveditor-vod-tree-select-error.veveditor-vod-tree-select-focused .veveditor-vod-tree-select-view {
  background-color: none;
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
}

.veveditor-vod-tree-select .veveditor-vod-icon-hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.veveditor-vod-tree-select .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-fill-1);
}

.veveditor-vod-tree-select-highlight {
  color: rgb(var(--veveditor-vod-primary-6));
  font-weight: 400;
}

.veveditor-vod-tree-select .veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node {
  border-left: none;
}

.veveditor-vod-tree-select .veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node-selected, .veveditor-vod-tree-select .veveditor-vod-tree:not(.veveditor-vod-tree-show-line) .veveditor-vod-tree-node:hover {
  border-left: none;
  border-radius: 4px;
}

.veveditor-vod-tree-select .veveditor-vod-tree-node-switcher {
  font-size: 13px;
}

.veveditor-vod-tree-select .veveditor-vod-tree-node-selected .veveditor-vod-tree-select .veveditor-vod-tree-node-title {
  color: rgb(var(--veveditor-vod-primary-6));
}

.veveditor-vod-tree-select-addbefore {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-right: none;
}

.veveditor-vod-tree-select-addafter {
  border: 1px solid var(--veveditor-vod-color-border-3);
  border-left: none;
}

.veveditor-vod-upload-list-item-text-name .veveditor-vod-upload-list-file-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}

.veveditor-vod-upload-list .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
  border-radius: var(--veveditor-vod-border-radius-small);
  width: 28px;
  height: 28px;
}

.veveditor-vod-upload .veveditor-vod-upload-trigger-drag-text {
  font-size: 16px;
}

.veveditor-vod-upload-trigger-picture {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text {
  background-color: rgb(var(--veveditor-vod-danger-2));
}

.veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-text .veveditor-vod-upload-list-error-icon svg {
  vertical-align: -2px;
}

.veveditor-vod-upload-list-item-picture-operation .veveditor-vod-upload-list-reupload-icon {
  font-size: 20px;
}

.veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-picture-mask {
  background: rgb(var(--veveditor-vod-danger-2));
}

.veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-picture-mask:hover .veveditor-vod-upload-list-item-picture-error-tip {
  display: block;
}

.veveditor-vod-upload-list-item-error .veveditor-vod-upload-list-item-picture-mask:hover .veveditor-vod-upload-list-item-picture-operation {
  position: absolute;
  background: #02081480;
  top: 0;
  left: 0;
  right: 0;
}

.veveditor-vod-upload-type-picture-card .veveditor-vod-upload-trigger-picture-text svg {
  font-size: 20px;
}

.c-m-icon, .c-m-icon.veveditor-vod-icon {
  color: #42464e;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  font-size: 16px;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.c-m-icon.veveditor-vod-icon:not(.disabled):hover, .c-m-icon:not(.disabled):hover {
  background-color: #1a1b1e0d;
}

.c-m-icon.active, .c-m-icon.veveditor-vod-icon.active, .c-m-icon.veveditor-vod-icon:not(.disabled):active, .c-m-icon:not(.disabled):active {
  color: #1664ff;
  background-color: #0208141a;
}

.c-m-icon.disabled, .c-m-icon.veveditor-vod-icon.disabled {
  color: #c7ccd6;
  cursor: not-allowed;
}

.c-m-icon.small, .c-m-icon.veveditor-vod-icon.small {
  font-size: 14px;
}

.c-m-icon.mini, .c-m-icon.veveditor-vod-icon.mini {
  font-size: 12px;
}

.c-m-icon.large, .c-m-icon.veveditor-vod-icon.large {
  padding: 6px;
  font-size: 20px;
}

.c-m-icon.huge, .c-m-icon.veveditor-vod-icon.huge {
  padding: 6px;
  font-size: 24px;
}

.c-m-add-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 24px;
  padding: 5px 0;
}

.c-m-add-button-btn, .c-m-add-button-secondary-container {
  height: 22px;
  padding: 0;
}

.c-m-add-button-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  background-color: #0000;
  border: 0;
}

.c-m-add-button-btn-icon {
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
}

.c-m-add-button-btn-icon svg {
  stroke-width: 10;
  margin: 1px;
}

.c-m-add-button-btn-text {
  letter-spacing: .003em;
  padding-left: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-add-button-btn-drop-icon {
  margin-left: 4px;
  font-size: 12px;
}

.c-m-add-button-btn-drop-icon svg {
  stroke-width: 6px;
}

.c-m-add-button-btn:hover {
  cursor: pointer;
}

.c-m-add-button .veveditor-vod-dropdown-popup-visible .veveditor-vod-icon-down {
  transform: rotate(180deg);
}

.c-m-add-button-dashed-icon, .c-m-add-button-primary-icon {
  color: #1664ff;
  background-color: #a2c1ff33;
}

.c-m-add-button-dashed-drop-icon, .c-m-add-button-dashed-text, .c-m-add-button-primary-drop-icon, .c-m-add-button-primary-text {
  color: #1664ff;
}

.c-m-add-button-dashed-hover .veveditor-vod-icon-down, .c-m-add-button-dashed-hover span, .c-m-add-button-primary-hover .veveditor-vod-icon-down, .c-m-add-button-primary-hover span {
  color: #387bff;
}

.c-m-add-button-dashed-active .veveditor-vod-icon-down, .c-m-add-button-dashed-active span, .c-m-add-button-primary-active .veveditor-vod-icon-down, .c-m-add-button-primary-active span {
  color: #1759dd;
}

.c-m-add-button-dashed > button:disabled, .c-m-add-button-primary > button:disabled, .c-m-add-button-secondary > button:disabled {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  background-color: #0000;
  border: 0;
  padding: 0;
}

.c-m-add-button-dashed > button:disabled .veveditor-vod-icon-down, .c-m-add-button-dashed > button:disabled span, .c-m-add-button-primary > button:disabled .veveditor-vod-icon-down, .c-m-add-button-primary > button:disabled span {
  color: #97bcff;
}

.c-m-add-button-secondary-icon {
  color: #737a87;
  background-color: #f6f8fa;
}

.c-m-add-button-secondary-text {
  color: #42464e;
}

.c-m-add-button-secondary-drop-icon {
  color: #737a87;
}

.c-m-add-button-secondary-hover .c-m-add-button-secondary-icon, .c-m-add-button-secondary-hover .veveditor-vod-icon-down {
  color: #9699a1;
}

.c-m-add-button-secondary-hover .c-m-add-button-secondary-text {
  color: #5c5f63;
}

.c-m-add-button-secondary-active .c-m-add-button-secondary-icon, .c-m-add-button-secondary-active .veveditor-vod-icon-down {
  color: #42464e;
}

.c-m-add-button-secondary-active .c-m-add-button-secondary-text {
  color: #0c0d0e;
}

.c-m-add-button-secondary > button:disabled .c-m-add-button-secondary-icon, .c-m-add-button-secondary > button:disabled .c-m-add-button-secondary-text, .c-m-add-button-secondary > button:disabled .veveditor-vod-icon-down {
  color: #c7ccd6;
}

.c-m-add-button-dashed-container {
  text-align: center;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0;
}

.c-m-add-button-dashed {
  border: 1px dashed #dde2e9;
  border-radius: 2px;
  width: 100%;
  height: 36px;
  padding: 6px 0;
}

.c-m-add-button-dashed-hover {
  border-color: #387bff;
}

.c-m-add-button-dashed-active {
  border-color: #1759dd;
}

.c-m-add-button-dashed-container-disabled > span {
  border-color: #dde2e9;
}

.c-m-add-button-tips {
  color: #86909c;
  height: 20px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 20px;
}

.c-m-async-select-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
  width: 100%;
}

.c-m-async-select-wrapper .veveditor-vod-select {
  min-width: 0;
}

.c-m-async-select-wrapper .c-m-async-select-refresh-btn {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  padding: 0;
}

.c-m-async-select-drop-down {
  position: relative;
}

.c-m-async-select-drop-down .c-m-ellipsis-content {
  width: 100%;
}

.c-m-async-select-drop-down-loading {
  height: 35px;
}

.c-m-async-select-drop-down-mui {
  position: relative;
}

.c-m-async-select-drop-down-mui .veveditor-vod-select-popup-inner .veveditor-vod-select-option-wrapper label {
  height: 52px;
  padding: 16px 8px 7px 12px;
}

.c-m-async-select-drop-down-mui .c-m-ellipsis-content {
  width: 100%;
}

.c-m-async-select-suffix-icon {
  display: -ms-flexbox;
  display: flex;
}

.c-m-async-select-single-label {
  font-size: 13px;
}

.c-m-async-select-single-des {
  color: #737a87;
  margin-left: 12px;
  font-size: 12px;
}

.c-m-async-select-double-label {
  font-size: 13px;
}

.c-m-async-select-double-label:after {
  content: "\a ";
  display: block;
  white-space: pre;
  margin-bottom: -40px;
}

.c-m-async-select-double-des {
  color: #737a87;
  font-size: 12px;
}

.c-m-async-select-ellipsis {
  height: 52px;
}

.c-m-async-select-tooltip-label {
  color: #42464e;
  font-size: 12px;
  line-height: 22px;
}

.c-m-async-select-tooltip-des {
  color: #737a87;
  font-size: 12px;
  line-height: 22px;
}

.c-m-async-select-tag-label {
  color: #42464e;
  overflow-y: auto;
  max-height: 188px;
  font-size: 13px;
  line-height: 22px;
}

.c-m-async-select-tag-label-div {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  height: 28px;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 28px;
}

.c-m-async-select-tag-label-div:hover {
  background-color: #f6f8fa;
  border-radius: 4px;
}

.c-m-async-select-tag-label-div:hover .c-m-copy {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.c-m-async-select-tag-label-copy {
  display: none;
}

.c-m-async-select-tag-label-copy-div {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #dde2e9;
  justify-content: center;
  align-items:  center;
  height: 36px;
  margin: 8px -12px -8px;
}

.c-m-async-select-tag-label-count {
  background-color: #f6f8fa;
  border-radius: 22px;
  height: 16px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
}

.c-m-async-select-tag-label-copy-content {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
}

.c-m-async-select-option-ellipsis {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding-right: 20px;
}

.c-m-async-select-option-ellipsis:hover {
  background-color: #f6f8fa;
  border-radius: 4px;
}

.c-m-async-select-option-ellipsis:hover .c-m-copy {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 0;
}

.c-m-async-select-option-ellipsis-double {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding-right: 20px;
}

.c-m-async-select-option-ellipsis-double:hover {
  background-color: #f6f8fa;
  border-radius: 4px;
}

.c-m-async-select-option-ellipsis-double:hover .c-m-copy {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 0;
}

.c-m-async-select .veveditor-vod-select-suffix-icon {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-async-select-refresh-container {
  margin-left: 12px;
}

.c-m-async-select-loading-icon, .c-m-async-select-refresh-icon {
  color: #42464e;
  width: 16px;
  height: 16px;
}

.c-m-async-select-loading-icon {
  transition: all .1s linear;
}

.c-m-batch-paste-input.veveditor-vod-input-tag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
  height: 200px;
  padding: 4px 12px;
}

.c-m-batch-paste-input.veveditor-vod-input-tag.veveditor-vod-input-tag .veveditor-vod-input-tag-input {
  padding-left: 0;
  font-size: 13px;
}

.c-m-batch-paste-input.veveditor-vod-input-tag.veveditor-vod-input-tag .veveditor-vod-icon-hover:before {
  background-color: #0000;
}

.c-m-batch-paste-input.veveditor-vod-input-tag .veveditor-vod-input-tag-suffix {
  align-items:  flex-start;
  padding: 4px 0 0;
}

.c-m-batch-paste-input.veveditor-vod-input-tag .veveditor-vod-input-tag-suffix .veveditor-vod-icon-hover:hover:before {
  background-color: var(--veveditor-vod-color-bg-5);
}

.c-m-batch-paste-tag {
  margin: 3px 6px 3px 0;
}

.c-m-batch-paste-tag-error.veveditor-vod-tag {
  color: #d7312a;
  background-color: #ffecec;
  box-shadow: 1px 1px #0000000d, 0 0 0 1px #ffa3a0;
}

.c-m-batch-paste-tag-error.veveditor-vod-tag.veveditor-vod-tag:not(.veveditor-vod-tag-custom-color):not(.veveditor-vod-tag-red):not(.veveditor-vod-tag-orangered):not(.veveditor-vod-tag-orange):not(.veveditor-vod-tag-gold):not(.veveditor-vod-tag-lime):not(.veveditor-vod-tag-green):not(.veveditor-vod-tag-cyan):not(.veveditor-vod-tag-blue):not(.veveditor-vod-tag-arcoblue):not(.veveditor-vod-tag-purple):not(.veveditor-vod-tag-pinkpurple):not(.veveditor-vod-tag-magenta):not(.veveditor-vod-tag-gray) .veveditor-vod-icon-hover.veveditor-vod-tag-icon-hover:hover:before {
  background-color: rgb(var(--veveditor-vod-red-2));
}

.c-m-batch-paste-tag-normal.veveditor-vod-tag {
  color: #42464e;
  background-color: #f6f8fa;
  box-shadow: 0 1px 1px #0000000d, 0 0 0 1px #d5dbe380;
}

.c-m-btn-selector-common {
  --common-group-margin-bottom: -12px;
  --common-group-padding-bottom: 12px;
  --common-item-padding-top: 5px;
  --common-box-shadow-default: 0 0 0 1px #dde2e9;
  --common-border-default: 1px solid #dde2e9;
  --common-border-active: 1px solid #a2c1ff;
}

.c-m-btn-selector-common-badge {
  position: absolute;
  text-align: center;
  white-space: nowrap;
  z-index: 10;
  background-color: #0000;
  height: 18px;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  top: -10px;
  right: 9px;
}

.c-m-btn-selector-common-badge-container {
  display: inline-block;
  padding-bottom: var(--common-group-padding-bottom);
  position: relative;
}

.c-m-btn-selector-common-height-size .c-m-btn-selector-common-singleline-item {
  height: 32px;
}

.c-m-btn-selector-common-height-size .c-m-btn-selector-common-doubleline-item {
  height: 56px;
}

.c-m-btn-selector-common-height-size-small .c-m-btn-selector-common-singleline-item {
  height: 28px;
}

.c-m-btn-selector-common-height-size-small .c-m-btn-selector-common-doubleline-item {
  height: 56px;
}

.c-m-btn-selector-common-width-size.veveditor-vod-checkbox-group .veveditor-vod-checkbox .veveditor-vod-checkbox-text, .c-m-btn-selector-common-width-size.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button .veveditor-vod-radio-button-inner {
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-m-btn-selector-common-width-size .c-m-btn-selector-common-item.veveditor-vod-radio-button {
  min-width: 72px;
}

.c-m-btn-selector-common-width-size .c-m-btn-selector-common-item.veveditor-vod-checkbox {
  min-width: 104px;
}

.c-m-btn-selector-common-width-size-small .c-m-btn-selector-common-item {
  width: 104px;
}

.c-m-btn-selector-common-width-size-large .c-m-btn-selector-common-item {
  width: 184px;
}

.c-m-btn-selector-common-width-size-default .c-m-btn-selector-common-item {
  width: 120px;
}

.c-m-btn-selector-content-container {
  min-width: 0;
  height: 100%;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-doubleline {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-doubleline-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-shrink: 1;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-doubleline-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 16px 0 0;
  font-size: 32px;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-doubleline-content {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  gap: 2px;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-doubleline-content-label {
  text-align: start;
  font-size: 13px;
  line-height: 22px;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-doubleline-content-description {
  color: #737a87;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 12px;
  line-height: 20px;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-singleline {
  width: 100%;
  line-height: 20px;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-singleline, .c-m-btn-selector-content-container .c-m-btn-selector-content-singleline-container {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-singleline-container {
  flex-shrink: 1;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-singleline-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
  font-size: 16px;
}

.c-m-btn-selector-content-container .c-m-btn-selector-content-singleline-content {
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;
}

.c-m-btn-selector-content-iconLayout-right .c-m-btn-selector-content-doubleline-container {
  flex-direction: row-reverse;
}

.c-m-btn-selector-content-iconLayout-right .c-m-btn-selector-content-doubleline-icon {
  margin: 0 0 0 16px;
}

.c-m-btn-selector-content-iconLayout-right .c-m-btn-selector-content-singleline-container {
  flex-direction: row-reverse;
}

.c-m-btn-selector-content-iconLayout-right .c-m-btn-selector-content-singleline-icon {
  margin: 0 0 0 16px;
}

.c-m-btn-selector-content-horizontalLayout-stretch .c-m-btn-selector-content-doubleline-container, .c-m-btn-selector-content-horizontalLayout-stretch .c-m-btn-selector-content-singleline-container {
  width: 100%;
}

.veveditor-vod-radio-disabled .veveditor-vod-radio-button-inner .c-m-btn-selector-content-doubleline-container .c-m-btn-selector-content-doubleline-content-description {
  color: #c7ccd6;
}

.veveditor-vod-radio-checked .veveditor-vod-radio-button-inner .c-m-btn-selector-content-doubleline-container .c-m-btn-selector-content-doubleline-content-description {
  color: #387bff;
  font-weight: 400;
}

.veveditor-vod-radio-disabled.veveditor-vod-radio-checked .veveditor-vod-radio-button-inner .c-m-btn-selector-content-doubleline-container .c-m-btn-selector-content-doubleline-content-description {
  color: #97bcff;
}

.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-text .c-m-btn-selector-content-doubleline-container .c-m-btn-selector-content-doubleline-content-description {
  color: #c7ccd6;
}

.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-text .c-m-btn-selector-content-doubleline-container .c-m-btn-selector-content-doubleline-content-description {
  color: #387bff;
  font-weight: 400;
}

.veveditor-vod-checkbox-disabled.veveditor-vod-radio-checked .veveditor-vod-checkbox-text .c-m-btn-selector-content-doubleline-container .c-m-btn-selector-content-doubleline-content-description {
  color: #97bcff;
}

.c-m-checkbox-group {
  margin-bottom: var(--checkbox-group-margin-bottom);
}

.c-m-checkbox-popover-inner {
  display: block;
  margin-right: 8px;
}

.c-m-checkbox .veveditor-vod-checkbox-group .veveditor-vod-checkbox.c-m-checkbox-cover-render {
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
}

.c-m-checkbox .veveditor-vod-checkbox-group .veveditor-vod-checkbox.c-m-checkbox-cover-render .veveditor-vod-checkbox-text {
  color: #42464e;
  display: inline-block;
  width: 100%;
  min-width: 0;
  margin-left: 12px;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render {
  border: var(--common-border-default);
  color: #42464e;
  background: #fff;
  border-radius: 4px;
  padding: 5px 12px;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render:hover {
  border: var(--common-border-active);
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render:hover .veveditor-vod-checkbox-mask {
  -webkit-box-shadow: 0 1px 1px #464f6029, 0 0 0 1px rgba(var(--veveditor-vod-primary-6), .5);
  box-shadow: 0 1px 1px #464f6029, 0 0 0 1px rgba(var(--veveditor-vod-primary-6), .5);
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render .veveditor-vod-checkbox-mask-wrapper {
  height: 12px;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render .veveditor-vod-checkbox-mask {
  border: 0 solid #000;
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 1.2px #dde2e9;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-checked {
  border: var(--common-border-active);
  background: #f4f7ff;
  font-weight: 500;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-checked:hover {
  border: var(--common-border-active);
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-checked:hover .veveditor-vod-checkbox-mask {
  background: #387bff;
  box-shadow: 0 1px 1px #00000014, 0 0 0 1px #1664ff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-checked:hover .veveditor-vod-checkbox-text {
  color: #387bff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-text {
  color: #1664ff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask {
  background-color: #1664ff;
  border: 0 solid #000;
  box-shadow: 0 1px 1px #00000014, 0 0 0 1px #1664ff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-disabled {
  border: var(--common-border-default);
  color: #c7ccd6;
  background: #fff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-mask {
  background: #f1f3f5;
  box-shadow: 0 0 0 1px #dde2e9;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-disabled .veveditor-vod-checkbox-text {
  color: #c7ccd6;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-checked {
  border: var(--common-border-active);
  background: #f4f7ff;
  font-weight: 500;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-mask {
  background: #97bcff;
  border: 0 solid #000;
  box-shadow: 0 1px 1px #00000014, 0 0 0 1px #1664ff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-cover-render.veveditor-vod-checkbox-disabled.veveditor-vod-checkbox-checked .veveditor-vod-checkbox-text {
  color: #97bcff;
}

.c-m-checkbox .veveditor-vod-checkbox.c-m-checkbox-doubleline-checkbox {
  padding: 5px 16px 5px 12px;
}

.c-m-checkbox.c-m-checkbox-height-size .veveditor-vod-checkbox .veveditor-vod-checkbox-mask-wrapper {
  top: 4px;
}

.c-m-checkbox.c-m-checkbox-height-size-small .c-m-checkbox-singleline-checkbox .veveditor-vod-checkbox-mask-wrapper {
  top: 2px;
}

.c-m-checkbox .veveditor-vod-checkbox-group .c-m-checkbox-doubleline-checkbox.veveditor-vod-checkbox .veveditor-vod-checkbox-mask-wrapper {
  top: 5px;
}

.c-m-code-block-simple {
  flex-direction: row;
  justify-content: center;
  align-items:  center;
  padding: 0 6px;
}

.c-m-code-block-normal, .c-m-code-block-simple {
  display: -ms-inline-flexbox;
  display: inline-flex;
  word-break: break-all;
  background: #f6f8fa;
  border: 1px solid #eaedf1;
  border-radius: 4px;
}

.c-m-code-block-normal {
  flex-direction: column;
  width: 500px;
}

.c-m-code-block-normal .c-m-loading {
  height: inherit;
  width: 100%;
}

.c-m-code-block-normal .c-m-loading-display {
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}

.c-m-code-block-normal .c-m-loading-display .veveditor-vod-spin-loading {
  height: inherit;
  width: 100%;
}

.c-m-code-block-normal .c-m-loading-display .veveditor-vod-spin-children {
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  width: 100%;
}

.c-m-code-block-normal .c-m-code-block-header, .c-m-code-block-normal .c-m-loading-display .veveditor-vod-empty {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-code-block-normal .c-m-code-block-header {
  color: #1d2129;
  border-bottom: 1px solid #e6eaf0;
  flex-direction: row;
  justify-content: space-between;
  height: 32px;
  padding: 7px 12px;
  font-family: Menlo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.c-m-code-block-normal .c-m-code-block-below-content {
  display: -ms-flexbox;
  display: flex;
  white-space: pre-wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 12px;
}

.c-m-code-block-normal .c-m-code-block-code-group {
  color: #42464e;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: Menlo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.c-m-code-block-normal .c-m-code-block-code-group-loading {
  color: #737a87;
  cursor: not-allowed;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  font-family: Menlo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.c-m-code-block-normal .c-m-code-block-code-content {
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: row;
}

.c-m-code-block-normal .c-m-code-block-index {
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: flex-end;
  margin-right: 24px;
}

.c-m-code-block-normal .c-m-code-block-code-value {
  word-wrap: break-word;
  flex: 1;
}

.c-m-code-block-normal .c-m-code-block-operation-btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 24px;
  margin-left: 10px;
}

.c-m-code-block-normal .c-m-code-block-custom-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
}

.c-m-content-wrapper {
  width: 100%;
  height: 100%;
}

.c-m-content-wrapper-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.c-m-content-wrapper-tooltip {
  color: #737a87;
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
}

.c-m-content-wrapper-fullpage {
  background-color: var(--veveditor-vod-color-white);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-width: 1260px;
}

.c-m-content-wrapper-fullpage-header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eaedf1;
  justify-content: space-between;
  width: 1260px;
  height: 66px;
  margin: 0 auto;
  line-height: 66px;
}

.c-m-content-wrapper-fullpage-header-operation {
  display: -ms-flexbox;
  display: flex;
}

.c-m-content-wrapper-fullpage .c-m-content-wrapper-back-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 66px;
}

.c-m-content-wrapper-fullpage-content-wrapper {
  overflow: auto;
  flex: 1;
  min-height: 0;
}

.c-m-content-wrapper-fullpage-content {
  width: 1260px;
  margin: 0 auto;
  padding: 16px 0 50px;
}

.c-m-content-wrapper-fullpage-footer {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #eaedf1;
  justify-content: center;
  height: 64px;
}

.c-m-content-wrapper-fullpage-footer-container {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  width: 1260px;
  height: 100%;
  margin: 0 auto;
}

.c-m-content-wrapper-fullpage-footer .c-m-content-wrapper-cancel-btn {
  margin: 0 12px;
}

.c-m-content-wrapper-fullpage-footer-content {
  flex: 1;
}

.c-m-content-wrapper-fullpage.c-m-content-wrapper-fullpage-tiled .c-m-content-wrapper-fullpage-header {
  width: 100%;
  margin: 0;
}

.c-m-content-wrapper-fullpage.c-m-content-wrapper-fullpage-tiled .c-m-content-wrapper-header-operation {
  padding-right: 20px;
}

.c-m-content-wrapper-fullpage.c-m-content-wrapper-fullpage-tiled .c-m-content-wrapper-back-wrapper {
  padding-left: 20px;
}

.c-m-content-wrapper-fullpage.c-m-content-wrapper-fullpage-tiled .c-m-content-wrapper-fullpage-content {
  width: 100%;
}

.c-m-content-wrapper-fullpage.c-m-content-wrapper-fullpage-tiled .c-m-content-wrapper-fullpage-content-wrapper {
  margin: 0 20px;
}

.c-m-content-wrapper-fullpage.c-m-content-wrapper-fullpage-tiled .c-m-content-wrapper-fullpage-footer-container {
  width: 100%;
  margin: 0 20px;
}

.c-m-content-wrapper-multiCol {
  background-color: var(--veveditor-vod-color-white);
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.c-m-content-wrapper-sidebar {
  height: 100%;
}

.c-m-content-wrapper-content {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  flex-direction: column;
  flex: 1;
  min-height: 100%;
}

.c-m-content-wrapper-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  flex: none;
  justify-content: space-between;
  align-items:  center;
  height: 52px;
  padding: 20px 32px 0;
}

.c-m-content-wrapper-operation-list {
  display: -ms-flexbox;
  display: flex;
  display: inline-block;
  color: #4e5969;
  cursor: pointer;
  align-items:  center;
  margin-left: 12px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.c-m-content-wrapper-operation-icon {
  display: inline-block;
  margin-right: 4px;
}

.c-m-content-wrapper-page-content {
  flex: 1;
  padding: 20px 32px;
}

.c-m-collapse-text {
  line-break: anywhere;
  position: relative;
  word-break: break-all;
  font-size: 12px;
}

.c-m-collapse-text .c-m-collapse-operation {
  margin: 2px 0;
}

.c-m-collapse-group-container, .c-m-collapse-text-container {
  position: relative;
}

.c-m-collapse-group-container.over:after, .c-m-collapse-text-container.over:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%), to(#cdcfd080));
  content: "";
  pointer-events: none;
  position: absolute;
  background: linear-gradient(#0000, 90%, #cdcfd080);
  width: 100%;
  height: 30px;
  bottom: 0;
}

.c-m-collapse-text-ellipsis {
  line-break: auto;
}

.c-m-collapse-group-content {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.c-m-collapse-group-item {
  margin: 0 4px 4px 0;
}

.c-m-collapse-group-popover-content {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 8px 14px;
}

.c-m-collapse-group-popover .veveditor-vod-popover-content {
  padding: 0;
}

.c-m-collapse-operation {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #1664ff;
  cursor: pointer;
  align-items:  center;
  margin-bottom: 4px;
  font-size: 12px;
}

.c-m-collapse-suffix {
  margin-left: 4px;
}

.c-m-copy {
  align-items:  center;
}

.c-m-copy, .c-m-copy-icon {
  display: -ms-flexbox;
  display: flex;
}

.c-m-copy-icon-hover {
  visibility: hidden;
}

.c-m-copy:hover .c-m-copy-icon-hover {
  visibility: visible;
}

.c-m-detail {
  overflow: auto;
  height: 100%;
}

.c-m-detail-header {
  overflow: hidden;
  background-color: #fff;
}

.c-m-detail-header-affix .veveditor-vod-affix {
  z-index: 898;
}

.c-m-detail-header-main {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  padding: 20px 32px;
  top: -1px;
}

.c-m-detail-header-main-content {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.c-m-detail-header-main-with-shadow {
  -webkit-box-shadow: inset 0 -1px 0 var(--veveditor-vod-color-border-2);
  box-shadow: inset 0 -1px 0 var(--veveditor-vod-color-border-2);
}

.c-m-detail-header-information {
  -webkit-box-shadow: inset 0 1px 0 var(--veveditor-vod-color-border-2);
  box-shadow: inset 0 1px 0 var(--veveditor-vod-color-border-2);
  overflow: hidden;
  margin-bottom: 40px;
}

.c-m-detail-header-tabs {
  position: relative;
  background-color: #fff;
}

.c-m-detail-header-tabs:before {
  background-color: var(--veveditor-vod-color-border-2);
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
}

.c-m-detail-header-tabs-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.c-m-detail-header-tabs-wrapper:before {
  content: "";
  width: 32px;
  height: 36px;
}

.c-m-detail-header-breadcrumb {
  display: -ms-flexbox;
  display: flex;
  color: #737a87;
  align-items:  center;
  margin-bottom: 8px;
}

.c-m-detail-header-breadcrumb .c-m-detail-header-breadcrumb-item {
  font-size: 12px;
  line-height: 20px;
}

.c-m-detail-header-breadcrumb .c-m-detail-header-breadcrumb-item:hover:not(:last-child) {
  color: #1664ff;
}

.c-m-detail-header-breadcrumb .c-m-detail-header-breadcrumb-item:not(:last-child) {
  cursor: pointer;
  padding-right: 6px;
}

.c-m-detail-header-breadcrumb .c-m-detail-header-breadcrumb-item:last-child {
  color: #42464e;
  font-weight: 500;
}

.c-m-detail-header-breadcrumb-separator {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
  padding-right: 6px;
  font-size: 16px;
}

.c-m-detail-header-title-area {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-detail-header-back {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  font-size: 20px;
}

.c-m-detail-header-back:hover {
  background: #1a1b1e0d;
}

.c-m-detail-header .c-m-detail-header-title {
  color: #0c0d0e;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.c-m-detail-header-status {
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px;
}

.c-m-detail-header-operate-area {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  min-height: 32px;
}

.c-m-detail-header-close {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  font-size: 20px;
}

.c-m-detail-header-close:hover {
  background: #1a1b1e0d;
}

.c-m-detail-content-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: auto;
  background-color: #fff;
  padding: 20px 32px;
}

.c-m-detail-page {
  height: 100%;
}

.c-m-detail-page-loading {
  width: 100%;
  height: 100%;
}

.c-m-detail-page-loading .veveditor-vod-spin-children {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-m-detail-page-loading .veveditor-vod-spin-children .c-m-detail-content-wrapper {
  flex-direction: column;
  flex: 1;
  width: 100%;
}

.c-m-detail-page-loading .veveditor-vod-spin-children .c-m-detail-content-wrapper .veveditor-vod-spin-children:last-child {
  flex: 1;
}

.c-m-detail-page-loading .veveditor-vod-spin-children .c-m-detail-content-wrapper .c-m-info-section-wrapper {
  margin-left: 0;
}

.c-m-detail-page-notice {
  margin-bottom: 20px;
}

.c-m-detail-page-notice .veveditor-vod-alert {
  display: -ms-flexbox;
  display: flex;
  align-items:  flex-start;
}

.c-m-detail-page-load-error {
  width: 100%;
  height: 100%;
}

.c-m-detail-page .c-m-loading-inline .c-m-spin {
  position: relative;
  top: 2px;
}

.c-m-detail-page-loading-result-container {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 100%;
}

.c-m-detail-page-left-right-layout {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.c-m-detail-page-header-no-tab-pane .c-m-detail-header-tabs {
  -webkit-box-shadow: inset 0 -1px 0 var(--veveditor-vod-color-border-2);
  box-shadow: inset 0 -1px 0 var(--veveditor-vod-color-border-2);
  background-color: #fff;
  height: 1px;
}

.c-m-detail-page-header-no-tab-pane .c-m-detail-header-tabs .veveditor-vod-tabs {
  display: none;
}

.c-m-drawer .c-m-maskable-children-renderer, .c-m-drawer .c-m-maskable-children-renderer-scroll {
  height: 100%;
}

.c-m-drawer .veveditor-vod-drawer-content {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.c-m-drawer .veveditor-vod-drawer-header {
  height: auto;
  min-height: 56px;
  padding: 12px 24px;
}

.c-m-drawer-content {
  padding: 16px 24px;
}

.c-m-drawer-shadow {
  box-shadow: -4px 0 10px #0000000d;
}

.c-m-drawer-title-after {
  margin-left: auto;
  padding-right: 24px;
}

.c-m-drawer-header-desc {
  color: #737a87;
  font-size: 12px;
  font-weight: 400;
}

.c-m-drawer-header-desc, .c-m-drawer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-m-drawer-title {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-right: 12px;
}

.c-m-drawer-title-box {
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}

.c-m-drawer .veveditor-vod-drawer-header-title {
  flex: 1;
  min-width: 0;
}

.c-m-drawer-detail .c-m-info-section-wrapper {
  margin: 0;
}

.c-m-drawer-detail .veveditor-vod-drawer-header {
  padding-bottom: 0;
}

.c-m-drawer-detail-header-tabs.veveditor-vod-tabs-card-gutter > .veveditor-vod-tabs-content {
  border: 0;
  padding-top: 0;
}

.c-m-drawer-detail-custom-tab-header {
  margin: 12px 0 -1px;
  font-weight: 400;
}

.c-m-drawer-detail-title {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-drawer-detail-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.c-m-drawer-detail-title-status {
  margin-left: 12px;
}

.c-m-ellipsis {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  align-items:  center;
}

.c-m-ellipsis-copy {
  min-height: 24px;
}

.c-m-ellipsis:hover .c-m-ellipsis-hidden {
  visibility: visible;
}

.c-m-ellipsis-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-m-ellipsis-content__copy {
  max-width: calc(100% - 24px);
}

.c-m-ellipsis-pointer {
  cursor: pointer;
}

.c-m-ellipsis-hidden {
  visibility: hidden;
}

.c-m-ellipsis-extra {
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  align-items:  center;
  margin-left: 8px;
}

.c-m-ellipsis-popover {
  color: red;
}

.c-m-ellipsis-popover-disabled {
  display: none !important;
}

.c-m-ellipsis-popover-copy.c-m-copy {
  display: inline-block;
  vertical-align: middle;
}

.c-m-fee-calculator-duration, .c-m-fee-calculator-num {
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: row;
  align-items:  center;
  line-height: normal;
}

.c-m-fee-calculator-duration-title, .c-m-fee-calculator-num-title {
  color: #0c0d0e;
  margin-right: 8px;
}

.c-m-fee-calculator-num-input.veveditor-vod-input-number {
  width: 144px;
}

.c-m-fee-calculator-num-input.veveditor-vod-input-number .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  color: #0c0d0e;
}

.c-m-fee-calculator-duration-select.veveditor-vod-select {
  width: 146px;
}

.c-m-fee-calculator-duration .veveditor-vod-select-single .veveditor-vod-select-view-value {
  text-align: center;
}

.c-m-fee-calculator-paramlayout {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.c-m-fee-calculator-paramlayout-vertical {
  vertical-align: 20px;
  flex-direction: column;
  row-gap: 12px;
}

.c-m-fee-calculator-price-item {
  display: inline-block;
}

.c-m-fee-calculator-price-item-title {
  color: #0c0d0e;
  display: inline-block;
  margin-right: 8px;
}

.c-m-fee-calculator-price-item-description {
  color: var(--text-color-text-3, #737a87);
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
}

.c-m-fee-calculator-price-item-content {
  color: #f0a50f;
  display: inline-block;
  height: 36px;
}

.c-m-fee-calculator-price-item-content-symbol {
  margin-right: 2px;
  font-size: 13px;
  font-weight: 500;
}

.c-m-fee-calculator-price-item-content-total {
  vertical-align: -2px;
  height: 36px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.c-m-fee-calculator-price-item-content-no-total {
  font-weight: 500;
}

.c-m-fee-calculator-price-item-content-unit {
  color: #000;
  font-size: 14px;
}

.c-m-fee-calculator-price-item-content-popover-icon.veveditor-vod-icon {
  color: #737a87;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.c-m-fee-calculator-price-item-content-green {
  color: #2a814b;
}

.c-m-fee-calculator-price-item-content-popover-table-container {
  overflow-y: auto;
  max-height: 224px;
}

.c-m-fee-calculator-price-item-content-popover .veveditor-vod-popover-content {
  padding: 8px 12px;
}

.c-m-fee-calculator-price-item-content-popover-title {
  line-height: 22px;
}

.c-m-fee-calculator-price-item-content-popover-title-title {
  color: #0c0d0e;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
}

.c-m-fee-calculator-price-item-content-popover-title-desc {
  color: #42464e;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
}

.c-m-fee-calculator-price-item-discount {
  color: #f0a50f;
  display: inline-block;
  background: #f2a2001a;
  border: 1px solid #f2a2001a;
  border-radius: 20px;
  height: 20px;
  margin-right: auto;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.c-m-fee-calculator-price-item-loading {
  color: #f0a50f;
  display: inline-block;
  vertical-align: -2px;
  height: 36px;
  font-size: 30px;
  line-height: 36px;
}

.c-m-fee-calculator-price-item-loading-text {
  vertical-align: 2px;
  font-size: 14px;
  font-weight: 500;
}

.c-m-fee-calculator-divider {
  margin: 16px 0;
}

.c-m-fee-calculator-disclaimer {
  color: #737a87;
  margin-left: 17px;
  font-size: 14px;
}

.c-m-fee-calculator-price-item-container {
  display: inline-block;
}

.c-m-fee-calculator-price-item-container-with-desc {
  margin-right: 16px;
}

.c-m-fee-calculator-price-item-container-horizontal .c-m-fee-calculator-price-item-discount {
  vertical-align: 3px;
  margin-left: 16px;
}

.c-m-fee-calculator-price-item-container-vertical {
  vertical-align: -24px;
}

.c-m-fee-calculator-price-item-container-vertical .c-m-fee-calculator-price-item-content {
  display: block;
}

.c-m-fee-calculator-price-item-container-vertical .c-m-fee-calculator-price-item-discount {
  margin-left: 10px;
}

.c-m-fee-calculator-price-item-vertical {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.c-m-fee-calculator-horizontal .c-m-fee-calculator-duration, .c-m-fee-calculator-horizontal .c-m-fee-calculator-num, .c-m-fee-calculator-horizontal .c-m-fee-calculator-price-item {
  margin-right: 24px;
}

.c-m-fee-calculator-horizontal .c-m-fee-calculator-price-item:last-of-type {
  margin-right: 0;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-duration, .c-m-fee-calculator-vertical .c-m-fee-calculator-num {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-duration-title, .c-m-fee-calculator-vertical .c-m-fee-calculator-num-title {
  color: var(--text-color-text-3, #737a87);
  width: 68px;
  margin-right: 20px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-duration-select.veveditor-vod-select, .c-m-fee-calculator-vertical .c-m-fee-calculator-num-input.veveditor-vod-input-number {
  width: 156px;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-price-item {
  display: block;
  margin: 0 24px 20px 0;
  line-height: normal;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-price-item-title {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-price-item:last-child {
  margin: 0 24px 0 0;
}

.c-m-fee-calculator-vertical .c-m-fee-calculator-price-item-container-horizontal .c-m-fee-calculator-price-item-discount {
  margin-left: 8px;
}

.c-m-fee-type {
  display: inline-block;
  letter-spacing: .003em;
  font-size: 12px;
  line-height: 20px;
}

.c-m-fee-type-type {
  color: #0c0d0e;
}

.c-m-fee-type-detail-normal, .c-m-fee-type-detail-wait {
  color: #737a87;
}

.c-m-fee-type-detail-normal-pop-container > .veveditor-vod-popover-content {
  padding: 8px 12px;
}

.c-m-fee-type-detail-normal-content {
  color: #fa9600;
  border-bottom: 1px dashed #fa9600;
}

.c-m-fee-type-detail-error {
  color: #d7312a;
}

.c-m-fee-type-detail-changing {
  color: #42464e;
  font-weight: 500;
}

.c-m-fee-type-detail-changing svg {
  margin-bottom: -3px;
  margin-right: 4px;
  font-size: 14px;
}

.c-m-guide {
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow: hidden;
  border-radius: 8px;
  min-width: 1000px;
  transition: all .2s linear;
}

.c-m-guide-step-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fafbfc;
  flex: 1;
  padding: 20px 24px;
}

.c-m-guide-step-item-title {
  line-height: 24px;
}

.c-m-guide-step-item-title-index {
  display: inline-block;
  margin-right: 4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
}

.c-m-guide-step-item-title-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.c-m-guide-step-item-introduction {
  color: #737a87;
  margin: 12px 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.c-m-guide-fold-btn-isFold {
  transition: all .1s ease-in;
}

.c-m-guide-btn-wrapper .c-m-guide-fold-btn {
  cursor: pointer;
  padding: 0;
}

.c-m-guide-btn-wrapper .c-m-guide-fold-btn svg {
  vertical-align: middle;
  font-size: 16px;
}

.c-m-guide-btn-wrapper .c-m-guide-fold-btn span {
  font-size: 13px;
}

.c-m-info-section-jsx-wrapper, .c-m-info-section-wrapper {
  margin: 20px 30px 0;
}

.c-m-info-section-section:last-child {
  margin-bottom: 0;
}

.c-m-info-section-section {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.c-m-info-section-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.c-m-info-section-module-editor, .c-m-info-section-title {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  line-height: 22px;
}

.c-m-info-section-module-editor {
  color: #006eff;
  align-items:  center;
  margin-left: 12px;
}

.c-m-info-section-module-editor :hover {
  cursor: pointer;
}

.c-m-info-section-module-editor-disable {
  color: #97bcff;
}

.c-m-info-section-word-editor {
  color: #1664ff;
}

.c-m-info-section-word-editor:hover {
  cursor: pointer;
}

.c-m-info-section-margin-top-4px {
  margin-top: 4px;
}

.c-m-info-section-label {
  display: -ms-flexbox;
  display: flex;
  color: #737a87;
  flex-shrink: 0;
  margin-right: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.c-m-info-section-content-wrapper {
  flex-direction: row;
  width: -webkit-fill-available;
}

.c-m-info-section-content, .c-m-info-section-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  align-items:  center;
}

.c-m-info-section-content {
  color: #0c0d0e;
  max-width: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.c-m-info-section-rest-content {
  color: #0c0d0e;
  flex-shrink: 0;
  justify-content: center;
  max-width: 100%;
  margin-left: 8px;
}

.c-m-info-section-rest-content, div .c-m-info-section-horizon {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

div .c-m-info-section-horizon {
  flex-direction: row;
  min-height: 22px;
  margin-bottom: 20px;
}

.c-m-info-section-vertical {
  min-height: 48px;
  margin-bottom: 20px;
}

.c-m-info-section-row-wrapper, .c-m-info-section-vertical {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.c-m-info-section-row-wrapper {
  margin-top: 16px;
}

.c-m-info-section-row {
  flex-grow: 0;
  flex-shrink: 1;
}

.c-m-info-section-column-wrapper, .c-m-info-section-row {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.c-m-info-section-column-wrapper {
  margin-top: 16px;
}

.c-m-info-section-column-wrapper > :last-child {
  margin-right: 0;
}

.c-m-info-section-column {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 1;
  margin-right: 60px;
}

.c-m-info-section-column > :last-child {
  margin-bottom: 0;
}

.c-m-info-section-column-2 {
  width: calc(50% - 60px);
}

.c-m-info-section-column-3 {
  width: calc(33.3333% - 60px);
}

.c-m-info-section-column-4 {
  width: calc(25% - 60px);
}

.c-m-inline-edit {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  font-size: 13px;
}

.c-m-inline-edit-edit {
  cursor: pointer;
}

.c-m-inline-edit-input {
  width: 200px;
  height: 32px;
}

.c-m-inline-edit-select {
  width: 240px;
}

.c-m-inline-edit-inputnumber {
  width: 150px;
  height: 32px;
}

.c-m-inline-edit-textarea {
  width: 300px;
}

.c-m-inline-edit-error-message {
  color: rgb(var(--veveditor-vod-danger-6));
  min-height: 20px;
  font-size: 12px;
  line-height: 20px;
}

.c-m-inline-edit .c-m-inline-edit-opt {
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  align-items:  center;
  margin-left: 12px;
}

.c-m-inline-edit .c-m-inline-edit-opt__icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.c-m-inline-edit .c-m-inline-edit-opt__check.c-m-icon {
  color: #00b42a;
}

.c-m-inline-edit .c-m-inline-edit-opt__close.c-m-icon {
  color: #f53f3f;
  margin-left: 12px;
}

.c-m-inline-edit .c-m-inline-edit-opt__text {
  color: #165dff;
  cursor: pointer;
}

.c-m-inline-edit .c-m-inline-edit-opt__cancel {
  margin-left: 12px;
}

.c-m-inline-edit .c-m-inline-edit-opt__submitting {
  color: #c7ccd6;
  cursor: not-allowed;
}

.c-m-inline-edit .c-m-inline-edit-opt__invalid {
  cursor: not-allowed;
}

.c-m-list-editor-list {
  overflow: auto;
}

.c-m-list-editor-list-item {
  margin-bottom: 12px;
}

.c-m-list-editor-add-btn {
  height: 32px;
  line-height: 20px;
}

.c-m-list-editor-add-btn-text {
  color: #86909c;
  font-size: 12px;
}

.c-m-list-editor-delete-btn {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 32px;
}

.c-m-list-editor-component-inputTag > div > div input.veveditor-vod-input-tag-input {
  -ms-flex-preferred-size: fit-content;
  flex-basis: fit-content;
}

.c-m-result .veveditor-vod-result-icon {
  margin-bottom: 12px;
  line-height: 0;
}

.c-m-result .veveditor-vod-result-title {
  color: #737a87;
  font-size: 13px;
}

.c-m-result .veveditor-vod-result-extra {
  margin-top: 24px;
}

.c-m-spin .veveditor-vod-spin-children:after {
  background-color: #fffc;
}

.c-m-loading-error {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-m-loading-block.c-m-loading-with-children, .c-m-loading-inline, .c-m-loading-page.c-m-loading-with-children {
  display: inline-block;
}

.c-m-loading-block.c-m-loading-is-block.c-m-loading-with-children, .c-m-loading-page.c-m-loading-is-block.c-m-loading-with-children {
  display: block;
}

.c-m-loading-block.c-m-loading-without-children, .c-m-loading-page.c-m-loading-without-children {
  display: block;
  position: relative;
}

.c-m-loading-block.c-m-loading-with-children .c-m-loading-display, .c-m-loading-page.c-m-loading-with-children .c-m-loading-display {
  position: relative;
}

.c-m-loading-block.c-m-loading-with-children .c-m-loading-display:after, .c-m-loading-page.c-m-loading-with-children .c-m-loading-display:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: opacity .1s linear;
  inset: 0;
}

.c-m-loading-block.c-m-loading-error .c-m-loading-fallback, .c-m-loading-block.c-m-loading-without-children .c-m-loading-display {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-m-loading-page.c-m-loading-error .c-m-loading-fallback, .c-m-loading-page.c-m-loading-without-children .c-m-loading-display {
  position: absolute;
  z-index: 2;
  top: calc(50% - 100px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-m-loading-block.c-m-loading-error .c-m-loading-display:after, .c-m-loading-page.c-m-loading-error .c-m-loading-display:after {
  opacity: 1;
  pointer-events: auto;
}

.c-m-loading-inline.c-m-loading-error .c-m-loading-display {
  display: none;
}

.c-m-loading-page.c-m-loading-with-children .veveditor-vod-spin-loading .veveditor-vod-spin-loading-layer-inner {
  top: calc(50% - 100px);
}

@media (width >= 1920px) {
  .c-m-loading-page .veveditor-vod-result-icon-custom {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transform: scale(1.2);
  }
}

.c-m-loading-inline .c-m-loading-fallback .c-m-result {
  padding: 0;
}

.c-m-loading-block-fallback, .c-m-loading-inline-fallback, .c-m-loading-page-fallback {
  font-size: 13px;
  font-weight: 400;
}

.c-m-loading-block-fallback .c-m-loading-fallback-text, .c-m-loading-inline-fallback .c-m-loading-fallback-text, .c-m-loading-page-fallback .c-m-loading-fallback-text {
  color: #737a87;
}

.c-m-loading-block-fallback .c-m-loading-fallback-reload, .c-m-loading-inline-fallback .c-m-loading-fallback-reload, .c-m-loading-page-fallback .c-m-loading-fallback-reload {
  color: rgb(var(--veveditor-vod-primary-6));
  cursor: pointer;
}

.c-m-modal .veveditor-vod-modal-content {
  padding: 0;
}

.c-m-modal-no-footer .veveditor-vod-modal-content {
  padding-bottom: 20px;
}

.c-m-modal-content {
  padding: 0 24px;
}

.c-m-modal-content-space {
  padding-top: 16px;
}

.c-m-modal .veveditor-vod-modal-content {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-height: 474px;
}

.c-m-modal-footer-divider .veveditor-vod-modal-footer {
  border-top: 1px solid var(--veveditor-vod-color-neutral-3);
}

.c-m-modal-footer-divider .c-m-modal-content {
  padding-bottom: 16px;
}

.c-m-modal .veveditor-vod-modal-footer {
  height: auto;
  padding: 20px 24px;
}

.c-m-name-info-id, .c-m-name-info-name {
  color: #42464e;
  height: 20px;
  line-height: 24px;
}

.c-m-name-info-id:hover .c-m-name-info-copy, .c-m-name-info-name:hover .c-m-name-info-copy {
  display: inline;
  position: relative;
  visibility: visible;
}

.c-m-name-info-id:hover .c-m-popup-edit-popconfirm-edit, .c-m-name-info-name:hover .c-m-popup-edit-popconfirm-edit {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}

.c-m-name-info-id .c-m-copy, .c-m-name-info-name .c-m-copy {
  padding-right: 4px;
}

.c-m-name-info-name-content > .c-m-ellipsis-content {
  color: rgb(var(--veveditor-vod-link-6));
}

.c-m-name-info-name-text {
  color: #42464e;
}

.c-m-name-info-suffix {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-name-info-copy-squeeze {
  display: none;
}

.c-m-name-info-copy-weight {
  visibility: hidden;
}

.c-m-name-info-copy {
  align-items:  center;
  height: 24px;
  padding-left: 4px;
}

.c-m-name-info-copy-visible .c-m-name-info-copy {
  visibility: visible;
}

.c-m-name-info-edit-hide-squeeze .c-m-ellipsis {
  height: 29.5px;
}

.c-m-name-info-edit-hide-squeeze .c-m-popup-edit {
  height: 28px;
}

.c-m-name-info-edit-hide-squeeze .c-m-popup-edit-popconfirm-edit-icon-hide {
  display: none;
}

.c-m-name-info-edit-hide .c-m-popup-edit-popconfirm-edit-icon-hide {
  visibility: hidden;
}

.c-m-name-info-edit-visible .c-m-popup-edit .c-m-popup-edit-value .c-m-popup-edit-popconfirm-edit.c-m-popup-edit-popconfirm-edit-icon-hide {
  opacity: 1;
  visibility: visible;
}

.c-m-operation-menu .c-m-operation-menu-opt-text-btn {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.c-m-operation-menu-dropdown-button.veveditor-vod-btn-text.veveditor-vod-btn-icon-only {
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
}

.c-m-operation-menu-dropdown-button.veveditor-vod-btn-text.veveditor-vod-btn-icon-only svg > path {
  stroke: #42464e;
}

.c-m-operation-menu-dropdown-button.veveditor-vod-btn-text.veveditor-vod-btn-icon-only.veveditor-vod-dropdown-open, .c-m-operation-menu-dropdown-button.veveditor-vod-btn-text.veveditor-vod-btn-icon-only:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):active, .c-m-operation-menu-dropdown-button.veveditor-vod-btn-text.veveditor-vod-btn-icon-only:not(.veveditor-vod-btn-disabled):not(.veveditor-vod-btn-loading):hover {
  background-color: #1a1b1e0d;
}

.c-m-operation-menu-dropdown-menu {
  border: 1px solid #eaedf1;
  border-radius: 4px;
  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #00000008;
}

.c-m-operation-menu-dropdown-menu.veveditor-vod-dropdown-menu {
  max-height: max-content;
  padding: 6px 0;
}

.c-m-operation-menu-dropdown-menu .veveditor-vod-dropdown-menu-item {
  padding: 0;
}

.c-m-operation-menu-dropdown-menu .veveditor-vod-dropdown-menu-inner {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.c-m-operation-menu-dropdown-menu .veveditor-vod-dropdown-menu-inner .c-m-loading-error {
  margin: 0 6px;
}

.c-m-operation-menu-dropdown-menu .veveditor-vod-divider-horizontal {
  width: calc(100% + 12px);
  max-width: calc(100% + 12px);
  margin: 4px -6px;
}

.c-m-operation-menu-dropdown-menu-container {
  position: relative;
  padding: 0 6px;
}

.c-m-operation-menu-dropdown-menu-container::-webkit-scrollbar {
  width: 4px;
}

.c-m-operation-menu-dropdown-menu-container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 4px;
}

.c-m-operation-menu-dropdown-popup-menu .veveditor-vod-dropdown-menu-item {
  padding: 0;
}

.c-m-operation-menu-dropdown-sub-menu {
  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #00000008;
}

.c-m-operation-menu-sub-menu-active.veveditor-vod-dropdown-menu-pop-header, .c-m-operation-menu-sub-menu-active.veveditor-vod-menu-pop-header {
  background-color: var(--veveditor-vod-color-bg-4);
}

.c-m-popover-verify-popover {
  max-width: 300px;
}

.c-m-popover-verify-rule {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.c-m-popover-verify-rule:last-child {
  margin-bottom: 0;
}

.c-m-popover-verify-rule-icon {
  vertical-align: top;
  margin-right: 4px;
  padding-top: 2px;
  font-size: 14px;
}

.c-m-popover-verify-rule-desc {
  display: inline-block;
  max-width: 244px;
  line-height: 22px;
}

.c-m-popup-edit {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-popup-edit-value {
  padding-right: 12px;
}

.c-m-popup-edit-error-message {
  color: rgb(var(--veveditor-vod-danger-6));
  min-height: 20px;
  font-size: 12px;
  line-height: 20px;
}

.c-m-popup-edit-popconfirm-title {
  margin-bottom: 8px;
  font-weight: 600;
}

.c-m-popup-edit-popconfirm .veveditor-vod-textarea-word-limit {
  background-color: #f6f8fae6;
  border-radius: 4px;
  padding: 0 8px;
}

.c-m-popup-edit-popconfirm .veveditor-vod-textarea {
  padding-bottom: 20px;
}

.c-m-popup-edit-popconfirm-edit {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-popup-edit-hover-show-icon:hover .c-m-popup-edit-value .c-m-popup-edit-popconfirm-edit.c-m-popup-edit-popconfirm-edit-icon-hide {
  opacity: 1;
}

.c-m-popup-edit .c-m-popup-edit-value .c-m-popup-edit-popconfirm-edit.c-m-popup-edit-popconfirm-edit-icon-hide {
  opacity: 0;
}

.c-m-popup-edit .c-m-popup-edit-value .c-m-popup-edit-popconfirm-edit.c-m-popup-edit-popconfirm-edit-icon-show {
  opacity: 1;
}

.c-m-radio-group {
  margin-bottom: var(--common-group-margin-bottom);
}

.c-m-radio-popover-inner {
  display: block;
}

.c-m-radio-popover-inner-button {
  margin-right: 8px;
}

.c-m-radio .veveditor-vod-radio-text {
  display: inline-block;
}

.c-m-radio.veveditor-vod-radio-group-type-button {
  padding: 0;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button {
  border: var(--common-border-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #42464e;
  padding: var(--common-item-padding-top) 20px;
  vertical-align: bottom;
  background-color: #fff;
  border-radius: 4px;
  margin: 0;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 0;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button:after {
  border-radius: 2px;
  inset: 0;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button:not(.veveditor-vod-radio-checked):not(.veveditor-vod-radio-disabled):hover {
  border: var(--common-border-active);
  color: #42464e;
  background-color: #fff;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-disabled {
  color: #c7ccd6;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-checked {
  border: var(--common-border-active);
  color: #1664ff;
  background-color: #f4f7ff;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-checked:hover {
  color: #387bff;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-checked:not(.veveditor-vod-radio-disabled) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-m-radio.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-disabled.veveditor-vod-radio-checked {
  border: var(--common-border-active);
  color: #97bcff;
  background-color: #f4f7ff;
}

.c-m-radio-checked-style-border.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-checked {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-m-radio-checked-style-border.veveditor-vod-radio-group-type-button .veveditor-vod-radio-button.veveditor-vod-radio-checked:after {
  content: "";
  z-index: 10;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjMTY1ZGZmIiBkPSJNMCAwaDMwdjMweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI0Ljc1IDUuNzQ4YS41LjUgMCAwIDAtLjcxMy4wMDZsLTQuMjkxIDQuNDM2LTEuNTk5LTEuNTk5YS41LjUgMCAwIDAtLjcwNyAwbC0uNDcxLjQ3MmEuNS41IDAgMCAwIDAgLjcwN2wyLjIzOSAyLjI0LjAzNS4wMy4xNjUuMTY2YS41LjUgMCAwIDAgLjcxMi0uMDA2bDUuMTA3LTUuMjc5YS41LjUgMCAwIDAtLjAwNi0uNzAxbC0uNDctLjQ3MXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") 100% 0 / 30px 30px no-repeat;
}

.c-m-search-component .veveditor-vod-input-inner-wrapper-has-prefix > .veveditor-vod-input {
  padding-left: 4px;
}

.c-m-search-tools .c-m-search-component {
  width: 240px;
}

.c-m-search-collapse .c-m-search-component {
  width: 100%;
}

.c-m-search-component-input-popover .veveditor-vod-popover-inner-content {
  overflow: auto;
  max-height: 400px;
}

.c-m-search-compact.veveditor-vod-input-group.veveditor-vod-input-group-compact {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.c-m-search-compact.veveditor-vod-input-group.veveditor-vod-input-group-compact .c-m-search-compact-label {
  display: -ms-flexbox;
  display: flex;
  color: #42464e;
  letter-spacing: .003em;
  white-space: nowrap;
  background-color: #fff;
  flex-shrink: 0;
  align-items:  center;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.c-m-search-compact.veveditor-vod-input-group.veveditor-vod-input-group-compact .c-m-search-compact-before {
  flex-shrink: 0;
}

.c-m-search-compact.veveditor-vod-input-group.veveditor-vod-input-group-compact .c-m-search-compact-bordered {
  border: 1px solid #dde2e9;
  border-right: none;
}

.c-m-search-tools {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.c-m-search-tools > .c-m-search-compact {
  width: 240px;
}

.c-m-search-collapse {
  background: #fcfdfe;
  border: 1px solid #eaedf1;
  border-radius: 4px;
  margin-top: 8px;
  padding: 12px 16px;
}

.c-m-search-advance-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items:  center;
}

.c-m-search-advance-dot {
  color: #1759dd;
  background-color: #a2c1ff33;
  border: none;
  margin-left: 8px;
  font-weight: 400;
  line-height: 22px;
}

.c-m-search-combine-wrapper-inline {
  align-items:  flex-start;
}

.c-m-search-combine-wrapper-bottom, .c-m-search-combine-wrapper-inline {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.c-m-search-combine-wrapper-bottom {
  align-items:  center;
}

.c-m-search-combine-wrapper-trigger-left, .c-m-search-combine-wrapper-trigger-left > .arco-space-item:last-child {
  width: 100%;
}

.c-m-search-combine-trigger {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  align-items:  center;
  width: 236px;
  min-width: 236px;
  min-height: 32px;
  padding: 0 12px;
}

.c-m-search-combine-trigger:hover {
  background-color: var(--color-bg-white);
  border-color: rgb(var(--primary-5));
}

.c-m-search-combine-trigger:hover .c-m-search-combine-trigger-clear {
  display: block;
}

.c-m-search-combine-trigger-focused {
  background-color: var(--color-bg-white);
  border-color: rgb(var(--primary-5));
  box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
}

.c-m-search-combine-trigger-err {
  -webkit-animation: .5s 2 err-fade;
  animation: .5s 2 err-fade;
}

@-webkit-keyframes err-fade {
  0% {
    border-color: rgb(var(--primary-5));
    -webkit-box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
    box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
  }

  50% {
    border-color: rgb(var(--danger-3));
    -webkit-box-shadow: 0 0 0 2px #db373f4d;
    box-shadow: 0 0 0 2px #db373f4d;
  }

  to {
    border-color: rgb(var(--primary-5));
    -webkit-box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
    box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
  }
}

.c-m-search-combine-trigger-label, .c-m-search-combine-trigger-search {
  color: #737a87;
  flex-shrink: 0;
}

.c-m-search-combine-trigger-label {
  cursor: pointer;
  letter-spacing: .003em;
  border-radius: 4px;
  padding-left: 4px;
  transition: all .3s;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.c-m-search-combine-trigger-label:hover {
  background-color: var(--color-bg-4);
}

.c-m-search-combine-trigger-content {
  flex: auto;
  width: 100%;
  padding-left: 4px;
  padding-right: 0;
  font-size: 12px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

.c-m-search-combine-trigger-content.veveditor-vod-input-tag .veveditor-vod-input-tag-input {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

.c-m-search-combine-trigger-content .veveditor-vod-tag {
  background-color: #f6f8fa;
  margin: 2px 6px 2px 0;
}

.c-m-search-combine-trigger-content.veveditor-vod-input-number .veveditor-vod-input-inner-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

.c-m-search-combine-trigger-clear {
  display: none;
  border-radius: 50%;
  flex-shrink: 0;
  padding: 0;
  font-size: 14px;
}

.c-m-search-combine-trigger-tip {
  color: #c7ccd6;
  justify-content: center;
  padding: 4px 16px;
  font-size: 13px;
}

.c-m-search-combine-trigger-tip-svg {
  color: inherit;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 4px;
  font-style: normal;
}

.c-m-search-combine-trigger-inline {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-search-combine-popover {
  min-width: 200px;
  padding: 6px;
}

.c-m-search-combine-popover-footer {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 6px 0;
}

.c-m-search-combine-popover-optgroup {
  cursor: pointer;
}

.c-m-search-combine-select > div {
  position: static !important;
}

.c-m-search-combine-select .veveditor-vod-select-popup, .c-m-search-combine-select .veveditor-vod-select-popup .veveditor-vod-select-popup-inner > div {
  padding: 0;
}

.c-m-search-combine-select-all {
  display: block;
  height: 32px;
  margin-bottom: 4px;
  padding: 6px 12px;
}

.c-m-search-combine-view {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.c-m-search-combine-view-item {
  cursor: pointer;
}

.c-m-search-combine-view-item-inline-input {
  background-color: #f1f3f5;
  border: none;
  width: 100px;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
}

.c-m-search-combine-view-item-inline-input:hover {
  background-color: #f1f3f5;
  border: none;
}

.c-m-search-combine-view-item-inline-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f1f3f5;
  border: none;
}

.c-m-search-combine-view-item-inline-inputNumber input {
  width: 100px;
  height: 20px;
  padding: 0;
  font-size: 12px;
}

.c-m-search-combine-view-item-prefix {
  color: #737a87;
}

.c-m-search-combine-view-divider.veveditor-vod-divider-vertical {
  border-left-color: #c9cdd4;
  margin: 0 8px;
}

.c-m-search-combine-view-clear {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #42464e;
  cursor: pointer;
  align-items:  center;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-search-combine-view-clear svg {
  margin-right: 4px;
  font-size: 14px;
}

.c-m-search-combine-view-extra {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #42464e;
  align-items:  center;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.c-m-search-combine-inline {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
  background-color: #fff;
  border: 1px solid #dde2e9;
  border-radius: 4px;
  align-items:  center;
  width: 236px;
  min-height: 38px;
  padding: 4px 12px 0;
}

.c-m-search-combine-inline:hover {
  background-color: var(--color-bg-white);
  border-color: rgb(var(--primary-5));
}

.c-m-search-combine-inline:hover svg:last-child {
  opacity: 1;
}

.c-m-search-combine-inline .veveditor-vod-space-wrap {
  flex: 1;
}

.c-m-search-combine-inline-focused {
  background-color: var(--color-bg-white);
  border-color: rgb(var(--primary-5));
  box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
}

.c-m-search-combine-inline-err {
  -webkit-animation: .5s 2 err-fade;
  animation: .5s 2 err-fade;
}

@keyframes err-fade {
  0% {
    border-color: rgb(var(--primary-5));
    -webkit-box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
    box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
  }

  50% {
    border-color: rgb(var(--danger-3));
    -webkit-box-shadow: 0 0 0 2px #db373f4d;
    box-shadow: 0 0 0 2px #db373f4d;
  }

  to {
    border-color: rgb(var(--primary-5));
    -webkit-box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
    box-shadow: 0 0 0 1px #1664ff, 0 1px 1px #0000000d, 0 0 0 3px #1664ff4d;
  }
}

.c-m-search-combine-inline .veveditor-vod-space-item:last-child {
  flex-grow: 1;
}

.c-m-search-combine-inline .veveditor-vod-space-item:last-child .veveditor-vod-spin {
  width: 100%;
}

.c-m-search-combine-inline .c-m-search-combine-view-item-inline-inputTag {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f1f3f5;
  border: 1px solid #f1f3f5;
}

.c-m-search-combine-inline .c-m-search-combine-view-item-inline-inputNumber .veveditor-vod-input-inner-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f1f3f5;
  border: none;
}

.c-m-search-combine-inline-clear {
  cursor: pointer;
  opacity: 0;
  position: relative;
  top: -2px;
  right: -6px;
}

.c-m-search-cascader {
  width: 300px;
}

.c-m-search-cascader .veveditor-vod-select-single .veveditor-vod-select-view {
  height: 100%;
}

.c-m-search-cascader .veveditor-vod-select-single .veveditor-vod-select-view-selector {
  align-items:  center;
}

.c-m-sidebar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #f6f8fa;
  width: 200px;
  height: 100%;
  transition: all .2s cubic-bezier(0,.69,0,1);
}

.c-m-sidebar-expand .c-m-sidebar-inner {
  width: 200px;
  box-shadow: 2px 12px 24px #0a1f4414;
}

.c-m-sidebar-collapsed-menu {
  list-style: none;
  overflow: hidden;
  flex: 1;
  min-height: 0;
  padding: 0 18px;
}

.c-m-sidebar-collapsed-menu-logo {
  border-bottom: 1px solid #eaedf1;
  padding: 20px 4px;
  font-size: 24px;
  line-height: 0;
}

.c-m-sidebar-collapsed-menu-item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #5e6673;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  margin-bottom: 6px;
  font-size: 20px;
}

.c-m-sidebar-collapsed-menu-item:first-child {
  margin-top: 8px;
}

.c-m-sidebar-collapsed-menu-item.c-m-sidebar-collapsed-menu-item-active {
  color: #1664ff;
  background: #1664ff14;
  border-radius: 4px;
}

.c-m-sidebar-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
  align-items:  flex-start;
  padding: 21px 22px 17px;
  line-height: 1.375;
}

.c-m-sidebar-title.c-m-sidebar-title-with-menus {
  padding-right: 38px;
}

.c-m-sidebar-title-logo {
  margin-right: 8px;
  font-size: 24px;
  line-height: 1;
}

.c-m-sidebar-title-text {
  color: #0c0d0e;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.c-m-sidebar-title-text.c-m-sidebar-title-text-point {
  cursor: pointer;
}

.c-m-sidebar-title-text.veveditor-vod-dropdown-open .c-m-sidebar-title-dropdown-arrow {
  transform: rotate(180deg);
}

.c-m-sidebar-title-dropdown-arrow {
  position: absolute;
  margin: -6px 0 0 4px;
  transition: transform .3s, -webkit-transform .3s;
  font-size: 12px;
  top: 50%;
  left: 100%;
}

.c-m-sidebar .c-m-sidebar-prefix-icon {
  vertical-align: middle;
  flex: 0 0 20px;
  font-size: 20px;
}

.c-m-sidebar-inner {
  background: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 899;
  width: 100%;
  height: 100%;
  transition: width .1s;
}

.c-m-sidebar-inner, .c-m-sidebar-prop-up-box {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.c-m-sidebar-prop-up-box {
  flex: 1;
  min-height: 0;
}

.c-m-sidebar-collapse {
  width: 68px;
}

.c-m-sidebar-category-title {
  color: #737a87;
  margin: 7px 0;
  padding: 1.5px 12px;
  font-size: 12px;
}

.c-m-sidebar-menu.veveditor-vod-menu {
  flex: 1;
  min-height: 0;
  transition: none;
  font-size: 13px;
}

.c-m-sidebar-menu.veveditor-vod-menu .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected {
  font-weight: 400;
}

.c-m-sidebar-menu.veveditor-vod-menu.veveditor-vod-menu-vertical .veveditor-vod-menu-inner {
  padding: 4px 12px;
}

.c-m-sidebar-menu.veveditor-vod-menu.veveditor-vod-menu-vertical .veveditor-vod-menu-group-title, .c-m-sidebar-menu.veveditor-vod-menu.veveditor-vod-menu-vertical .veveditor-vod-menu-inline-header, .c-m-sidebar-menu.veveditor-vod-menu.veveditor-vod-menu-vertical .veveditor-vod-menu-item, .c-m-sidebar-menu.veveditor-vod-menu.veveditor-vod-menu-vertical .veveditor-vod-menu-pop-header {
  border-radius: 4px;
  line-height: 32px;
}

.c-m-sidebar-menu.veveditor-vod-menu .veveditor-vod-menu-inline-header .c-m-sidebar-prefix-icon, .c-m-sidebar-menu.veveditor-vod-menu .veveditor-vod-menu-item .c-m-sidebar-prefix-icon {
  margin-right: 12px;
}

.c-m-sidebar-menu.veveditor-vod-menu .veveditor-vod-menu-item:not(.veveditor-vod-menu-selected):not(.veveditor-vod-menu-disabled) .c-m-sidebar-prefix-icon, .c-m-sidebar-menu.veveditor-vod-menu.veveditor-vod-menu-light .veveditor-vod-menu-inline:not(.c-m-sidebar-submenu-disabled) .veveditor-vod-menu-inline-header .c-m-sidebar-prefix-icon {
  color: #5e6673;
}

.c-m-sidebar-menu.veveditor-vod-menu-light {
  background-color: inherit;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-item, .c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-item.veveditor-vod-menu-disabled {
  background: none;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-item:not(.veveditor-vod-menu-disabled) {
  color: #0c0d0e;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-item:not(.veveditor-vod-menu-disabled).veveditor-vod-menu-selected {
  color: #1664ff;
  background-color: #1664ff14;
  transition: none;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-item:not(.veveditor-vod-menu-disabled).veveditor-vod-menu-selected svg {
  transition: none;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-item:not(.veveditor-vod-menu-disabled):hover {
  background-color: #1664ff14;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .c-m-sidebar-submenu-disabled .veveditor-vod-menu-inline-header {
  cursor: not-allowed;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .c-m-sidebar-submenu-disabled .veveditor-vod-menu-inline-header, .c-m-sidebar-menu.veveditor-vod-menu-light .c-m-sidebar-submenu-disabled .veveditor-vod-menu-inline-header .c-m-sidebar-prefix-icon {
  color: var(--color-text-4);
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-group-title {
  background-color: #0000;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-inline-header {
  color: inherit;
  background: none;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-inline:not(.c-m-sidebar-submenu-disabled) .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected {
  color: inherit;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .veveditor-vod-menu-inline:not(.c-m-sidebar-submenu-disabled) .veveditor-vod-menu-inline-header:hover {
  background-color: #1664ff14;
}

.c-m-sidebar-menu.veveditor-vod-menu-light > .veveditor-vod-menu-inner .veveditor-vod-menu-inline:not(.c-m-sidebar-submenu-open) > .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected {
  color: #1664ff;
  background-color: #1664ff14;
}

.c-m-sidebar-menu.veveditor-vod-menu-light > .veveditor-vod-menu-inner .veveditor-vod-menu-inline:not(.c-m-sidebar-submenu-open) > .veveditor-vod-menu-inline-header.veveditor-vod-menu-selected .c-m-sidebar-prefix-icon {
  color: inherit;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .c-m-sidebar-group-title .veveditor-vod-menu-group-title {
  color: var(--veveditor-vod-color-text-3);
  cursor: auto;
  pointer-events: auto;
}

.c-m-sidebar-menu.veveditor-vod-menu-light .c-m-sidebar-group-title .veveditor-vod-menu-group-title:hover {
  color: var(--veveditor-vod-color-text-3);
}

.c-m-sidebar-submenu-title {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  align-items:  center;
}

.c-m-sidebar-collapse-ctrl {
  background: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-top: 1px solid #eaedf1;
  align-items:  center;
  min-height: 49px;
  padding: 12px 20px;
}

.c-m-sidebar-collapse-ctrl-extra {
  margin-left: auto;
}

.c-m-sidebar-collapse-button {
  background: inherit;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  transition: left .2s;
  font-size: 16px;
  left: 0;
}

.c-m-sidebar-collapse-button:before {
  background: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.c-m-sidebar-collapse-button > .c-m-sidebar-collapse-button-icon {
  position: relative;
  z-index: 1;
}

.c-m-sidebar-collapse-button:hover {
  color: #1664ff;
  background-color: #1664ff14;
}

.c-m-sidebar-iconLess-collapse {
  border-right: 1px solid #eaedf1;
  margin-left: -188px;
}

.c-m-sidebar-iconLess-collapse .c-m-sidebar-collapse-ctrl {
  border-top-color: #0000;
}

.c-m-sidebar-iconLess-collapse .c-m-sidebar-collapse-button {
  position: absolute;
  border: 1px solid #eaedf1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  left: 100%;
}

.c-m-sidebar-menu-item-left {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items:  center;
  min-width: 0;
}

.c-m-sidebar-menu-item-left-full-up {
  flex: 1;
}

.c-m-sidebar-menu-item-badge {
  margin-left: 4px;
  line-height: 1;
}

.c-m-sidebar-menu-item-badge-dot {
  margin-right: 4px;
}

.c-m-sidebar-menu-item-badge-dot:after {
  content: "";
  position: absolute;
  background: #d7312a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: -10px;
  top: 50%;
  left: 100%;
  box-shadow: 0 1px #00000014;
}

.c-m-sidebar-menu-item-badge > .veveditor-vod-tag {
  border-radius: 100px;
  margin-left: -2px;
  transform: scale(.833333);
}

.c-m-sidebar-menu-item-badge-builtin {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #42464e;
  text-align: center;
  background: #e5e6eb;
  border-radius: 14px;
  min-width: 14px;
  height: 14px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.veveditor-vod-menu-selected .c-m-sidebar-menu-item-badge-builtin {
  background: #f4f7ff;
}

.c-m-sidebar-menu-item-box {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-sidebar-menu-item-text {
  min-width: 0;
  transition: none;
}

.c-m-sidebar .c-m-sidebar-menu-item-box .c-m-sidebar-menu-item-suffix {
  flex: 0 0 12px;
  width: 12px;
  margin: 0 0 0 4px;
  font-size: 12px;
}

.c-m-sidebar-width-controller {
  cursor: col-resize;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 0;
  width: 2px;
  height: 100%;
  transition: background-color .2s;
  top: 0;
  left: 100%;
}

.c-m-sidebar-width-controller-active, .c-m-sidebar-width-controller:hover {
  background-color: #1664ff;
}

.c-m-sidebar-back {
  cursor: pointer;
  text-align: center;
  background: none;
  border: 0;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin: 2px 8px 0 0;
  padding: 0;
  font-size: 20px;
  line-height: 20px;
}

.c-m-sidebar-back:hover {
  background: #c7ccd64d;
}

.c-m-sidebar-back:active {
  background: #737a874d;
}

.c-m-sidebar-popup-container {
  position: relative;
  z-index: 899;
  width: 100vw;
  height: 0;
}

.c-m-status {
  --usable-nbd-color: #1664ff;
  --usable-ht-color: #1759dd;
  --usable-highlight-bg: #ebf1ff;
  --usable-border: #1664ff33;
  --usable-tag-bg: #f4f7ff;
  --usable-icon-stroke: #1664ff;
  --usable-icon-fill: #387bff;
  --loading-nbd-color: #1664ff;
  --loading-ht-color: #1759dd;
  --loading-highlight-bg: #ebf1ff;
  --loading-border: #1664ff33;
  --loading-tag-bg: #f4f7ff;
  --loading-icon-stroke: #1664ff;
  --loading-icon-fill: #387bff;
  --error-nbd-color: #d7312a;
  --error-ht-color: #bd2923;
  --error-highlight-bg: #ffecec;
  --error-border: #db373f33;
  --error-tag-bg: #fdf5f5;
  --error-icon-stroke: #d7312a;
  --error-icon-fill: #ee3f38;
  --warning-nbd-color: #bd7e00;
  --warning-ht-color: #960;
  --warning-highlight-bg: #fff3dc;
  --warning-border: #f2a20033;
  --warning-tag-bg: #fef8eb;
  --warning-icon-stroke: #bd7e00;
  --warning-icon-fill: #d08d06;
  --running-nbd-color: #2a814b;
  --running-ht-color: #237040;
  --running-highlight-bg: #e1f6e6;
  --running-border: #18995933;
  --running-tag-bg: #eef9f1;
  --running-icon-stroke: #2a814b;
  --running-icon-fill: #309256;
  --wait-dot-color: #737a87;
  --wait-nbd-color: #41464f;
  --wait-ht-color: #42464e;
  --wait-highlight-bg: #f1f3f5;
  --wait-border: #dde2e9;
  --wait-tag-bg: #f6f8fa;
  --wait-icon-stroke: #676b72;
  --wait-icon-fill: #737a87;
  --disable-dot-color: #737a87;
  --disable-nbd-color: #41464f;
  --disable-ht-color: #42464e;
  --disable-highlight-bg: #f1f3f5;
  --disable-border: #dde2e9;
  --disable-tag-bg: #f6f8fa;
  --disable-icon-stroke: #676b72;
  --disable-icon-fill: #737a87;
  --heavy-color: #42464e;
  --heavy-bg: #f6f8fa;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  align-items:  center;
  max-width: 100%;
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}

.c-m-status-normal {
  padding: 0;
}

.c-m-status-dash {
  position: absolute;
  border-bottom: 1px dotted;
  width: 100%;
  height: 0;
  top: 16px;
  left: 0;
}

.c-m-status-dot {
  border-radius: 1px;
  width: 4px;
  height: 4px;
  margin-right: 6px;
}

.c-m-status-text {
  border-bottom: 1px dotted;
}

.c-m-status-textWrapper {
  position: relative;
}

.c-m-status-icon {
  margin-right: 2px;
  font-size: 14px;
  line-height: 20px;
}

.c-m-status-icon-large {
  font-size: 16px;
}

.c-m-status-icon-usable > svg > g > path {
  fill: var(--usable-icon-fill);
  stroke: var(--usable-icon-stroke);
}

.c-m-status-icon-wait > svg > g > path {
  fill: var(--disable-icon-fill);
  stroke: var(--disable-icon-stroke);
}

.c-m-status-large {
  height: 24px;
  font-size: 13px;
  font-weight: 500;
}

.c-m-table-editor.c-m-table-editor-auto-scroll {
  height: 100%;
}

.c-m-table-editor .veveditor-vod-formily-item {
  margin-bottom: 0;
}

.c-m-table-editor-operation-button {
  display: inline-block;
}

.c-m-table-editor-operation-button-enabled {
  color: #4e5969;
  cursor: pointer;
}

.c-m-table-editor-operation-button-disabled {
  color: #c9cdd4;
  cursor: not-allowed;
}

.c-m-table-editor-operation-button-content {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.c-m-table-editor-operation-button-content-icon {
  padding-right: 5px;
}

.c-m-table-editor-operation-button + .c-m-table-editor-operation-button {
  margin-left: 16px;
}

.c-m-table-editor-delete-row-button.c-m-table-editor-operation-button-enabled {
  color: #e63f3f;
}

div.c-m-tag {
  --tag-size-large: 24px;
  --tag-size-medium: 20px;
  --tag-size-small: 16px;
  --tag-color-blue: 57, 115, 229;
  --tag-color-green: 44, 147, 97;
  --tag-color-pink: 214, 65, 127;
  --tag-color-darkblue: 84, 91, 241;
  --tag-color-aquamarine: 44, 134, 140;
  --tag-color-brown: 169, 111, 24;
  --tag-color-gray: 102, 110, 124;
  --tag-color-mark-font: 111, 114, 120;
  --tag-color-transparent: transparent;
  --tag-color-white: #fff;
  --tag-color-gold-text: #733e0f;
  --tag-color-linear-red: linear-gradient(90deg, #ff9878, #fa2967), linear-gradient(132deg, #ff9878 7.61%, #ffeede 45.78%, #ffeede 49.75%, #fa2967 95.76%);
  --tag-color-linear-gold: linear-gradient(90deg, #fef5c4, #f0c573), linear-gradient(132deg, #fef5c4 7.61%, #f4edcc 45.78%, #f4edcc 49.75%, #f0c573 95.76%);
  --tag-color-linear-orangered: linear-gradient(90deg, #f39c55, #ec5149), linear-gradient(132deg, #f39c55 7.61%, #f5c6ab 45.78%, #f2c1a2 49.75%, #ec5149 95.76%);
  --tag-border-none: 0;
  --tag-border: 1px solid;
  --tag-spacing-large: 8px;
  --tag-spacing: 6px;
  --tag-spacing-small: 4px;
  --tag-arco-color-red: #f53f3f;
  --tag-arco-color-red-20-pct: #f53f3f33;
  --tag-arco-color-orangered: #f77234;
  --tag-arco-color-orangered-20-pct: #f7723433;
  --tag-arco-color-orange: #ff7d00;
  --tag-arco-color-orange-20-pct: #ff7d0033;
  --tag-arco-color-gold: #f7ba1e;
  --tag-arco-color-gold-20-pct: #f7ba1e33;
  --tag-arco-color-lime: #9fdb1d;
  --tag-arco-color-lime-20-pct: #9fdb1d33;
  --tag-arco-color-cyan: #14c9c9;
  --tag-arco-color-cyan-20-pct: #14c9c933;
  --tag-arco-color-arcoblue: #165dff;
  --tag-arco-color-arcoblue-20-pct: #165dff33;
  --tag-arco-color-purple: #722ed1;
  --tag-arco-color-purple-20-pct: #722ed133;
  --tag-arco-color-pinkpurple: #d91ad9;
  --tag-arco-color-pinkpurple-20-pct: #d91ad933;
  --tag-arco-color-magenta: #f5319d;
  --tag-arco-color-magenta-20-pct: #f5319d33;
  padding: 0;
}

div.c-m-tag .c-m-ellipsis-content {
  padding: 0 var(--tag-spacing);
}

div.c-m-tag .veveditor-vod-tag-icon {
  margin-left: var(--tag-spacing);
  margin-right: 0;
}

div.c-m-tag.veveditor-vod-tag {
  padding-right: var(--tag-spacing);
}

div.c-m-tag.veveditor-vod-tag .c-m-ellipsis-content {
  padding-right: 0;
}

div.c-m-tag.veveditor-vod-tag.c-m-tag-shape-mark {
  padding-right: var(--tag-spacing-small);
}

div.c-m-tag.veveditor-vod-tag.c-m-tag-shape-mark .c-m-ellipsis-content {
  padding-left: var(--tag-spacing-small);
}

div.c-m-tag-prefix {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
}

div.c-m-tag-prefix .veveditor-vod-tag {
  padding-right: var(--tag-spacing-large);
}

div.c-m-tag-prefix .veveditor-vod-tag .c-m-ellipsis-content {
  padding-left: var(--tag-spacing-large);
}

div.c-m-tag-prefix .veveditor-vod-tag:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

div.c-m-tag-prefix .veveditor-vod-tag:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

div.c-m-tag-prefix .c-m-tag-medium .c-m-ellipsis-content {
  font-size: 12px;
}

div.c-m-tag-prefix-string > div:first-child, div.c-m-tag-prefix-string > div:last-child {
  border: 1px solid #dde2e9;
}

div.c-m-tag-prefix-string > div.c-m-tag-prefix-default:first-child {
  background: #f6f8fa;
}

div.c-m-tag-prefix-string.c-m-tag-prefix-small {
  height: calc(var(--tag-size-medium) * 1 / .83333);
  font-size: 12px;
  line-height: calc(var(--tag-size-medium) * 1 / .83333);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transform: scale(.83333);
}

div.c-m-tag-prefix-string.c-m-tag-prefix-small .c-m-tag-small {
  height: calc(var(--tag-size-medium) * 1 / 1);
  font-size: 12px;
  line-height: calc(var(--tag-size-medium) * 1 / 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transform: scale(1);
}

div.c-m-tag-type-bordered {
  border: 1px solid rgba(var(--tag-color-gray), .2);
  background: #f1f3f5;
}

div.c-m-tag-type-outline {
  border: 1px solid rgba(var(--tag-color-gray), .2);
  background: none;
}

div.c-m-tag-type-text, div.c-m-tag-type-text-dot {
  background: none;
}

div.c-m-tag-type-text-dot:before {
  content: "▪";
}

div.c-m-tag-large {
  height: var(--tag-size-large);
  font-size: 13px;
  line-height: var(--tag-size-large);
}

div.c-m-tag-large .c-m-tag-content {
  font-size: 13px;
}

div.c-m-tag-large .veveditor-vod-tag-icon {
  height: 13px;
  line-height: 13px;
}

div.c-m-tag-large .veveditor-vod-tag-icon > svg {
  font-size: 13px;
}

div.c-m-tag-medium {
  height: var(--tag-size-medium);
  line-height: var(--tag-size-medium);
}

div.c-m-tag-small {
  height: calc(var(--tag-size-small) * 1 / .83333);
  font-size: 12px;
  line-height: calc(var(--tag-size-small) * 1 / .83333);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transform: scale(.83333);
}

div.c-m-tag-medium, div.c-m-tag-medium .c-m-ellipsis-content, div.c-m-tag-small, div.c-m-tag-small .c-m-ellipsis-content {
  font-size: 12px;
}

div.c-m-tag-medium .veveditor-vod-tag-icon, div.c-m-tag-small .veveditor-vod-tag-icon {
  height: 12px;
  line-height: 12px;
}

div.c-m-tag-medium .veveditor-vod-tag-icon > svg, div.c-m-tag-small .veveditor-vod-tag-icon > svg {
  font-size: 12px;
}

div.c-m-tag-medium .veveditor-vod-tag-icon + .veveditor-vod-tag-content .c-m-ellipsis-content, div.c-m-tag-small .veveditor-vod-tag-icon + .veveditor-vod-tag-content .c-m-ellipsis-content {
  padding-left: var(--tag-spacing-small);
}

div.c-m-tag-shape-default {
  border-radius: 4px;
}

div.c-m-tag-shape-default.c-m-tag-type-outline.c-m-tag-small {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  height: 21.6px;
  font-size: 12px;
  line-height: 21.6px;
  transform: scale(.83333);
}

div.c-m-tag-shape-round.c-m-tag-large {
  border-radius: var(--tag-size-large);
}

div.c-m-tag-shape-round.c-m-tag-medium {
  border-radius: var(--tag-size-medium);
  height: 18px;
  line-height: 18px;
}

div.c-m-tag-shape-round.c-m-tag-small {
  border-radius: var(--tag-size-small);
}

div.c-m-tag-shape-mark {
  height: calc(var(--tag-size-small) * 1 / .83333);
  font-size: 12px;
  line-height: calc(var(--tag-size-small) * 1 / .83333);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  border-radius: 8px 4px 8px 0;
  transform: scale(.83333);
}

div.c-m-tag-shape-mark.c-m-tag-default-mark {
  color: rgb(var(--tag-color-mark-font));
  background-image: linear-gradient(90deg, #e8eaea -5%, #c2c8c8), linear-gradient(230.92deg, #f7f9f9 1.24%, #edeeee00 51.48%, #f7f9f9 103.87%);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
}

div.c-m-tag-shape-mark.c-m-tag-large {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  height: 21.6px;
  font-size: 12px;
  line-height: 21.6px;
  transform: scale(.83333);
}

.c-m-tags-copy {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items:  center;
  padding: 12px;
  box-shadow: inset 0 1px #e5e8ef;
}

.c-m-tags-copy .c-m-tags-copy-button {
  height: 22px;
  line-height: 22px;
}

.c-m-transfer {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-transfer-view {
  border: 1px solid var(--veveditor-vod-color-neutral-3);
  border-radius: var(--veveditor-vod-border-radius-large);
  overflow: hidden;
  width: 276px;
  height: 340px;
}

.c-m-transfer-header {
  display: -ms-flexbox;
  display: flex;
  color: #42464e;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 13px;
  line-height: 42px;
}

.c-m-transfer-header-title {
  font-weight: 500;
}

.c-m-transfer-icon {
  cursor: pointer;
}

.c-m-transfer-delete-icon {
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.c-m-transfer-delete-icon:hover {
  background-color: #a0a2a71a;
}

.c-m-transfer-delete-all {
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.c-m-transfer-delete-all:hover {
  background-color: #a0a2a71a;
}

.c-m-transfer-operations {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.c-m-transfer-operation-btn:last-child {
  margin-top: 12px;
}

.c-m-transfer .c-m-table .veveditor-vod-table-body {
  background-color: var(--color-bg-1);
}

.c-m-transfer .c-m-table .veveditor-vod-table-container {
  padding: 0 4px;
}

.c-m-transfer .c-m-table .c-m-table-toolbar {
  position: sticky;
  z-index: 1;
  background: #fff;
  top: 0;
}

.c-m-transfer .c-m-table .c-m-table-toolbar .c-m-table-toolbar-row {
  flex-direction: column;
  margin-bottom: 0;
}

.c-m-transfer .c-m-table .c-m-table-toolbar .c-m-table-toolbar-item-group {
  display: block;
  width: 100%;
}

.c-m-transfer .c-m-table .veveditor-vod-table-td {
  border-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 22px;
}

.c-m-transfer .c-m-table .veveditor-vod-table-td:last-child {
  padding-right: 15px;
}

.c-m-transfer .c-m-table .c-m-table-toolbar-bottom-toolbar-selected-info .veveditor-vod-checkbox {
  margin-left: -2px;
}

.c-m-transfer .c-m-table .c-m-table-toolbar-bottom-toolbar-selected-info > span {
  display: none;
}

.c-m-transfer .c-m-table .veveditor-vod-table-th {
  color: #42464e;
  background-color: #fff;
  font-size: 13px;
  font-weight: 400;
}

.c-m-transfer .c-m-table .veveditor-vod-table-tr {
  border-radius: 4px;
  font-size: 13px;
}

.c-m-transfer .c-m-table .veveditor-vod-table:not(.veveditor-vod-table-border-cell) .veveditor-vod-table-operation.veveditor-vod-table-checkbox {
  padding-left: 0;
}

.c-m-transfer-operation-btn:not(.veveditor-vod-btn-disabled) {
  color: #737a87;
  background-color: #fff;
}

.c-m-transfer .veveditor-vod-btn.veveditor-vod-btn-secondary.veveditor-vod-btn-disabled {
  color: #c7ccd6;
  background-color: #fff;
}

.c-m-transfer .c-m-table-toolbar-row-right {
  padding: 0 16px;
}

.c-m-transfer-pagination-mode .c-m-table, .c-m-transfer-pagination-mode .c-m-table-container, .c-m-transfer-pagination-mode .veveditor-vod-spin, .c-m-transfer-pagination-mode .veveditor-vod-spin-children {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.c-m-transfer-pagination-mode .c-m-table .c-m-table-toolbar-bottom-toolbar-selected-info:before {
  content: "";
  position: absolute;
  background-color: #fff;
  border-bottom: 1px solid #eaedf1;
  width: 100%;
  height: 7px;
  top: -8px;
  left: 0;
}

.c-m-transfer-pagination-mode .c-m-table .c-m-table-pagination-with-toolbar {
  padding: 10px 16px 10px 4px;
}

.c-m-transfer-pagination-mode .c-m-table .c-m-table-pagination-with-toolbar-highlight {
  -webkit-animation: none;
  animation: none;
}

.c-m-transfer-right-pagination-mode .veveditor-vod-pagination:before {
  content: "";
  position: absolute;
  background-color: #fff;
  border-bottom: 1px solid #eaedf1;
  width: 100%;
  height: 7px;
  top: -8px;
  left: 0;
}

.c-m-transfer-left-simple {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-m-transfer-right-simple {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-m-transfer-remote-hide .c-m-table-toolbar-bottom-toolbar-left {
  visibility: hidden;
}

.c-m-transfer-remote-hide .veveditor-vod-pagination:before {
  content: "";
  position: absolute;
  background-color: #fff;
  border-bottom: 1px solid #eaedf1;
  width: 100%;
  height: 7px;
  top: -8px;
  left: 0;
}

.c-m-transfer-table-mode .c-m-table .veveditor-vod-table-container {
  padding: 0 16px;
}

.c-m-transfer-table-mode .c-m-table .veveditor-vod-table-tr:not(:last-child) .veveditor-vod-table-td {
  border-bottom: 1px solid #eaedf1;
  padding-top: 7px;
  padding-bottom: 7px;
}

.c-m-transfer-table-mode .c-m-table .c-m-table-pagination-with-toolbar {
  padding-left: 16px;
}

.c-m-table .c-m-inline-edit, .c-m-table .veveditor-vod-link, .c-m-table .veveditor-vod-table-td, .c-m-table .veveditor-vod-table-th {
  font-size: 12px;
}

.c-m-table-column-title-tooltip {
  margin-left: 4px;
}

.c-m-table-spin .veveditor-vod-spin-loading-layer .veveditor-vod-spin-loading-layer-inner {
  top: 48px;
  transform: translate(-50%);
}

.c-m-table.c-m-table-auto-scroll {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin {
  overflow: hidden;
  flex: 1;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children {
  height: 100%;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table {
  overflow: hidden;
  height: 100%;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table .veveditor-vod-spin, .c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table .veveditor-vod-spin .veveditor-vod-spin-children, .c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table .veveditor-vod-spin .veveditor-vod-spin-children .veveditor-vod-table-container, .c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table .veveditor-vod-spin .veveditor-vod-spin-children .veveditor-vod-table-container .veveditor-vod-table-content-scroll {
  height: 100%;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table .veveditor-vod-spin .veveditor-vod-spin-children .veveditor-vod-table-container .veveditor-vod-table-content-scroll .veveditor-vod-table-content-inner {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-m-table.c-m-table-auto-scroll .veveditor-vod-spin .veveditor-vod-spin-children .c-m-table-container > .veveditor-vod-table .veveditor-vod-spin .veveditor-vod-spin-children .veveditor-vod-table-container .veveditor-vod-table-content-scroll .veveditor-vod-table-content-inner .veveditor-vod-table-body {
  flex: 1;
}

.c-m-table .c-m-table-container .veveditor-vod-table-filters, .c-m-table .c-m-table-container .veveditor-vod-table-sorter {
  margin-left: 4px;
}

.c-m-table .c-m-table-load-more-container {
  overflow-y: auto;
  max-height: 460px;
}

.c-m-table .c-m-table-active-row .veveditor-vod-table-td.veveditor-vod-table-col-fixed-left:before, .c-m-table .c-m-table-active-row .veveditor-vod-table-td.veveditor-vod-table-col-fixed-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #fafbfc;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.c-m-table .c-m-table-active-row .veveditor-vod-table-td:not(.veveditor-vod-table-col-fixed-left):not(.veveditor-vod-table-col-fixed-right) {
  background-color: #fafbfc;
}

.c-m-table .c-m-table-pagination-with-toolbar {
  position: sticky;
  z-index: 2;
  background-color: #fff;
  justify-content: space-between;
  padding: 12px 0;
  bottom: 0;
}

.c-m-table .c-m-table-pagination-with-toolbar .veveditor-vod-pagination {
  margin-top: 0;
}

.c-m-table .c-m-table-pagination-with-toolbar .veveditor-vod-pagination-total-text {
  height: auto;
}

.c-m-table .c-m-table-pagination-with-toolbar-highlight {
  -webkit-animation: 1s ease-out toolbar-highlight;
  animation: 1s ease-out toolbar-highlight;
}

@-webkit-keyframes toolbar-highlight {
  0% {
    background-color: #e8f7ff;
  }

  to {
    background-color: #fff;
  }
}

@keyframes toolbar-highlight {
  0% {
    background-color: #e8f7ff;
  }

  to {
    background-color: #fff;
  }
}

.c-m-table-en-US .c-m-inline-edit, .c-m-table-en-US .veveditor-vod-link, .c-m-table-en-US .veveditor-vod-table-td, .c-m-table-en-US .veveditor-vod-table-th {
  font-size: 14px;
}

.veveditor-vod-table-filters-popup .veveditor-vod-radio.veveditor-vod-table-filters-text, .veveditor-vod-table-filters-popup .veveditor-vod-radio:not(.veveditor-vod-table-filters-text) {
  padding-left: 8px;
}

.c-m-table-load-more {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  justify-content: center;
  align-items:  center;
}

.c-m-table-load-more .no-more-data {
  color: #737a87;
}

.c-m-table-load-more .load-more-error span:first-child {
  color: #737a87;
  margin-right: 6px;
}

.c-m-table-load-more .click-load-more, .c-m-table-load-more .load-more-error span:last-child {
  color: rgb(var(--veveditor-vod-primary-6));
  cursor: pointer;
}

.c-m-table-react-resizable-handle {
  cursor: col-resize;
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
}

.c-m-table-resizable-column-title {
  position: relative;
  background-clip: padding-box;
}

.c-m-table-resizable-column-title-fixed {
  position: sticky;
}

.c-m-table-toolbar-row {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.c-m-table-toolbar-row-left {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}

.c-m-table-toolbar-row-right {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.c-m-table-toolbar-row-only-left {
  justify-content: flex-start;
}

.c-m-table-toolbar-row-only-right {
  justify-content: flex-end;
}

.c-m-table-toolbar-item-group {
  display: -ms-flexbox;
  display: flex;
}

.c-m-table-toolbar-item {
  margin-right: 12px;
}

.c-m-table-toolbar-item .veveditor-vod-form-item {
  margin-bottom: 0;
}

.c-m-table-toolbar-item:last-child {
  margin-right: 0;
}

.c-m-table-toolbar-bottom-toolbar-left {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-table-toolbar-bottom-toolbar-left .c-m-operation-menu button {
  height: 28px;
}

.c-m-table-toolbar-bottom-toolbar-selected-info {
  margin-left: 15px;
  margin-right: 12px;
}

.c-m-table-toolbar-bottom-toolbar-selected-info .veveditor-vod-checkbox {
  margin-left: 6px;
  margin-right: 19px;
}

.c-m-table-row:hover .veveditor-vod-table-td .c-m-name-info-copy {
  display: inline;
  position: relative;
  visibility: visible;
}

.c-m-table-row:hover .veveditor-vod-table-td .c-m-popup-edit-popconfirm-edit {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}

.c-m-table-row:hover .veveditor-vod-table-td .c-m-copy {
  visibility: visible;
}

.c-m-table-row .c-m-ellipsis .c-m-icon, .c-m-table-row .c-m-inline-edit .c-m-icon, .c-m-table-row .c-m-name-info .c-m-icon, .c-m-table-row .c-m-popup-edit .c-m-icon {
  font-size: 14px;
}

.c-m-table-comp-filter-search {
  background: #fff;
  border: 1px solid #dde2e9;
  border-radius: 4px;
  margin-top: 5px;
  padding: 16px;
  box-shadow: 0 2px 6px #0000001a;
}

.c-m-table-comp-filter-search .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-default.veveditor-vod-input-search.veveditor-vod-input-search-button > .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-default {
  border: 1px solid #dde2e9;
  border-radius: 4px;
  width: 240px;
}

.c-m-table-comp-filter-search .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-default.veveditor-vod-input-search.veveditor-vod-input-search-button > .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-default:hover {
  background-color: #fff;
  border-color: #4281ff;
}

.c-m-table-comp-filter-search .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-default.veveditor-vod-input-search.veveditor-vod-input-search-button > .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-default.veveditor-vod-input-inner-wrapper-focus, .c-m-table-comp-filter-search .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-default.veveditor-vod-input-search.veveditor-vod-input-search-button > .veveditor-vod-input-group .veveditor-vod-input-inner-wrapper.veveditor-vod-input-inner-wrapper-default:focus {
  background-color: #fff;
  border-color: #05f;
}

.c-m-table-comp-filter-search .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-default.veveditor-vod-input-search.veveditor-vod-input-search-button > .veveditor-vod-input-group .veveditor-vod-input-group-addafter {
  padding-left: 8px;
}

.c-m-table-comp-filter-search .veveditor-vod-input-group-wrapper.veveditor-vod-input-group-wrapper-default.veveditor-vod-input-search.veveditor-vod-input-search-button > .veveditor-vod-input-group .veveditor-vod-input-group-addafter .veveditor-vod-input-search-btn {
  border-radius: 4px;
}

.c-m-table-cell-tags .veveditor-vod-tag {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 116px;
  margin-bottom: 4px;
  margin-right: 4px;
  font-family: PingFang SC;
}

.c-m-table-cell-tags-tip {
  color: #4e5969;
  display: inline-block;
  background: #f2f3f8;
  border-radius: 16px;
  padding: 0 4px;
}

.c-m-table-cell-tags-tip-hover .veveditor-vod-popover-content {
  overflow: auto;
  max-height: 124px;
  padding: 12px;
}

.c-m-table-cell-tags-tip-tag {
  color: #1d2129;
  position: relative;
  margin-bottom: 4px;
  line-height: 20px;
}

.c-m-table-cell-tags-tip-tag > span {
  padding-left: 10px;
}

.c-m-table-cell-tags-tip-tag:before {
  content: "";
  display: block;
  position: absolute;
  background: #c4c4c4;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.c-m-table-comp-col-config-btn-dropdown.veveditor-vod-dropdown-menu {
  min-width: 160px;
  max-width: 220px;
  max-height: 412px;
  padding: 5px 0 0;
}

.c-m-table-comp-col-config-btn-dropdown.veveditor-vod-dropdown-menu .veveditor-vod-dropdown-menu-inner {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items:  center;
  padding: 0;
}

.c-m-table-comp-col-config-btn-dropdown.veveditor-vod-dropdown-menu .veveditor-vod-dropdown-menu-inner .veveditor-vod-dropdown-menu-item {
  width: calc(100% - 10px);
  padding: 0 11px;
}

.c-m-table-comp-col-config-btn-dropdown.veveditor-vod-dropdown-menu .veveditor-vod-dropdown-menu-inner .veveditor-vod-dropdown-menu-item:not(.veveditor-vod-dropdown-menu-disabled):hover:before {
  left: 0;
  right: 0;
}

.c-m-table-comp-col-config-btn-dropdown-select-all {
  display: -ms-flexbox;
  display: flex;
}

.c-m-table-comp-col-config-btn-dropdown-footer {
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  z-index: 1;
  background: #fff;
  flex-direction: column;
  align-items:  center;
  width: 100%;
  padding-top: 1px;
  bottom: 0;
}

.c-m-table-comp-col-config-btn-dropdown-footer-divider.veveditor-vod-divider {
  margin: 0;
}

.c-m-table-comp-col-config-btn-dropdown-footer-reset {
  margin-top: 9px;
  margin-bottom: 8px;
}

.c-m-table-comp-col-config-badge.veveditor-vod-badge-custom-dot {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  border-radius: 0;
  top: 0;
  right: 0;
  transform: none;
}

.c-m-table-comp-col-config-btn-checkbox-item {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  align-items:  center;
}

.c-m-table-comp-col-config-btn-checkbox-item.disabled {
  cursor: not-allowed;
}

.c-m-table-comp-col-config-btn-checkbox-item.disabled-name {
  color: #80838a;
}

.c-m-table-comp-col-config-btn-checkbox-item-name {
  overflow: hidden;
  margin-left: 8px;
}

.c-m-table-comp-col-config-btn-checkbox-item-tooltip {
  flex-shrink: 0;
  margin-left: 4px;
  font-size: 14px;
}

.c-m-table-comp-col-config-btn-btn svg {
  vertical-align: middle;
  font-size: 16px;
}

.c-m-table-comp-col-config-btn-btn.veveditor-vod-btn svg.cloud-icon-Custom-table-columns {
  margin-top: 1px;
  margin-left: 4px;
  font-size: 20px;
}

.c-m-table-comp-col-config-btn-modal {
  max-height: 612px;
}

.c-m-table-comp-col-config-btn-modal-content-select-all {
  margin-bottom: 12px;
}

.c-m-table-comp-col-config-btn-modal-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #eaedf1;
  border-radius: 8px;
  gap: 16px;
  padding: 20px;
}

.c-m-table-comp-col-config-btn-modal-content-wrapper-column {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-basis: 33.33%;
  gap: 12px;
  width: 0;
}

.c-m-table-comp-col-config-btn-modal-buttons {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-table-comp-col-config-btn-modal-buttons-left {
  margin-right: auto;
}

.c-m-table-comp-col-config-btn-modal-buttons-right {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.c-m-table-export-data-btn svg {
  vertical-align: middle;
  font-size: 16px;
}

.c-m-table-export-data-modal .c-m-table-export-data-input-error {
  color: rgb(var(--veveditor-vod-danger-6));
}

.c-m-table-export-data-modal .c-m-table-export-data-section-title {
  color: #0c0d0e;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  line-height: 22px;
}

.c-m-table-export-data-modal .c-m-table-export-data-section-title span:first-child {
  margin-right: 20px;
  font-size: 14px;
  font-weight: 500;
}

.c-m-table-export-data-modal .c-m-table-export-data-range-container {
  margin-bottom: 24px;
}

.c-m-table-export-data-modal .c-m-table-export-data-checkbox-list .veveditor-vod-checkbox-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eaedf1;
  border-radius: 8px;
  width: 100%;
  margin-top: 12px;
  padding: 20px 20px 8px;
}

.c-m-table-export-data-modal .c-m-table-export-data-checkbox-list .veveditor-vod-checkbox-group .veveditor-vod-row {
  flex-wrap: wrap;
}

.c-m-table-export-data-modal .c-m-table-export-data-checkbox-list .veveditor-vod-checkbox-group .veveditor-vod-col {
  margin-bottom: 12px;
}

.c-m-table-comp-func-btn .veveditor-vod-btn.veveditor-vod-btn-secondary.veveditor-vod-btn-icon-only {
  background-color: #fff;
}

.c-m-table-comp-func-btn .veveditor-vod-btn svg {
  color: #4e5969;
  vertical-align: middle;
  font-size: 16px;
}

.c-m-table-comp-refresh-btn svg {
  vertical-align: middle;
  font-size: 16px;
}

.c-m-maskable-children-renderer {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: 0;
}

.c-m-maskable-children-renderer-scroll {
  position: relative;
}

.c-m-maskable-children-renderer-scroll > .veveditor-vod-alert {
  padding-left: 23px;
  padding-right: 24px;
}

.c-m-maskable-children-renderer-shadow {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  inset: 0;
}

.c-m-maskable-children-renderer-both-end {
  flex: none;
}

.c-m-maskable-children-renderer-both-end .veveditor-vod-alert {
  padding-left: 23px;
  padding-right: 24px;
}

.c-m-maskable-form-step {
  margin: 0 auto 16px;
  font-size: 14px;
}

.c-m-maskable-form-step-sticky {
  margin: 24px auto 0;
}

.c-m-maskable-form-header {
  min-height: 32px;
}

.c-m-maskable-form-header > div {
  position: static;
  border: 0;
  padding: 0;
}

.c-m-maskable-form-footer {
  min-height: 32px;
}

.c-m-maskable-form-footer .c-m-cform-footer-render-left {
  text-align: left;
}

.c-m-detail-page-title-select .veveditor-vod-select-view-selector {
  font-size: 18px;
}

.c-m-detail-page-title-select .veveditor-vod-select-view {
  padding: 0 !important;
}

.c-m-agreement {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  align-items:  flex-start;
  margin-left: -5px;
}

.c-m-agreement-checkbox {
  margin-right: 6px;
}

.c-m-agreement-checkbox-container .veveditor-vod-checkbox-mask {
  width: 14px;
  height: 14px;
}

.c-m-agreement-checkbox-container .veveditor-vod-checkbox {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: 22px;
  padding-left: 5px;
}

.c-m-agreement-link {
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
}

.c-m-agreement-link .veveditor-vod-link {
  display: inline;
  font-size: 13px;
  line-height: inherit;
  padding: 0;
}

.c-m-agreement-link-desc {
  border-bottom: 1px dashed #0c0d0e;
  padding-bottom: 4px;
}

.c-m-agreement .veveditor-vod-tooltip-content {
  color: #d7312a;
}

.c-m-agreement .veveditor-vod-trigger-arrow {
  z-index: 1;
}

.c-m-agreement.c-m-agreement-card .c-m-agreement-checkbox-container {
  height: 20px;
}

.c-m-agreement.c-m-agreement-card .c-m-agreement-link {
  font-size: 12px;
  line-height: 20px;
}

.c-m-agreement.c-m-agreement-card .c-m-agreement-link .veveditor-vod-link {
  font-size: 12px;
}

.c-m-brand-banner-container {
  width: 100%;
}

.c-m-brand-banner-inner {
  display: -ms-flexbox;
  display: flex;
}

.c-m-brand-banner-inner-content {
  overflow: hidden;
  flex: 1;
  height: 220px;
  margin-right: 60px;
}

.c-m-brand-banner-inner-content-title {
  color: #0c0d0e;
  margin-top: 40px;
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
}

.c-m-brand-banner-inner-content-description {
  color: #737a87;
  max-width: 600px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 22px;
}

.c-m-brand-banner-inner-content-operation {
  margin-top: 24px;
}

.c-m-brand-banner-inner-thumb {
  height: 220px;
}

.c-m-brand-banner-inner-thumb img {
  width: 480px;
  height: 220px;
}

.c-m-statistic {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 16px 20px;
}

.c-m-statistic-border {
  border: 1px solid #eaedf1;
}

.c-m-statistic-title {
  margin-bottom: 4px;
}

.c-m-statistic-title, .c-m-statistic-unit {
  color: #737a87;
  font-size: 12px;
  font-weight: 500;
}

.c-m-statistic-unit {
  padding-left: 2px;
}

.c-m-statistic-suffix {
  color: #737a87;
  padding-left: 5px;
  font-size: 12px;
}

.c-m-statistic-describe {
  color: #737a87;
  font-size: 12px;
  font-weight: 400;
}

.c-m-statistic-trend-type {
  padding-left: 4px;
}

.c-m-statistic .veveditor-vod-statistic-value-int {
  font-size: 28px;
}

.c-m-statistic-placeholder {
  color: #737a87;
  margin-top: 0;
  font-size: 28px;
  font-weight: 600;
}

.c-m-statistic-link {
  cursor: pointer;
  background: #fff;
}

.c-m-statistic-link:hover {
  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #0000000d;
}

.c-m-statistic-link:active {
  background: #fff;
  border: 1px solid #1664ff;
}

.c-m-statistic-link-disabled {
  cursor: not-allowed;
  background: #fafbfc;
}

.c-m-statistic-link-disabled .c-m-statistic-describe, .c-m-statistic-link-disabled .c-m-statistic-title, .c-m-statistic-link-disabled .c-m-statistic-unit, .c-m-statistic-link-disabled .veveditor-vod-statistic-value {
  color: #c7ccd6;
}

.c-m-statistic-link-disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fafbfc;
}

.c-m-statistic-link-disabled:active {
  background: #fafbfc;
  border: 1px solid #eaedf1;
}

.c-m-statistic-list {
  background: #fff;
  border: 1px solid #eaedf1;
  border-radius: 8px;
}

.c-m-statistic-list-content {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.c-m-statistic-list-title {
  color: #0c0d0e;
  padding: 20px 20px 0;
  font-size: 14px;
  font-weight: 500;
}

.c-m-statistic .veveditor-vod-skeleton-text-row {
  display: none;
}

.c-m-statistic .veveditor-vod-statistic-extra {
  margin-top: 0;
}

.c-m-statistic .veveditor-vod-statistic-title {
  margin-bottom: 3px;
}

.c-m-statistic .veveditor-vod-statistic-content .veveditor-vod-statistic-value {
  display: inline;
}

.c-m-statistic .veveditor-vod-statistic-content .veveditor-vod-statistic-value-suffix {
  margin-left: 2px;
}

.c-m-statistic-countdown {
  padding: 0;
}

.c-m-drawer-table-select-error-message {
  color: #ee3f38;
  display: inline-block;
  font-size: 12px;
}

.c-m-drawer-table-select-tip {
  color: #42464e;
  display: inline-block;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
}

.c-m-tree-transfer .veveditor-vod-transfer-view-header {
  height: auto;
  line-height: normal;
}

.c-m-tree-transfer-tree {
  min-height: 100%;
  padding: 0 12px 0 4px;
}

.c-m-tree-transfer-target-tree-title {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.c-m-tree-transfer-target-tree-title-content {
  flex: 1;
  width: 0;
}

.c-m-tree-transfer-header-content {
  display: -ms-flexbox;
  display: flex;
  color: #0c0d0e;
  justify-content: space-between;
  align-items:  center;
  height: 44px;
  font-weight: 500;
}

.c-m-tree-transfer-header-content .c-m-tree-transfer-header-check-all {
  padding-left: 0;
}

.c-m-tree-transfer-header-search {
  margin: 2px 0 8px;
}

.c-m-tree-transfer-header-right {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-tree-transfer-header-right .c-m-tree-transfer-header-delete-icon {
  width: 16px;
  height: 16px;
  margin-right: 11px;
}

.c-m-tree-transfer .veveditor-vod-tree-node-title {
  flex: 1;
  width: 0;
}

.c-m-tree-transfer .veveditor-vod-tree-node-custom-icon, .c-m-tree-transfer-loading {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
}

.c-m-tree-transfer-loading {
  justify-content: center;
  width: 100%;
  height: 100%;
}

.c-m-tree-transfer-tree-item .veveditor-vod-tree-node-title {
  display: -ms-flexbox;
  display: flex;
  color: #42464e;
  align-items:  center;
}

.c-m-tree-transfer-tree-item .veveditor-vod-tree-node-title-text {
  flex: 1;
  width: 0;
}

.c-m-tree-transfer-load-more-button {
  margin-left: 8px;
}

.c-m-tree-transfer-load-more-button:hover {
  background-color: inherit !important;
}

.c-m-tree-transfer-load-more-button .veveditor-vod-tree-node-icon, .c-m-tree-transfer-load-more-button .veveditor-vod-tree-node-indent, .c-m-tree-transfer-load-more-button .veveditor-vod-tree-node-switcher {
  display: none;
}

.c-m-tree-transfer-load-more-button .veveditor-vod-tree-node-title:hover {
  background: inherit;
}

.c-m-tree-transfer-load-more-button .veveditor-vod-tree-node-title-text {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
}

.c-m-tree-transfer .veveditor-vod-transfer-view-target .veveditor-vod-transfer-view-header {
  padding-right: 0;
}

.c-m-tree-transfer .veveditor-vod-transfer-view-target .veveditor-vod-transfer-view-header .c-m-tree-transfer-header-search {
  padding-right: 12px;
}

.c-m-tree-transfer-load-empty {
  left: calc(80px - 100%);
}

.c-m-tree-transfer-load-custom-info, .c-m-tree-transfer-load-empty {
  color: #86909c;
  position: relative;
  white-space: nowrap;
  width: 0;
  height: 50px;
  font-size: 12px;
  top: 30px;
}

.c-m-tree-transfer-load-custom-info {
  left: calc(20px - 100%);
}

.c-m-card.c-m-card-compact, .c-m-card.c-m-card-link-list, .c-m-card.c-m-card-normal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-m-card.c-m-card-compact.veveditor-vod-card-hoverable:hover, .c-m-card.c-m-card-link-list.veveditor-vod-card-hoverable:hover, .c-m-card.c-m-card-normal.veveditor-vod-card-hoverable:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-m-card.c-m-card-compact .veveditor-vod-card-header, .c-m-card.c-m-card-link-list .veveditor-vod-card-header, .c-m-card.c-m-card-normal .veveditor-vod-card-header {
  display: -ms-flexbox;
  display: flex;
  align-items:  center;
  height: -moz-fit-content;
  height: fit-content;
}

.c-m-card.c-m-card-compact .veveditor-vod-card-header-title, .c-m-card.c-m-card-link-list .veveditor-vod-card-header-title, .c-m-card.c-m-card-normal .veveditor-vod-card-header-title {
  display: -ms-flexbox;
  display: flex;
  color: #0c0d0e;
  align-items:  center;
  font-size: 16px;
  line-height: 24px;
}

.c-m-card.c-m-card-compact .veveditor-vod-card-body, .c-m-card.c-m-card-link-list .veveditor-vod-card-body, .c-m-card.c-m-card-normal .veveditor-vod-card-body {
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.c-m-card.c-m-card-normal {
  opacity: .9;
  border-radius: 8px;
  padding: 16px 20px;
}

.c-m-card.c-m-card-normal.veveditor-vod-card-bordered {
  border: 1px solid #eaedf1;
}

.c-m-card.c-m-card-normal.veveditor-vod-card-hoverable:hover {
  cursor: pointer;
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d;
}

.c-m-card.c-m-card-normal .veveditor-vod-card-header-title {
  gap: 8px;
}

.c-m-card.c-m-card-normal .veveditor-vod-card-body {
  color: #737a87;
  padding-top: 8px;
}

.c-m-card.c-m-card-compact {
  background: #fafbfc;
  border-radius: 8px;
  padding: 12px 16px;
}

.c-m-card.c-m-card-compact.veveditor-vod-card-hoverable:hover {
  cursor: pointer;
  background: #f1f3f5;
}

.c-m-card.c-m-card-compact .veveditor-vod-card-body {
  color: #737a87;
  padding-top: 8px;
}

.c-m-card.c-m-card-link-list {
  border-radius: 8px;
  padding: 0 16px 16px;
}

.c-m-card.c-m-card-link-list.veveditor-vod-card-bordered {
  border: 1px dashed #dde2e9;
}

.c-m-card.c-m-card-link-list.veveditor-vod-card-hoverable:hover {
  border: 1px dashed #0000;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-header-title {
  font-size: 20px;
  line-height: 28px;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-header-extra {
  color: #737a87;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-header-extra:hover {
  color: #1664ff;
  cursor: pointer;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-body {
  color: #42464e;
  padding-top: 16px;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-body .c-m-card-link-card-item {
  display: -ms-flexbox;
  display: flex;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-body .c-m-card-link-card-item-tag {
  margin-right: 8px;
}

.c-m-card.c-m-card-link-list .veveditor-vod-card-body .c-m-card-link-card-item-content:hover {
  color: #1664ff;
  cursor: pointer;
}

.c-m-tabs {
  position: relative;
}

.c-m-tabs-left-bottom-border:before {
  content: "";
  width: 32px;
  height: 36px;
}

.c-m-tabs-left-bottom-border > .veveditor-vod-tabs > .veveditor-vod-tabs-content, .c-m-tabs-left-bottom-border > .veveditor-vod-tabs > .veveditor-vod-tabs-header-nav {
  padding-left: 32px;
}

.c-m-tabs-container .veveditor-vod-tabs {
  overflow: auto;
}

.c-m-tabs-container .veveditor-vod-tabs .veveditor-vod-tabs-content {
  border: none;
}

.c-m-tabs-statistic .c-m-statistic {
  background: none;
}

.c-m-tabs-statistic .c-m-statistic-border {
  border: none;
}

.c-m-tabs-statistic .veveditor-vod-tabs-line.veveditor-vod-tabs-bottom .veveditor-vod-tabs-header-wrapper {
  align-items:  center;
  margin-top: 1px;
}

.c-m-tabs-statistic .veveditor-vod-tabs-header-wrapper {
  align-items:  center;
}

.c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title {
  background-color: var(--color-bg-2);
}

.c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title:hover, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title:hover {
  background-color: var(--color-bg-4);
}

.c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled, .c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled:hover, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled:hover {
  background-color: var(--color-bg-2);
}

.c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled .c-m-statistic-title, .c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled .c-m-statistic-unit, .c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled .veveditor-vod-statistic-value, .c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled:hover .c-m-statistic-title, .c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled:hover .c-m-statistic-unit, .c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-statistic-value, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled .c-m-statistic-title, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled .c-m-statistic-unit, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled .veveditor-vod-statistic-value, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled:hover .c-m-statistic-title, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled:hover .c-m-statistic-unit, .c-m-tabs-statistic .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title-disabled:hover .veveditor-vod-statistic-value {
  color: #c7ccd6;
}

.c-m-tabs-statistic .veveditor-vod-tabs .arco-tabs-header-title-active, .c-m-tabs-statistic .veveditor-vod-tabs .arco-tabs-header-title-active:hover, .c-m-tabs-statistic .veveditor-vod-tabs-header .arco-tabs-header-title-active, .c-m-tabs-statistic .veveditor-vod-tabs-header .arco-tabs-header-title-active:hover {
  background-color: #fff;
}

.c-m-tabs-statistic .veveditor-vod-tabs .veveditor-vod-tabs-header .veveditor-vod-tabs-header-title {
  padding: 0;
}

.c-m-tabs-statistic .veveditor-vod-tabs-card-gutter .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title-active {
  -webkit-box-shadow: inset 0 4px 0 #006eff, inset -1px 0 0 var(--color-border-2), inset 1px 0 0 var(--color-border-2);
  box-shadow: inset 0 4px #006eff, inset -1px 0 0 var(--color-border-2), inset 1px 0 0 var(--color-border-2);
}

.c-m-tabs-statistic .veveditor-vod-tabs-card-gutter .veveditor-vod-tabs-header-nav-card-gutter .veveditor-vod-tabs-header-title {
  border-radius: 8px 8px 0 0;
}

.c-m-tabs-statistic .veveditor-vod-tabs-text .veveditor-vod-tabs-header-nav-text .veveditor-vod-tabs-header-title:not(:first-of-type):before {
  height: 100%;
}

.c-m-tabs-statistic .veveditor-vod-tabs-line .veveditor-vod-tabs-header-nav-line .veveditor-vod-tabs-header-title {
  border-bottom: 1px solid var(--color-neutral-3);
}

.c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title {
  border: 1px solid #eaedf1;
  border-radius: 8px;
  margin: 20px 6px;
  padding: 0;
}

.c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title:first-child {
  margin-left: 0;
}

.c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title:hover {
  background: #fcfdfe;
  box-shadow: 0 5px 15px #0000000d, 0 5px 5px -2px #0000000d;
}

.c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title-disabled, .c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title-disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title-active {
  position: relative;
  box-shadow: inset 0 4px #1664ff;
}

.c-m-tabs-statistic .veveditor-vod-tabs-rounded .veveditor-vod-tabs-header-title-active:hover {
  background: #fcfdfe;
  box-shadow: 0 5px 15px #0000000d, 0 5px 5px -2px #0000000d, inset 0 4px #1664ff;
}

.c-m-config-preview {
  background: #fafbfc;
  background: var(--background-hover-color-bg-3, #fafbfc);
  border: 1px solid #eaedf1;
  border: 1px solid var(--line-color-border-2, #eaedf1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  width: 288px;
  padding: 16px;
}

.c-m-config-preview .veveditor-vod-form-item {
  margin-bottom: 0;
}

.c-m-config-preview .veveditor-vod-form-message {
  height: 0;
  min-height: 0;
}

.c-m-config-preview-title {
  color: var(--text-color-text-1, #0c0d0e);
  height: 22px;
  margin-bottom: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.c-m-config-preview-divider {
  margin: 16px 0;
}

.c-m-config-preview-info {
  width: 100%;
}

.c-m-config-preview-info-list {
  overflow-y: auto;
}

.c-m-config-preview-info .veveditor-vod-descriptions-item-label, .c-m-config-preview-info .veveditor-vod-descriptions-item-value {
  vertical-align: top;
  min-height: 20px;
  padding: 0 4px 8px 0;
  font-size: 12px;
  line-height: 20px;
}

.c-m-config-preview-info .veveditor-vod-descriptions-item-label {
  color: var(--text-color-text-3, #737a87);
}

.c-m-config-preview-info .veveditor-vod-descriptions-item-value {
  color: var(--text-color-text-1, #0c0d0e);
}

.c-m-config-preview-agree {
  margin: 16px 0;
}

.c-m-config-preview-submit {
  width: 100%;
}

.c-m-dropdown {
  display: block;
}

.c-m-link-suffixicon {
  margin-left: 4px;
}

.c-m-conditions-container, .c-m-conditions-group-container {
  display: -ms-flexbox;
  display: flex;
}

.c-m-conditions-container .arco-btn, .c-m-conditions-group-container .arco-btn {
  padding: 0;
}

.c-m-conditions-container .c-m-conditions-content, .c-m-conditions-container .c-m-conditions-group-content, .c-m-conditions-group-container .c-m-conditions-content, .c-m-conditions-group-container .c-m-conditions-group-content {
  position: relative;
  flex: none;
}

.c-m-conditions-container .c-m-conditions-content .c-m-conditions-view, .c-m-conditions-container .c-m-conditions-group-content .c-m-conditions-view, .c-m-conditions-group-container .c-m-conditions-content .c-m-conditions-view, .c-m-conditions-group-container .c-m-conditions-group-content .c-m-conditions-view {
  position: relative;
}

.c-m-conditions-container .c-m-conditions-content .c-m-conditions-view > div:only-child, .c-m-conditions-container .c-m-conditions-group-content .c-m-conditions-view > div:only-child, .c-m-conditions-group-container .c-m-conditions-content .c-m-conditions-view > div:only-child, .c-m-conditions-group-container .c-m-conditions-group-content .c-m-conditions-view > div:only-child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-m-conditions-container .c-m-conditions-content .c-m-conditions-condition-delete, .c-m-conditions-container .c-m-conditions-group-content .c-m-conditions-condition-delete, .c-m-conditions-group-container .c-m-conditions-content .c-m-conditions-condition-delete, .c-m-conditions-group-container .c-m-conditions-group-content .c-m-conditions-condition-delete {
  display: inline-block;
  height: 32px;
}

.c-m-conditions-container .c-m-conditions-content .c-m-conditions-condition-delete-icon, .c-m-conditions-container .c-m-conditions-group-content .c-m-conditions-condition-delete-icon, .c-m-conditions-group-container .c-m-conditions-content .c-m-conditions-condition-delete-icon, .c-m-conditions-group-container .c-m-conditions-group-content .c-m-conditions-condition-delete-icon {
  vertical-align: bottom;
}

.c-m-conditions-container .c-m-conditions-condition-clear, .c-m-conditions-group-container .c-m-conditions-condition-clear {
  position: absolute;
  font-weight: 400;
  right: 1em;
}

.c-m-conditions-container .c-m-conditions-group-wrapper > .c-m-conditions-group-delete, .c-m-conditions-group-container .c-m-conditions-group-wrapper > .c-m-conditions-group-delete {
  position: absolute;
  margin-top: -2.5em;
  right: .5em;
}

.c-m-conditions-relation {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items:  center;
  margin-right: 12px;
}

.c-m-conditions-relation-lower-line, .c-m-conditions-relation-upper-line {
  border: 1px solid #eaedf1;
  border-right: none;
  flex: auto;
  width: 12px;
  margin-left: 12px;
}

.c-m-conditions-relation-upper-line {
  border-bottom: none;
  border-radius: 4px 0;
  margin-top: 1em;
}

.c-m-conditions-relation-lower-line {
  border-top: none;
  border-radius: 0 0 0 4px;
  margin-top: 4px;
  margin-bottom: 1em;
}

.c-m-conditions-relation-lower-line.view {
  margin-top: 0;
}

.c-m-conditions-body > .c-m-conditions-relation > .c-m-conditions-relation-upper-line.view {
  margin-top: 2em;
}

.c-m-conditions-body > .c-m-conditions-relation > .c-m-conditions-relation-lower-line.view {
  margin-bottom: 1.5em;
}

.c-m-conditions-relation-select {
  width: 80px;
}

.c-m-conditions-relation-toggle {
  cursor: pointer;
  position: relative;
}

.c-m-conditions-relation-card {
  color: #737a87;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f3f7ff;
  border: 1px solid;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  transition: top .2s, left .2s;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  padding: 0 !important;
}

.c-m-conditions-relation-card .c-m-ellipsis-content {
  margin: 0 auto;
  padding: 0 !important;
}

.c-m-conditions-relation-card.c-m-conditions-relation-small {
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
}

.c-m-conditions-relation-card.c-m-conditions-relation-first {
  color: #2a814b;
  background-color: #eef9f1;
}

.c-m-conditions-relation-card.c-m-conditions-relation-second {
  color: #1664ff;
  position: absolute;
  z-index: -1;
  background-color: #f3f7ff;
  top: 4px;
  left: -4px;
}

.c-m-conditions-relation-flipped .c-m-conditions-relation-card.c-m-conditions-relation-first {
  position: absolute;
  top: 4px;
  left: -4px;
}

.c-m-conditions-relation-flipped .c-m-conditions-relation-card.c-m-conditions-relation-second {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}

.c-m-log {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 1px solid #f2f3f5;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.c-m-log.c-m-log-fullscreen {
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.c-m-log-header {
  -ms-flex-preferred-size: max-content;
  flex-basis: max-content;
  background-color: #fff;
}

.c-m-log-header-content-wp {
  border-bottom: 1px solid #f2f3f5;
  padding: 12px 16px;
}

.c-m-log-header-content {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.c-m-log-header-title-content {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.c-m-log-header .theme-tran {
  transform: rotateY(180deg);
}

.c-m-log-header .veveditor-vod-alert-with-title {
  padding: 8px 12px;
}

.c-m-log-content {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0c0d0e;
  overflow-y: hidden;
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  padding: 12px 0 0 12px;
  font-size: 12px;
}

.c-m-log-content .veveditor-vod-spin {
  width: 100%;
}

.c-m-log-content .veveditor-vod-spin-children {
  height: 100%;
}

.c-m-log-content .veveditor-vod-list-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.c-m-log-content .veveditor-vod-list {
  height: 100%;
  padding-right: 24px;
  font-size: 12px;
}

.c-m-log-content-btn {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.c-m-log-content-btn, .c-m-log-content-loading {
  flex-direction: column;
}

.c-m-log-content-loading {
  justify-content: center;
  align-items:  center;
  display: -ms-flexbox !important;
  display: flex !important;
}

.c-m-log-footer {
  -ms-flex-preferred-size: max-content;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-basis: max-content;
  border-top: 1px solid #f2f3f5;
  padding: 16px 20px;
}

.c-m-log-item {
  display: -ms-flexbox;
  display: flex;
  white-space: pre;
  word-break: break-all;
  align-items:  flex-start;
}

.c-m-log-item-serial {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #42464e;
  text-align: right;
  margin-right: 12px;
  padding-right: 12px;
}

.c-m-log.c-m-log-black .c-m-log-content {
  background-color: #0c0d0e;
}

.c-m-log.c-m-log-black .c-m-log-content .veveditor-vod-list {
  color: #fff;
}

.c-m-log.c-m-log-black .c-m-log-item-serial {
  color: #c7ccd6;
}

.veveditor-vod-trigger.theme-1 {
  z-index: 10000;
}

.veveditor-vod-trigger.theme-1 .veveditor-vod-select-popup {
  background-color: #2a2c2f;
  border: none;
}

.veveditor-vod-trigger.theme-1 .veveditor-vod-select-popup .veveditor-vod-select-popup-inner, .veveditor-vod-trigger.theme-1 .veveditor-vod-select-popup .veveditor-vod-select-popup-inner .veveditor-vod-select-option {
  color: #fff;
  background-color: #2a2c2f;
}

.veveditor-vod-trigger.theme-1 .veveditor-vod-select-popup .veveditor-vod-select-popup-inner .veveditor-vod-select-option-hover {
  background-color: #383b3f;
}

.veveditor-vod-pagination.theme-1 > .veveditor-vod-pagination-list .veveditor-vod-pagination-item {
  color: #fff;
  background-color: #2a2c2f;
}

.veveditor-vod-pagination.theme-1 > .veveditor-vod-pagination-list .veveditor-vod-pagination-item.veveditor-vod-pagination-item-active {
  background: #165dff;
}

.veveditor-vod-table.theme-1 .veveditor-vod-table-header {
  background-color: #0000;
}

.veveditor-vod-table.theme-1 .veveditor-vod-table-header th {
  color: #fff;
  background-color: #ffffff14;
}

.veveditor-vod-table.theme-1 .veveditor-vod-table-body {
  background-color: #0000;
}

.veveditor-vod-table.theme-1 .veveditor-vod-table-body td {
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #ffffff42;
}

.veveditor-vod-modal .veveditor-vod-modal-footer .veveditor-vod-btn {
  font-size: 12px !important;
}

.veveditor-vod-modal.theme-1 {
  background-color: #212428;
  box-shadow: 0 0 0 1px #eaedf1, 0 15px 35px -2px #0000000d;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-modal-header {
  border: none;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-modal-title {
  color: #fff;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-modal-content {
  color: #fff;
  padding: 24px 32px;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-modal-footer {
  color: #fff;
  border: none;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-btn-secondary {
  color: #fff;
  background-color: #2a2c2f;
  border: none;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-btn-secondary:hover {
  color: #fff;
  background-color: #2a2c2f;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-btn-primary {
  color: #fff;
  background-color: #165dff;
  border: none;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-btn-primary:hover {
  background-color: #165dff;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-modal-close-icon {
  color: #939aa3;
}

.veveditor-vod-modal.theme-1 .veveditor-vod-modal-close-icon:hover:before {
  background-color: #0000;
}

.veveditor-vod-modal.theme-light {
  background-color: #fff;
  box-shadow: 0 8px 24px #0000001f;
}

.veveditor-vod-modal.theme-light .veveditor-vod-modal-header {
  border: none;
}

.veveditor-vod-modal.theme-light .veveditor-vod-modal-title {
  color: #1d2129;
}

.veveditor-vod-modal.theme-light .veveditor-vod-modal-content {
  color: #4e5969;
  padding: 24px 32px;
}

.veveditor-vod-modal.theme-light .veveditor-vod-modal-footer {
  color: #1d2129;
  border: none;
}

.veveditor-vod-modal.theme-light .veveditor-vod-btn-secondary {
  color: #1d2129;
  background-color: #f2f3f5;
  border: none;
}

.veveditor-vod-modal.theme-light .veveditor-vod-btn-secondary:hover {
  color: #1d2129;
  background-color: #e5e6eb;
}

.veveditor-vod-modal.theme-light .veveditor-vod-btn-primary {
  color: #fff;
  background-color: #165dff;
  border: none;
}

.veveditor-vod-modal.theme-light .veveditor-vod-btn-primary:hover {
  background-color: #4080ff;
}

.veveditor-vod-modal.theme-light .veveditor-vod-modal-close-icon {
  color: #86909c;
}

.veveditor-vod-modal.theme-light .veveditor-vod-modal-close-icon:hover:before {
  background-color: #0000;
}

.veveditor-vod-modal.theme-1.recording-modal .veveditor-vod-modal-content {
  padding: 0 24px 20px;
}

.veveditor-vod-select.theme-1 .veveditor-vod-select-view {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #2a2c2f;
  border: none;
}

.veveditor-vod-select.theme-1 .veveditor-vod-select-view-value {
  color: #fff;
}

.veveditor-vod-select.theme-1 .veveditor-vod-select-focused .veveditor-vod-select-view {
  box-shadow: 0 0 0 2px #353742;
}

.veveditor-vod-select.theme-1:focus:not(.disabled) .veveditor-vod-select-view {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #2a2c2f;
  border: none;
}

.veveditor-vod-select.theme-1 .veveditor-vod-select-view-search > input {
  caret-color: #fff;
  color: #fff;
}

.veveditor-vod-tabs.theme-1 .veveditor-vod-tabs-header-nav {
  background: #1c1e1f;
  background: var(--ve-tabs-bg, #1c1e1f);
}

.veveditor-vod-tabs.theme-1 .veveditor-vod-tabs-header-nav:before {
  background-color: #1c1e1f;
}

.veveditor-vod-tabs.theme-1 .veveditor-vod-tabs-header-title {
  color: #86909c;
}

.veveditor-vod-tabs.theme-1 .veveditor-vod-tabs-header-title.active {
  color: #fff;
  font-weight: 700;
}

.veveditor-vod-tabs.theme-1 > .veveditor-vod-tabs-content {
  color: var(--ve-editor-fg, #949aa4);
  padding: 24px 20px;
}

.veveditor-vod-input.theme-1 {
  color: #fff;
  background-color: #2a2c2f;
  border: none;
}

.veveditor-vod-input.theme-1:focus {
  color: #ffffffde;
  background-color: #2a2c2f;
  box-shadow: 0 0 0 1px #4080ff;
}

.veveditor-vod-input.theme-1.error:not([disabled]):active, .veveditor-vod-input.theme-1.error:not([disabled]):focus {
  box-shadow: 0 0 0 1px #ee4d38;
}

.veveditor-vod-input-number.theme-1 {
  background-color: #0000;
  height: 24px;
}

.veveditor-vod-input-number.theme-1 .veveditor-vod-input-inner-wrapper {
  overflow: hidden;
  background-color: #2a2c2f;
  border: none;
  height: 24px;
}

.veveditor-vod-input-number.theme-1 .veveditor-vod-input-inner-wrapper-focus {
  box-shadow: 0 0 0 1px #599aff;
}

.veveditor-vod-input-number.theme-1 .veveditor-vod-input {
  color: #ffffffde;
  background-color: #0000;
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}

.veveditor-vod-input-number.theme-1 .veveditor-vod-input-number-step-button {
  color: #939aa3;
  background-color: #2a2c2f;
  border: none;
}

.veveditor-vod-slider.theme-1 {
  padding: 0;
}

.veveditor-vod-slider.theme-1 .veveditor-vod-slider-road {
  border-radius: 1px;
}

.veveditor-vod-slider.theme-1 .veveditor-vod-slider-road:before {
  background-color: #00000050;
}

.veveditor-vod-slider.theme-1 .veveditor-vod-slider-bar {
  background-color: #fff;
  border-radius: 1px;
}

.veveditor-vod-slider.theme-1 .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper {
  margin-top: 1px;
}

.veveditor-vod-slider.theme-1 .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper .veveditor-vod-slider-dot {
  background-color: #ffffff61;
  border: none;
  width: 2px;
  height: 2px;
}

.veveditor-vod-slider.theme-1 .veveditor-vod-slider-marks-text {
  color: #86909c;
  font-size: 10px;
}

.veveditor-vod-slider.theme-1-white {
  padding: 0;
}

.veveditor-vod-slider.theme-1-white .veveditor-vod-slider-road {
  background-color: #ffffff14;
  border-radius: 1px;
}

.veveditor-vod-slider.theme-1-white .veveditor-vod-slider-bar {
  background-color: #fff;
  border-radius: 1px;
}

.veveditor-vod-slider.theme-1-white .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper {
  margin-top: 1px;
}

.veveditor-vod-slider.theme-1-white .veveditor-vod-slider-dots .veveditor-vod-slider-dot-wrapper .veveditor-vod-slider-dot {
  background-color: #ffffff61;
  border: none;
  width: 2px;
  height: 2px;
}

.veveditor-vod-slider.theme-1-white .veveditor-vod-slider-marks-text {
  color: #86909c;
  font-size: 10px;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-bar, [data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):before {
  border-radius: 1px;
  height: 2px;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px 2px 4px 4px;
  width: 8px;
  height: 12px;
  margin-top: -2px;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical) .veveditor-vod-slider-button:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 2px 2px 4px 4px;
  width: 8px;
  height: 12px;
  transform: scale(1);
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled):before {
  background-color: #d2d1e0;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-bar, [data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:after {
  background-color: #101013;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:hover {
  box-shadow: 0 2px 4px #10101333, 0 0 1px #10101333;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:hover:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #0000;
  transform: scale(1);
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active, [data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:focus-visible {
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active:after {
  border-color: #0000;
  transform: scale(1);
  box-shadow: 0 0 0 3px #ffffffe0, 0 0 0 4px #10101324;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:focus-visible:after {
  border-color: #0000;
  transform: scale(1);
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #10101352;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-dots .veveditor-vod-slider-dot-active {
  border-color: #101013;
}

[data-theme="light"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-vertical):not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-ticks .veveditor-vod-slider-tick-active {
  background-color: #101013;
}

[data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:hover {
  box-shadow: 0 2px 4px #00000047, 0 0 0 1px #ebebf547;
}

[data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:hover:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ebebf5b8;
  transform: scale(1);
}

[data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active, [data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:focus-visible {
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button-active:after {
  border-color: #ebebf5b8;
  transform: scale(1);
  box-shadow: 0 4px 4px #00000040, 0 2px 4px #00000047, 0 0 0 3px #ebebf56b;
}

[data-theme="dark"] .veveditor-vod-slider .veveditor-vod-slider-road:not(.veveditor-vod-slider .veveditor-vod-slider-road.veveditor-vod-slider-road-disabled) .veveditor-vod-slider-button:focus-visible:after {
  border-color: #ebebf5b8;
  transform: scale(1);
  box-shadow: 0 0 0 2px #ebebf5e0, 0 0 0 3px #ffffff2e;
}

.veveditor-vod-spin.panel:not(.theme-1) .veveditor-vod-spin-icon {
  color: #101013;
}

.veveditor-vod-spin.theme-1 .veveditor-vod-spin-loading-icon {
  background-color: #1a1a1a;
}

.veveditor-vod-spin.theme-1 .veveditor-vod-input-inner-wrapper {
  border: none !important;
}

.veveditor-vod-spin.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input {
  background: #2a2c2f;
  color: #fff !important;
  border: none !important;
}

.veveditor-vod-spin.theme-1 .addbefore {
  background-color: #2a2c2f !important;
  border: none !important;
}

.veveditor-vod-spin.theme-1 .veveditor-vod-spin-children:after {
  background-color: #1a1a1a;
}

.veveditor-vod-spin.theme-1 .veveditor-vod-spin-children {
  height: 100%;
}

.veveditor-vod-spin.theme-1.panel .veveditor-vod-spin-children:after, .veveditor-vod-spin.theme-1.panel .veveditor-vod-spin-loading-icon {
  background-color: #1a1a1a;
  background-color: var(--ve-layout-content-bg, #1a1a1a);
}

.veveditor-vod-spin.theme-1.panel .veveditor-vod-spin-icon, .veveditor-vod-spin.theme-1.panel .veveditor-vod-spin-tip {
  color: #fff;
}

textarea.theme-1 {
  color: #fff;
  resize: none;
  background-color: #2a2c2f;
  border: none;
  font-size: 14px;
}

textarea.theme-1:focus {
  box-shadow: 0 0 1px #4080ff;
}

textarea.theme-1:focus, textarea.theme-1:hover {
  background-color: #2a2c2f;
}

.veveditor-vod-popover.theme-1 .veveditor-vod-popover-inner-content {
  padding: 0;
}

.veveditor-vod-popover.theme-1 .veveditor-vod-popover-arrow {
  background-color: #292929;
}

.veveditor-vod-tooltip.dark.theme-1 .veveditor-vod-tooltip-content {
  background-color: #2e3033;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  padding: 6px 10px;
}

.veveditor-vod-tooltip.dark.theme-1 .veveditor-vod-tooltip-arrow {
  background-color: #2e3033;
  border-style: solid;
  border-color: #ffffff14;
}

.veveditor-vod-tooltip.dark.theme-1.veveditor-vod-trigger-position-top .veveditor-vod-tooltip-arrow {
  border-width: 0 1px 1px 0;
  border-radius: 0 0 4px;
}

.veveditor-vod-tooltip.dark.theme-1.veveditor-vod-trigger-position-right .veveditor-vod-tooltip-arrow {
  border-width: 0 0 1px 1px;
  border-radius: 0 0 0 4px;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper {
  background-color: #2a2c2f;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input {
  color: #fff;
  background-color: #0000;
  border: none;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input:not([disabled]):active, .veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input:not([disabled]):focus {
  box-shadow: 0 0 #4080ff;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input.error:not([disabled]):active, .veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input.error:not([disabled]):focus {
  box-shadow: 0 0 0 1px #ee4d38;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper .veveditor-vod-input-group-suffix {
  color: #fff;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-group-addbefore {
  background-color: #2a2c2f;
  border-right: none;
  padding: 0;
}

.veveditor-vod-input-has-suffix.theme-1 .veveditor-vod-input-inner-wrapper-focus {
  border: none;
  box-shadow: 0 0 0 1px #4080ff;
}

.veveditor-vod-input-search.theme-1 .veveditor-vod-input-group-addbefore, .veveditor-vod-input-search.theme-1 .veveditor-vod-input-inner-wrapper {
  background-color: #2a2c2f;
}

.veveditor-vod-form-item-status-error .veveditor-vod-input-inner-wrapper:not(.veveditor-vod-input-inner-wrapper-disabled), .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled), .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus, .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):focus:hover, .veveditor-vod-form-item-status-error .veveditor-vod-input:not(.veveditor-vod-input-disabled):hover, .veveditor-vod-form-item-status-error .veveditor-vod-textarea:not(.veveditor-vod-textarea-disabled) {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  box-shadow: 0 0 0 2px rgba(var(--veveditor-vod-danger-6), .3);
  background-color: #2a2c2f;
}

.overlay-VMxr4i {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 9999;
  background: #00000073;
  justify-content: center;
  align-items:  center;
  inset: 0;
}

.dialog-YfxXu6 {
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  width: min(480px, 100% - 32px);
}

.header-hFH2GB {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding: 16px 20px 0;
}

.title-QtCkfk {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.closeBtn-dYgQcK {
  cursor: pointer;
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
}

.body-AG85mi {
  padding: 12px 20px 20px;
  font-size: 14px;
  line-height: 22px;
}

.extra-QCqVI_ {
  margin-top: 12px;
}

.linkRow-huRC5s {
  margin-top: 0;
}

.footer-B8GhQS {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 20px 20px;
}

.button-uBorYy {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  min-width: 88px;
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
}

.linkAction-rX28cd {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
}

.dialogDark-w4jGSY {
  background: #212428;
  box-shadow: 0 0 0 1px #eaedf1, 0 15px 35px -2px #0000000d;
}

.dialogDark-w4jGSY .title-QtCkfk {
  color: #fff;
}

.dialogDark-w4jGSY .closeBtn-dYgQcK {
  color: #939aa3;
}

.dialogDark-w4jGSY .body-AG85mi {
  color: #c9cdd4;
}

.dialogDark-w4jGSY .linkAction-rX28cd {
  color: #165dff;
}

.dialogDark-w4jGSY .dismissButton-qlZAkA, .dialogDark-w4jGSY .refreshButton-lOdjOi {
  color: #fff;
  background: #101013;
}

.dialogDark-w4jGSY .dismissButton-qlZAkA:hover, .dialogDark-w4jGSY .refreshButton-lOdjOi:hover {
  background: #2e2e32;
}

.dialogLight-ILNqvX {
  background: #fff;
  border: 1px solid #e5e6eb;
  box-shadow: 0 4px 20px #0000001a;
}

.dialogLight-ILNqvX .title-QtCkfk {
  color: #1d2129;
}

.dialogLight-ILNqvX .body-AG85mi, .dialogLight-ILNqvX .closeBtn-dYgQcK {
  color: #4e5969;
}

.dialogLight-ILNqvX .linkAction-rX28cd {
  color: #165dff;
}

.dialogLight-ILNqvX .dismissButton-qlZAkA, .dialogLight-ILNqvX .refreshButton-lOdjOi {
  color: #fff;
  background: #101013;
}

.dialogLight-ILNqvX .dismissButton-qlZAkA:hover, .dialogLight-ILNqvX .refreshButton-lOdjOi:hover {
  background: #2e2e32;
}

:root {
  --color-primary-50: oklch(.975 .008 286.3);
  --color-primary-100: oklch(.943 .0134 286.1);
  --color-primary-200: oklch(.907 .0162 286.1);
  --color-primary-300: oklch(.866 .0206 289);
  --color-primary-400: oklch(.784 .0169 289.8);
  --color-primary-500: oklch(.341 .0156 290.6);
  --color-primary-600: oklch(.241 .0076 285.8);
  --color-primary-700: oklch(.174 .0061 285.7);
  --color-primary-800: oklch(.14 .0058 285.6);
  --color-primary-900: oklch(.108 .0053 285.5);
  --color-primary-950: oklch(.08 .0048 285.4);
  --color-blue-50: oklch(.977 .0108 256.7);
  --color-blue-100: oklch(.959 .0195 260.2);
  --color-blue-200: oklch(.904 .0464 262.5);
  --color-blue-300: oklch(.815 .0929 259.6);
  --color-blue-400: oklch(.694 .1611 259.5);
  --color-blue-500: oklch(.608 .2128 261.1);
  --color-blue-600: oklch(.562 .2412 262.2);
  --color-blue-700: oklch(.483 .2266 263.2);
  --color-blue-800: oklch(.422 .1999 264.1);
  --color-blue-900: oklch(.369 .1542 264);
  --color-blue-950: oklch(.273 .1058 265.2);
  --color-cyan-50: oklch(.988 .0127 202.9);
  --color-cyan-100: oklch(.972 .0294 204.5);
  --color-cyan-200: oklch(.941 .06 205.3);
  --color-cyan-300: oklch(.889 .1057 208.3);
  --color-cyan-400: oklch(.823 .1452 214.7);
  --color-cyan-500: oklch(.771 .1446 223.9);
  --color-cyan-600: oklch(.71 .1432 231);
  --color-cyan-700: oklch(.633 .1354 235.6);
  --color-cyan-800: oklch(.544 .1156 235.1);
  --color-cyan-900: oklch(.456 .0935 232.4);
  --color-cyan-950: oklch(.341 .0686 230.8);
  --color-purple-50: oklch(.975 .0134 295.3);
  --color-purple-100: oklch(.95 .0272 297.3);
  --color-purple-200: oklch(.891 .0592 294.8);
  --color-purple-300: oklch(.794 .1142 292.7);
  --color-purple-400: oklch(.677 .1828 288.8);
  --color-purple-500: oklch(.596 .2257 280.8);
  --color-purple-600: oklch(.546 .2381 278.7);
  --color-purple-700: oklch(.463 .2242 277.7);
  --color-purple-800: oklch(.374 .1928 276.8);
  --color-purple-900: oklch(.282 .1474 278.1);
  --color-purple-950: oklch(.208 .1048 281.3);
  --color-yellow-50: oklch(.993 .0107 95.2);
  --color-yellow-100: oklch(.987 .0227 96);
  --color-yellow-200: oklch(.943 .1109 99.3);
  --color-yellow-300: oklch(.894 .1526 97.4);
  --color-yellow-400: oklch(.839 .1662 92.7);
  --color-yellow-500: oklch(.774 .1557 87.8);
  --color-yellow-600: oklch(.679 .1393 84.1);
  --color-yellow-700: oklch(.614 .1264 83);
  --color-yellow-800: oklch(.539 .1106 84.6);
  --color-yellow-900: oklch(.457 .0936 84.9);
  --color-yellow-950: oklch(.358 .0734 85.4);
  --color-red-50: oklch(.98 .0098 25.1);
  --color-red-100: oklch(.958 .0209 24.8);
  --color-red-200: oklch(.902 .051 22.6);
  --color-red-300: oklch(.809 .1079 24.6);
  --color-red-400: oklch(.695 .1739 26.2);
  --color-red-500: oklch(.612 .2061 28.3);
  --color-red-600: oklch(.565 .2162 29);
  --color-red-700: oklch(.504 .1923 28.8);
  --color-red-800: oklch(.43 .1636 28.4);
  --color-red-900: oklch(.346 .128 26.8);
  --color-red-950: oklch(.251 .0883 25.6);
  --color-orange-50: oklch(.983 .011 63.4);
  --color-orange-100: oklch(.964 .0219 58.8);
  --color-orange-200: oklch(.907 .0608 61.3);
  --color-orange-300: oklch(.841 .1075 59.7);
  --color-orange-400: oklch(.771 .159 57);
  --color-orange-500: oklch(.742 .1794 54.2);
  --color-orange-600: oklch(.723 .1897 50.5);
  --color-orange-700: oklch(.648 .1708 50.2);
  --color-orange-800: oklch(.56 .1463 50.8);
  --color-orange-900: oklch(.454 .1153 52.9);
  --color-orange-950: oklch(.33 .083 53.8);
  --color-green-50: oklch(.983 .0123 157);
  --color-green-100: oklch(.965 .0214 158.6);
  --color-green-200: oklch(.916 .0553 155.6);
  --color-green-300: oklch(.844 .1025 154.5);
  --color-green-400: oklch(.75 .1545 151.2);
  --color-green-500: oklch(.682 .1703 150.3);
  --color-green-600: oklch(.627 .1699 149.2);
  --color-green-700: oklch(.527 .1396 149.7);
  --color-green-800: oklch(.44 .1116 150.9);
  --color-green-900: oklch(.361 .0874 151.9);
  --color-green-950: oklch(.264 .0601 152.6);
  --color-teal-50: oklch(.983 .0106 189.8);
  --color-teal-100: oklch(.965 .0201 189.2);
  --color-teal-200: oklch(.913 .0478 188.2);
  --color-teal-300: oklch(.84 .0857 186.3);
  --color-teal-400: oklch(.745 .1161 184.3);
  --color-teal-500: oklch(.679 .1174 182.5);
  --color-teal-600: oklch(.6 .1038 184.7);
  --color-teal-700: oklch(.507 .0864 186.4);
  --color-teal-800: oklch(.422 .0711 185.5);
  --color-teal-900: oklch(.346 .057 186.1);
  --color-teal-950: oklch(.251 .0399 184.1);
  --color-moss-50: oklch(.981 .011 123.5);
  --color-moss-100: oklch(.962 .0218 121);
  --color-moss-200: oklch(.91 .0529 120.3);
  --color-moss-300: oklch(.829 .0956 120.7);
  --color-moss-400: oklch(.732 .1366 123.1);
  --color-moss-500: oklch(.654 .1411 123.8);
  --color-moss-600: oklch(.589 .1346 124.9);
  --color-moss-700: oklch(.501 .1135 124.8);
  --color-moss-800: oklch(.422 .0931 125);
  --color-moss-900: oklch(.35 .0749 124.6);
  --color-moss-950: oklch(.26 .0526 123.4);
  --color-pink-50: oklch(.979 .0125 345.5);
  --color-pink-100: oklch(.957 .0262 347.1);
  --color-pink-200: oklch(.904 .0597 348.5);
  --color-pink-300: oklch(.826 .1141 351.1);
  --color-pink-400: oklch(.74 .1823 353.9);
  --color-pink-500: oklch(.674 .2144 356.6);
  --color-pink-600: oklch(.616 .2167 358.2);
  --color-pink-700: oklch(.534 .1971 358.7);
  --color-pink-800: oklch(.453 .1654 357.7);
  --color-pink-900: oklch(.368 .1311 356.4);
  --color-pink-950: oklch(.266 .093 354.6);
  --color-rose-50: oklch(.978 .011 3.5);
  --color-rose-100: oklch(.959 .0208 10.2);
  --color-rose-200: oklch(.906 .0501 7.4);
  --color-rose-300: oklch(.821 .1043 6.9);
  --color-rose-400: oklch(.718 .1675 9.9);
  --color-rose-500: oklch(.649 .1937 12.8);
  --color-rose-600: oklch(.583 .2055 14.4);
  --color-rose-700: oklch(.499 .1786 13.9);
  --color-rose-800: oklch(.423 .1482 13);
  --color-rose-900: oklch(.344 .1177 12.2);
  --color-rose-950: oklch(.248 .081 11.3);
  --color-gray-50: oklch(.975 .008 286.3);
  --color-gray-100: oklch(.943 .0134 286.1);
  --color-gray-200: oklch(.907 .0162 286.1);
  --color-gray-300: oklch(.866 .0206 289);
  --color-gray-400: oklch(.784 .0169 289.8);
  --color-gray-500: oklch(.688 .0175 293.6);
  --color-gray-600: oklch(.577 .0123 297.4);
  --color-gray-700: oklch(.465 .0177 289.9);
  --color-gray-800: oklch(.341 .0156 290.6);
  --color-gray-900: oklch(.241 .0076 285.8);
  --color-gray-950: oklch(.174 .0061 285.7);
  --color-primary-dark-50: oklch(.235 .0153 290.9);
  --color-primary-dark-100: oklch(.28 .0146 285.4);
  --color-primary-dark-200: oklch(.327 .0141 279.9);
  --color-primary-dark-300: oklch(.38 .0138 274.6);
  --color-primary-dark-400: oklch(.414 .0135 274.6);
  --color-primary-dark-500: oklch(.712 .0144 286);
  --color-primary-dark-600: oklch(.959 .0081 278.6);
  --color-primary-dark-700: oklch(.968 .0054 275);
  --color-primary-dark-800: oklch(.976 .0041 271.4);
  --color-primary-dark-900: oklch(.982 .0041 271.4);
  --color-primary-dark-950: oklch(.991 .0029 264.5);
  --color-blue-dark-50: oklch(.273 .1058 265.2);
  --color-blue-dark-100: oklch(.369 .1542 264);
  --color-blue-dark-200: oklch(.422 .1999 264.1);
  --color-blue-dark-300: oklch(.483 .2266 263.2);
  --color-blue-dark-400: oklch(.562 .2412 262.2);
  --color-blue-dark-500: oklch(.608 .2128 261.1);
  --color-blue-dark-600: oklch(.694 .1611 259.5);
  --color-blue-dark-700: oklch(.815 .0929 259.6);
  --color-blue-dark-800: oklch(.904 .0464 262.5);
  --color-blue-dark-900: oklch(.959 .0195 260.2);
  --color-blue-dark-950: oklch(.977 .0108 256.7);
  --color-purple-dark-50: oklch(.217 .0882 284.8);
  --color-purple-dark-100: oklch(.298 .1218 282.3);
  --color-purple-dark-200: oklch(.379 .1623 280.5);
  --color-purple-dark-300: oklch(.46 .2029 279.4);
  --color-purple-dark-400: oklch(.546 .2381 278.7);
  --color-purple-dark-500: oklch(.596 .2257 280.8);
  --color-purple-dark-600: oklch(.619 .2151 284.9);
  --color-purple-dark-700: oklch(.696 .1714 289.6);
  --color-purple-dark-800: oklch(.794 .1142 292.7);
  --color-purple-dark-900: oklch(.891 .0592 294.8);
  --color-purple-dark-950: oklch(.95 .0272 297.3);
  --color-cyan-dark-50: oklch(.31 .0592 225.9);
  --color-cyan-dark-100: oklch(.414 .0821 229.6);
  --color-cyan-dark-200: oklch(.516 .1059 232.5);
  --color-cyan-dark-300: oklch(.617 .1255 231.8);
  --color-cyan-dark-400: oklch(.71 .1432 231);
  --color-cyan-dark-500: oklch(.771 .1446 223.9);
  --color-cyan-dark-600: oklch(.811 .1405 215.5);
  --color-cyan-dark-700: oklch(.851 .1282 212.2);
  --color-cyan-dark-800: oklch(.898 .0934 209.3);
  --color-cyan-dark-900: oklch(.945 .0501 208.8);
  --color-cyan-dark-950: oklch(.977 .0223 207.1);
  --color-yellow-dark-50: oklch(.26 .0532 87.4);
  --color-yellow-dark-100: oklch(.361 .0738 86.8);
  --color-yellow-dark-200: oklch(.449 .0919 85.2);
  --color-yellow-dark-300: oklch(.545 .1119 83.5);
  --color-yellow-dark-400: oklch(.65 .1334 84.3);
  --color-yellow-dark-500: oklch(.707 .1438 85.2);
  --color-yellow-dark-600: oklch(.774 .1557 87.8);
  --color-yellow-dark-700: oklch(.839 .1662 92.7);
  --color-yellow-dark-800: oklch(.894 .1526 97.4);
  --color-yellow-dark-900: oklch(.943 .1109 99.3);
  --color-yellow-dark-950: oklch(.987 .0227 96);
  --color-red-dark-50: oklch(.216 .0718 25.5);
  --color-red-dark-100: oklch(.299 .1058 26.5);
  --color-red-dark-200: oklch(.382 .1404 27.8);
  --color-red-dark-300: oklch(.473 .1784 28.6);
  --color-red-dark-400: oklch(.565 .2162 29);
  --color-red-dark-500: oklch(.612 .2061 28.3);
  --color-red-dark-600: oklch(.659 .1954 27.1);
  --color-red-dark-700: oklch(.733 .1637 25.4);
  --color-red-dark-800: oklch(.809 .1079 24.6);
  --color-red-dark-900: oklch(.902 .051 22.6);
  --color-red-dark-950: oklch(.958 .0209 24.8);
  --color-orange-dark-50: oklch(.287 .0688 57.7);
  --color-orange-dark-100: oklch(.4 .0976 56.3);
  --color-orange-dark-200: oklch(.508 .1269 54.2);
  --color-orange-dark-300: oklch(.611 .1556 52.7);
  --color-orange-dark-400: oklch(.723 .1897 50.5);
  --color-orange-dark-500: oklch(.742 .1794 54.2);
  --color-orange-dark-600: oklch(.748 .1751 55);
  --color-orange-dark-700: oklch(.79 .1478 59.3);
  --color-orange-dark-800: oklch(.841 .1075 59.7);
  --color-orange-dark-900: oklch(.907 .0608 61.3);
  --color-orange-dark-950: oklch(.964 .0219 58.8);
  --color-green-dark-50: oklch(.242 .0558 152.5);
  --color-green-dark-100: oklch(.334 .0838 150.5);
  --color-green-dark-200: oklch(.424 .1091 150.4);
  --color-green-dark-300: oklch(.52 .1391 149.4);
  --color-green-dark-400: oklch(.627 .1699 149.2);
  --color-green-dark-500: oklch(.682 .1703 150.3);
  --color-green-dark-600: oklch(.701 .1686 150.5);
  --color-green-dark-700: oklch(.769 .1442 152.4);
  --color-green-dark-800: oklch(.844 .1025 154.5);
  --color-green-dark-900: oklch(.916 .0553 155.6);
  --color-green-dark-950: oklch(.965 .0214 158.6);
  --color-teal-dark-50: oklch(.248 .0388 186.6);
  --color-teal-dark-100: oklch(.333 .0544 185.6);
  --color-teal-dark-200: oklch(.419 .0705 185.4);
  --color-teal-dark-300: oklch(.507 .0865 185.3);
  --color-teal-dark-400: oklch(.6 .1038 184.7);
  --color-teal-dark-500: oklch(.656 .113 183.5);
  --color-teal-dark-600: oklch(.725 .1185 184.4);
  --color-teal-dark-700: oklch(.804 .1091 184.9);
  --color-teal-dark-800: oklch(.876 .0809 185.1);
  --color-teal-dark-900: oklch(.935 .0459 186.3);
  --color-teal-dark-950: oklch(.972 .0223 186.5);
  --color-moss-dark-50: oklch(.255 .0521 125.1);
  --color-moss-dark-100: oklch(.347 .0748 124.7);
  --color-moss-dark-200: oklch(.422 .0931 125);
  --color-moss-dark-300: oklch(.501 .1135 124.8);
  --color-moss-dark-400: oklch(.589 .1346 124.9);
  --color-moss-dark-500: oklch(.622 .1435 125.1);
  --color-moss-dark-600: oklch(.688 .1496 124.9);
  --color-moss-dark-700: oklch(.769 .1322 123.7);
  --color-moss-dark-800: oklch(.85 .098 123.5);
  --color-moss-dark-900: oklch(.921 .0565 123.9);
  --color-moss-dark-950: oklch(.968 .0208 124.7);
  --color-pink-dark-50: oklch(.255 .0844 357.5);
  --color-pink-dark-100: oklch(.351 .1216 357.5);
  --color-pink-dark-200: oklch(.439 .1547 357.9);
  --color-pink-dark-300: oklch(.524 .1877 358.2);
  --color-pink-dark-400: oklch(.616 .2167 358.2);
  --color-pink-dark-500: oklch(.674 .2144 356.6);
  --color-pink-dark-600: oklch(.709 .2113 354.1);
  --color-pink-dark-700: oklch(.768 .1632 350.6);
  --color-pink-dark-800: oklch(.842 .106 347.5);
  --color-pink-dark-900: oklch(.921 .0503 345.8);
  --color-pink-dark-950: oklch(.969 .0185 347.4);
  --color-rose-dark-50: oklch(.241 .0774 11.3);
  --color-rose-dark-100: oklch(.334 .1123 12.5);
  --color-rose-dark-200: oklch(.414 .1423 13.4);
  --color-rose-dark-300: oklch(.495 .1735 14);
  --color-rose-dark-400: oklch(.583 .2055 14.4);
  --color-rose-dark-500: oklch(.649 .1937 12.8);
  --color-rose-dark-600: oklch(.687 .1911 7.9);
  --color-rose-dark-700: oklch(.76 .1504 5.7);
  --color-rose-dark-800: oklch(.838 .0949 3.6);
  --color-rose-dark-900: oklch(.918 .0449 2.5);
  --color-rose-dark-950: oklch(.968 .017 359.3);
  --color-gray-dark-50: oklch(.181 .0143 284.9);
  --color-gray-dark-100: oklch(.235 .0153 290.9);
  --color-gray-dark-200: oklch(.327 .0228 288.6);
  --color-gray-dark-300: oklch(.397 .0185 293.9);
  --color-gray-dark-400: oklch(.496 .0174 285.8);
  --color-gray-dark-500: oklch(.588 .014 301.1);
  --color-gray-dark-600: oklch(.696 .0089 301.3);
  --color-gray-dark-700: oklch(.8 .0169 293.7);
  --color-gray-dark-800: oklch(.855 .0027 286.3);
  --color-gray-dark-900: oklch(.903 .0108 286.2);
  --color-gray-dark-950: oklch(.954 .0093 286.2);
  --color-white: oklch(1 0 0);
  --color-success-50: var(--color-green-50);
  --color-success-100: var(--color-green-100);
  --color-success-200: var(--color-green-200);
  --color-success-300: var(--color-green-300);
  --color-success-400: var(--color-green-400);
  --color-success-500: var(--color-green-500);
  --color-success-600: var(--color-green-600);
  --color-success-700: var(--color-green-700);
  --color-success-800: var(--color-green-800);
  --color-success-900: var(--color-green-900);
  --color-success-950: var(--color-green-950);
  --color-warning-50: var(--color-orange-50);
  --color-warning-100: var(--color-orange-100);
  --color-warning-200: var(--color-orange-200);
  --color-warning-300: var(--color-orange-300);
  --color-warning-400: var(--color-orange-400);
  --color-warning-500: var(--color-orange-500);
  --color-warning-600: var(--color-orange-600);
  --color-warning-700: var(--color-orange-700);
  --color-warning-800: var(--color-orange-800);
  --color-warning-900: var(--color-orange-900);
  --color-warning-950: var(--color-orange-950);
  --color-danger-50: var(--color-rose-50);
  --color-danger-100: var(--color-rose-100);
  --color-danger-200: var(--color-rose-200);
  --color-danger-300: var(--color-rose-300);
  --color-danger-400: var(--color-rose-400);
  --color-danger-500: var(--color-rose-500);
  --color-danger-600: var(--color-rose-600);
  --color-danger-700: var(--color-rose-700);
  --color-danger-800: var(--color-rose-800);
  --color-danger-900: var(--color-rose-900);
  --color-danger-950: var(--color-rose-950);
  --color-info-50: var(--color-blue-50);
  --color-info-100: var(--color-blue-100);
  --color-info-200: var(--color-blue-200);
  --color-info-300: var(--color-blue-300);
  --color-info-400: var(--color-blue-400);
  --color-info-500: var(--color-blue-500);
  --color-info-600: var(--color-blue-600);
  --color-info-700: var(--color-blue-700);
  --color-info-800: var(--color-blue-800);
  --color-info-900: var(--color-blue-900);
  --color-info-950: var(--color-blue-950);
  --color-bg-base: var(--color-white);
  --color-bg-surface: var(--color-gray-50);
  --color-bg-overlay: var(--color-white);
  --color-bg-muted: var(--color-gray-100);
  --color-bg-control: var(--color-white);
  --color-bg-inverse: var(--color-gray-950);
  --color-bg-primary: var(--color-primary-600);
  --color-bg-secondary: var(--color-primary-50);
  --color-text-primary: var(--color-gray-950);
  --color-text-secondary: var(--color-gray-800);
  --color-text-tertiary: var(--color-gray-600);
  --color-text-disable: var(--color-primary-400);
  --color-text-foreground: var(--color-white);
  --color-text-accent: var(--color-primary-600);
  --color-icon-primary: var(--color-text-secondary);
  --color-icon-secondary: var(--color-text-tertiary);
  --color-icon-disable: var(--color-text-disable);
  --color-icon-foreground: var(--color-text-foreground);
  --color-icon-accent: var(--color-text-accent);
  --color-border-default: var(--color-gray-300);
  --color-border-strong: var(--color-gray-400);
  --color-border-interactive: var(--color-primary-600);
  --color-border-interactive-active: var(--color-primary-700);
  --color-text-success: var(--color-success-700);
  --color-text-warning: var(--color-warning-700);
  --color-text-danger: var(--color-danger-700);
  --color-text-info: var(--color-info-700);
  --color-bg-success: var(--color-success-600);
  --color-bg-warning: var(--color-warning-600);
  --color-bg-danger: var(--color-danger-600);
  --color-bg-info: var(--color-info-600);
  --color-bg-success-secondary: var(--color-success-100);
  --color-bg-warning-secondary: var(--color-warning-100);
  --color-bg-danger-secondary: var(--color-danger-100);
  --color-bg-info-secondary: var(--color-info-100);
  --color-border-success: var(--color-success-300);
  --color-border-warning: var(--color-warning-300);
  --color-border-danger: var(--color-danger-300);
  --color-border-info: var(--color-info-300);
  --state-hover-solid-ratio: 90%;
  --state-hover-solid-mix: var(--color-white);
  --state-pressed-solid-ratio: 95%;
  --state-pressed-solid-mix: var(--color-gray-900);
  --state-hover-subtle-ratio: 97%;
  --state-hover-subtle-mix: var(--color-gray-900);
  --state-pressed-subtle-ratio: 95%;
  --state-pressed-subtle-mix: var(--color-gray-900);
  --state-disabled-ratio: 50%;
  --space-xxxs: 4px;
  --space-xxs: 8px;
  --space-xs: 12px;
  --space-s: 16px;
  --space-m: 20px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 40px;
  --height-small: 28px;
  --height-default: 32px;
  --height-large: 36px;
  --font-cn: "PingFang SC", -apple-system, "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-en: "SF Pro Display", "SF Pro Icons", "Geist", "Geist Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", "SF Mono", "Fira Code", ui-monospace, monospace;
  --font-sans: var(--font-cn);
  --text-page-title: 36px;
  --text-page-title-secondary: 32px;
  --text-panel-title-lg: 30px;
  --text-dialog-title: 24px;
  --text-section-title: 20px;
  --text-subsection-title: 18px;
  --text-ui-strong: 16px;
  --text-body: 14px;
  --text-body-sm: 13px;
  --text-caption: 12px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-display: 1.2;
  --line-height-display-1: 1.3;
  --line-height-title: 1.4;
  --line-height-body: 1.5;
  --line-height-mono: 1.6;
  --letter-spacing-display-3: -.03em;
  --letter-spacing-display-2: -.02em;
  --letter-spacing-display-1: -.01em;
  --letter-spacing-normal: 0;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 99px;
  --stroke-0_5: .5px;
  --stroke-1: 1px;
  --stroke-2: 2px;
  --stroke-weight-base: var(--stroke-0_5);
  --stroke-weight-strong: var(--stroke-1);
  --stroke-weight-bold: var(--stroke-2);
  --shadow-sm: 0 1px 3px -1px #10101314, 0 1px 8px 0 #1010130d;
  --shadow-md: 0 2px 4px -2px #1010130d, 0 4px 26px -1px #1010130d;
  --shadow-lg: 0 8px 10px -2px #1010130d, 0 20px 25px -3px #1010130d;
  --motion-fast: .15s;
  --motion-base: .25s;
  --motion-slow: .4s;
  --ease-enter: cubic-bezier(.16, 1, .3, 1);
  --ease-exit: cubic-bezier(.7, 0, .84, 0);
  --ease-standard: cubic-bezier(.65, 0, .35, 1);
}

.dark {
  --color-success-50: var(--color-green-dark-50);
  --color-success-100: var(--color-green-dark-100);
  --color-success-200: var(--color-green-dark-200);
  --color-success-300: var(--color-green-dark-300);
  --color-success-400: var(--color-green-dark-400);
  --color-success-500: var(--color-green-dark-500);
  --color-success-600: var(--color-green-dark-600);
  --color-success-700: var(--color-green-dark-700);
  --color-success-800: var(--color-green-dark-800);
  --color-success-900: var(--color-green-dark-900);
  --color-success-950: var(--color-green-dark-950);
  --color-warning-50: var(--color-orange-dark-50);
  --color-warning-100: var(--color-orange-dark-100);
  --color-warning-200: var(--color-orange-dark-200);
  --color-warning-300: var(--color-orange-dark-300);
  --color-warning-400: var(--color-orange-dark-400);
  --color-warning-500: var(--color-orange-dark-500);
  --color-warning-600: var(--color-orange-dark-600);
  --color-warning-700: var(--color-orange-dark-700);
  --color-warning-800: var(--color-orange-dark-800);
  --color-warning-900: var(--color-orange-dark-900);
  --color-warning-950: var(--color-orange-dark-950);
  --color-danger-50: var(--color-rose-dark-50);
  --color-danger-100: var(--color-rose-dark-100);
  --color-danger-200: var(--color-rose-dark-200);
  --color-danger-300: var(--color-rose-dark-300);
  --color-danger-400: var(--color-rose-dark-400);
  --color-danger-500: var(--color-rose-dark-500);
  --color-danger-600: var(--color-rose-dark-600);
  --color-danger-700: var(--color-rose-dark-700);
  --color-danger-800: var(--color-rose-dark-800);
  --color-danger-900: var(--color-rose-dark-900);
  --color-danger-950: var(--color-rose-dark-950);
  --color-info-50: var(--color-blue-dark-50);
  --color-info-100: var(--color-blue-dark-100);
  --color-info-200: var(--color-blue-dark-200);
  --color-info-300: var(--color-blue-dark-300);
  --color-info-400: var(--color-blue-dark-400);
  --color-info-500: var(--color-blue-dark-500);
  --color-info-600: var(--color-blue-dark-600);
  --color-info-700: var(--color-blue-dark-700);
  --color-info-800: var(--color-blue-dark-800);
  --color-info-900: var(--color-blue-dark-900);
  --color-info-950: var(--color-blue-dark-950);
  --color-bg-base: var(--color-gray-dark-50);
  --color-bg-surface: var(--color-gray-dark-100);
  --color-bg-overlay: var(--color-gray-dark-50);
  --color-bg-muted: var(--color-gray-dark-200);
  --color-bg-control: var(--color-gray-dark-50);
  --color-bg-inverse: var(--color-gray-dark-950);
  --color-bg-primary: var(--color-primary-dark-600);
  --color-bg-secondary: var(--color-gray-dark-200);
  --color-text-primary: var(--color-gray-dark-950);
  --color-text-secondary: var(--color-gray-dark-800);
  --color-text-tertiary: var(--color-gray-dark-600);
  --color-text-disable: var(--color-primary-dark-400);
  --color-text-foreground: var(--color-gray-dark-50);
  --color-text-accent: var(--color-primary-dark-600);
  --color-icon-primary: var(--color-text-secondary);
  --color-icon-secondary: var(--color-text-tertiary);
  --color-icon-disable: var(--color-text-disable);
  --color-icon-foreground: var(--color-text-foreground);
  --color-icon-accent: var(--color-text-accent);
  --color-border-default: var(--color-gray-dark-300);
  --color-border-strong: var(--color-gray-dark-400);
  --color-border-interactive: var(--color-primary-dark-500);
  --color-border-interactive-active: var(--color-primary-dark-700);
  --state-hover-solid-ratio: 90%;
  --state-hover-solid-mix: var(--color-gray-dark-50);
  --state-pressed-solid-ratio: 95%;
  --state-pressed-solid-mix: var(--color-gray-dark-50);
  --state-hover-subtle-ratio: 97%;
  --state-hover-subtle-mix: var(--color-gray-dark-950);
  --state-pressed-subtle-ratio: 95%;
  --state-pressed-subtle-mix: var(--color-gray-dark-950);
  --state-disabled-ratio: 50%;
  --color-text-success: var(--color-success-700);
  --color-text-warning: var(--color-warning-700);
  --color-text-danger: var(--color-danger-700);
  --color-text-info: var(--color-info-700);
  --color-bg-success: var(--color-success-600);
  --color-bg-warning: var(--color-warning-600);
  --color-bg-danger: var(--color-danger-600);
  --color-bg-info: var(--color-info-600);
  --color-bg-success-secondary: var(--color-success-100);
  --color-bg-warning-secondary: var(--color-warning-100);
  --color-bg-danger-secondary: var(--color-danger-100);
  --color-bg-info-secondary: var(--color-info-100);
  --color-border-success: var(--color-success-300);
  --color-border-warning: var(--color-warning-300);
  --color-border-danger: var(--color-danger-300);
  --color-border-info: var(--color-info-300);
  --shadow-sm: 0 1px 3px 0 #0003, 0 1px 2px -1px #0003;
  --shadow-md: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;
  --shadow-lg: 0 20px 25px -5px #0003, 0 8px 10px -6px #0003;
}

.amk-editor-root, .amk-editor-root *, .amk-editor-root *:before, .amk-editor-root *:after {
  box-sizing: border-box;
}

.amk-editor-root {
  position: relative;
  display: flex;
  overflow: hidden;
  color: #101013;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-asr-toolbar-icon {
  display: inline-flex;
  color: inherit;
  width: 20px;
  height: 20px;
}

.amk-editor-asr-toolbar-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

.amk-editor-asr-toolbar-tooltip {
  display: flex;
  text-align: left;
  white-space: normal;
  flex-direction: column;
  gap: 4px;
  max-width: 280px;
  font-size: 12px;
  line-height: 18px;
}

.amk-editor-asr-toolbar-tooltip-line {
  color: inherit;
}

.amk-editor-asr-toolbar-tooltip-link {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.amk-editor-asr-toolbar-tooltip-link:hover {
  opacity: .85;
}

.amk-editor-header-host, .amk-editor-header-host *, .amk-editor-header-host *:before, .amk-editor-header-host *:after {
  box-sizing: border-box;
}

.amk-editor-header-host {
  color: #101013;
  width: 100%;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  background: #fff;
  border-bottom: 1px solid #e5e6eb;
  align-items:  center;
  width: 100%;
  height: 48px;
  min-height: 48px;
  padding: 8px 12px;
}

.amk-editor-header-left {
  display: flex;
  justify-self: start;
  align-items:  center;
  min-width: 0;
}

.amk-editor-header-icon-button {
  display: inline-flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  padding: 6px;
}

.amk-editor-header-icon-button:hover {
  background: #f2f3f5;
}

.amk-editor-header-icon-button:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-header-export-task:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-header-export:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-header-close:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-header-back-icon, .amk-editor-header-edit-icon, .amk-editor-header-export-icon, .amk-editor-header-close-icon {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.amk-editor-header-back-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAc9JREFUeAHt2jFOAkEUxvG3bOFQmEz0AMIJvMLewNYOS46lnd7AEk9gLK3E0sJkCSHMFgvOh25jVHbhzcwjvl8DIdmE/84my+yDSCmllFJK/QPW2gtrTx6tPV3j1RhzRswyEuL42I7yPL/+9nFJVBdlWT4RExHBv8Q2WKOTB2+JbSB66KNL2lOPEmoZC9Z/1RExSBbcIbZhiUGSS3qHWHJuMXDOvdKeoq/wLrF1XV9xxELUFd41dj4vb4hJtGAJsRAlWEosBA+WFAtBg6XFQrBgibEQJFhqLLAHS44F1mDpscAWfAixwBLsn1QMiPKXLsekiAWm39Ldtm6pYoEleLVaddqY53lvSInkxKDfN8/+3I39W9PuiKwwpp85t5xQZCzBfuvmjDm699GXJDyaJRh889shRLMFwyFEswaD9Gj2YJAcHSQYpEYHCwaJ0UGDQVp08GCQFB0lGKRERwsGCdFJRi1+O3nuz/WEOs2LNiPTB9pTkmHa56y3LmgzBm2rVxCDZNPD7tHZlBgkH4i3ubzXa5rOZu8se+ikA3HYttKIrapFQUzE/Knlp5VuYrlGpRD1tvSXr1vWnb/oBj7V+QdHt1W1HHPGKqWUUkqpkD4AF4k4WhY7/LAAAAAASUVORK5CYII=");
  width: 20px;
  height: 20px;
}

.amk-editor-header-title-container {
  position: relative;
  display: flex;
  border-radius: 4px;
  justify-content: flex-start;
  justify-self: start;
  align-items:  center;
  gap: 4px;
  width: auto;
  min-width: 65px;
}

.amk-editor-header-title {
  cursor: text;
  overflow: hidden;
  color: #0c0d0e;
  letter-spacing: .048px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  min-width: 0;
  max-width: min(360px, 40vw);
  padding: 2px 8px;
  transition: background-color .12s, box-shadow .12s;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.amk-editor-header-title:hover {
  background-color: #f2f3f5;
  box-shadow: 0 1px 3px #0000000f;
}

.amk-editor-header-title:focus-visible {
  background-color: #f2f3f5;
  box-shadow: 0 1px 3px #0000000f;
}

[data-theme="dark"] .amk-editor-header-title:hover {
  background-color: #373739;
  box-shadow: 0 1px 3px #0003;
}

[data-theme="dark"] .amk-editor-header-title:focus-visible {
  background-color: #373739;
  box-shadow: 0 1px 3px #0003;
}

.amk-editor-header-title-input {
  position: absolute;
  grid-area: 1 / 1;
  box-sizing: border-box;
  color: #101013;
  font: inherit;
  outline: 0;
  background: #fff;
  border: 1px solid #165dff;
  border-radius: 4px;
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 2px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  inset: 0;
  box-shadow: 0 0 0 3px #165dff40;
}

.amk-editor-header-title[hidden] {
  display: none;
}

.amk-editor-header-title-editor {
  position: relative;
  display: flex;
  align-items:  center;
  gap: 12px;
}

.amk-editor-header-title-editor[hidden] {
  display: none;
}

.amk-editor-header-title-input-wrapper {
  position: relative;
  display: grid;
  align-items:  center;
  min-width: 80px;
  max-width: min(360px, 40vw);
  height: 28px;
}

.amk-editor-header-title-measure {
  grid-area: 1 / 1;
  visibility: hidden;
  overflow: hidden;
  white-space: pre;
  height: 0;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500;
}

.amk-editor-header-right {
  display: flex;
  justify-self: end;
  align-items:  center;
  gap: 0;
  min-width: 0;
}

.amk-editor-header-save-status {
  display: none;
  color: #383740;
  letter-spacing: .04px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.amk-editor-header-save-status.is-hidden {
  display: none;
}

.amk-editor-header-export-actions {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items:  center;
  gap: 0;
}

.amk-editor-header-export-task {
  position: relative;
  display: inline-flex;
  color: #101013;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  padding: 0;
}

.amk-editor-header-export-task:hover {
  background: #f6f6fc;
}

.amk-editor-header-export-task.is-exporting {
  width: 32px;
}

.amk-editor-header-export-task-activity {
  display: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJMb2FkaW5nLXByb2dyZXNzIj4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgb3BhY2l0eT0iMC4zIiBkPSJNMTUuMTg3NSA5QzE1LjE4NzUgNS41ODI3NCAxMi40MTcyIDIuODEyNSA5IDIuODEyNUM1LjU4Mjc0IDIuODEyNSAyLjgxMjUgNS41ODI3NCAyLjgxMjUgOUMyLjgxMjUgMTIuNDE3MiA1LjU4Mjc0IDE1LjE4NzUgOSAxNS4xODc1QzEyLjQxNzIgMTUuMTg3NSAxNS4xODc1IDEyLjQxNzIgMTUuMTg3NSA5Wk0xNi4zMTI1IDlDMTYuMzEyNSAxMy4wMzg2IDEzLjAzODYgMTYuMzEyNSA5IDE2LjMxMjVDNC45NjE0MiAxNi4zMTI1IDEuNjg3NSAxMy4wMzg2IDEuNjg3NSA5QzEuNjg3NSA0Ljk2MTQyIDQuOTYxNDIgMS42ODc1IDkgMS42ODc1QzEzLjAzODYgMS42ODc1IDE2LjMxMjUgNC45NjE0MiAxNi4zMTI1IDlaIiBmaWxsPSIjMTAxMDEzIi8+CjxwYXRoIGlkPSJWZWN0b3IgKFN0cm9rZSlfMiIgZD0iTTE1LjE4NzUgOUMxNS4xODc1IDguNjg5MzQgMTUuNDM5MyA4LjQzNzUgMTUuNzUgOC40Mzc1QzE2LjA2MDcgOC40Mzc1IDE2LjMxMjUgOC42ODkzNCAxNi4zMTI1IDlDMTYuMzEyNSAxMy4wMzg2IDEzLjAzODYgMTYuMzEyNSA5IDE2LjMxMjVDOC42ODkzNCAxNi4zMTI1IDguNDM3NSAxNi4wNjA3IDguNDM3NSAxNS43NUM4LjQzNzUgMTUuNDM5MyA4LjY4OTM0IDE1LjE4NzUgOSAxNS4xODc1QzEyLjQxNzIgMTUuMTg3NSAxNS4xODc1IDEyLjQxNzIgMTUuMTg3NSA5WiIgZmlsbD0iIzEwMTAxMyIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.amk-editor-header-export-task.is-exporting .amk-editor-header-export-task-activity {
  display: block;
  animation: .9s linear infinite amk-editor-export-task-status-spin;
}

.amk-editor-header-export-task.is-exporting .amk-editor-header-export-task-icon {
  display: none;
}

.amk-editor-header-export-task:before, .amk-editor-header-export-task:after {
  position: absolute;
  z-index: 40;
  pointer-events: none;
  opacity: 0;
  transition: opacity 80ms;
}

.amk-editor-header-export-task:before {
  content: "";
  background: #2e3033;
  width: 7px;
  height: 7px;
  top: calc(100% + 4px);
  right: 10px;
  transform: rotate(45deg);
}

.amk-editor-header-export-task:after {
  box-sizing: border-box;
  color: #fff;
  content: attr(data-tooltip);
  white-space: nowrap;
  background: #2e3033;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  min-width: max-content;
  padding: 6px 10px;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  top: calc(100% + 7px);
  right: 0;
  box-shadow: 0 2px 8px #0000002e;
}

.amk-editor-header-export-task:hover:before, .amk-editor-header-export-task:hover:after {
  opacity: 1;
}

.amk-editor-header-export-task:focus-visible:before {
  opacity: 1;
}

.amk-editor-header-export-task:focus-visible:after {
  opacity: 1;
}

.amk-editor-header-export-task:disabled {
  cursor: default;
  opacity: .55;
}

.amk-editor-header-export-task.is-open {
  box-shadow: none;
}

.amk-editor-header-export-task-popover {
  position: absolute;
  z-index: 30;
  box-sizing: border-box;
  overflow-y: auto;
  color: #0c0d0e;
  background: #fff;
  border: 1px solid #eaedf1;
  border-radius: 12px;
  width: min(400px, 100vw - 24px);
  max-height: min(400px, 100vh - 88px);
  padding: 8px;
  font-family: inherit;
  top: calc(100% + 12px);
  right: 0;
  box-shadow: 0 4px 26px -1px #1010130d, 0 2px 4px -2px #1010130d;
}

.amk-editor-header-export-task-popover[hidden] {
  display: none;
}

.amk-editor-header-export-task-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.amk-editor-header-export-task-retention {
  color: #737a87;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.amk-editor-header-export-task-empty {
  display: flex;
  box-sizing: border-box;
  color: #101013;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 199px;
  min-height: 199px;
  padding: 16px;
}

.amk-editor-header-export-task-empty-illustration {
  position: relative;
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}

.amk-editor-header-export-task-empty-illustration img {
  display: block;
  max-width: none;
}

.amk-editor-header-export-task-empty-illustration .dark-illustration {
  position: absolute;
  width: 64px;
  height: 64px;
  inset: 0;
}

.amk-editor-header-export-task-empty-illustration .light-orbit {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items:  center;
}

.amk-editor-header-export-task-empty-illustration .light-orbit-back {
  inset: 13.33% 2.5% 13.7%;
}

.amk-editor-header-export-task-empty-illustration .light-orbit-back-image {
  width: 20.0888px;
  height: 58.6075px;
  transform: rotate(-60deg)scaleX(-1);
}

.amk-editor-header-export-task-empty-illustration .light-center-base {
  position: absolute;
  aspect-ratio: 1;
  top: 22.63%;
  bottom: 21.43%;
  left: calc(50% - .54px);
  transform: translate(-50%);
}

.amk-editor-header-export-task-empty-illustration .light-center-gradient {
  position: absolute;
  width: 35.8047px;
  height: 35.7842px;
  inset: 22.63% 23.61% 21.46% 20.44%;
}

.amk-editor-header-export-task-empty-illustration .light-center-arc {
  position: absolute;
  inset: 34.44% 35.22% 47.61% 46.83%;
}

.amk-editor-header-export-task-empty-illustration .light-center-arc-image {
  position: absolute;
  width: 102.22%;
  height: 102.22%;
  inset: -2.22% -2.22% 0 0;
}

.amk-editor-header-export-task-empty-illustration .light-orbit-front {
  inset: 26.92% 10.58% 14.22% 3.02%;
}

.amk-editor-header-export-task-empty-illustration .light-orbit-front-image {
  width: 10.21px;
  height: 58.6091px;
  transform: rotate(-60deg)scaleX(-1);
}

.amk-editor-header-export-task-empty-illustration .light-star-large {
  position: absolute;
  width: 8.10667px;
  height: 8.10667px;
  inset: 24.94% 2.5% 62.39% 84.83%;
}

.amk-editor-header-export-task-empty-illustration .light-star-small {
  position: absolute;
  width: 5.40444px;
  height: 5.40444px;
  inset: 14.39% 20.44% 77.17% 71.11%;
}

.amk-editor-header-export-task-empty-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.amk-editor-header-export-task-empty-description {
  color: #7a7880;
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
}

.amk-editor-header-export-task-empty-retention {
  color: #7a7880;
  font-size: 13px;
  line-height: 20px;
}

.amk-editor-header-export-task-loading {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
}

.amk-editor-header-export-task-skeleton-row {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  gap: 8px;
  height: 58px;
  padding: 8px 12px;
}

.amk-editor-header-export-task-skeleton-title, .amk-editor-header-export-task-skeleton-time {
  display: block;
  animation: 1.2s ease-in-out infinite amk-editor-export-task-skeleton;
  background: linear-gradient(90deg, #f0f2f5 25%, #f8f9fb, #f0f2f5 75%) 0 0 / 200% 100%;
  border-radius: 4px;
}

.amk-editor-header-export-task-skeleton-title {
  width: 64%;
  height: 14px;
}

.amk-editor-header-export-task-skeleton-time {
  width: 38%;
  height: 10px;
}

.amk-editor-header-export-task-row {
  display: grid;
  grid-template-areas: "heading side" "detail side";
  grid-template-columns: minmax(0, 1fr) auto;
  animation: .16s ease-out both amk-editor-export-task-enter;
  border-radius: 8px;
  align-items:  start;
  column-gap: 8px;
  padding: 8px 12px;
}

.amk-editor-header-export-task-heading, .amk-editor-header-export-task-detail {
  display: flex;
  align-items:  center;
  min-width: 0;
}

.amk-editor-header-export-task-heading {
  grid-area: heading;
}

.amk-editor-header-export-task-name {
  overflow: hidden;
  color: #0c0d0e;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.amk-editor-header-export-task-detail {
  grid-area: detail;
  color: #737a87;
  min-height: 18px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
}

.amk-editor-header-export-task-row:hover {
  background: #f6f8fa;
}

.amk-editor-header-export-task-status {
  display: inline-flex;
  grid-area: side;
  color: #383740;
  white-space: nowrap;
  align-items:  center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
}

.amk-editor-header-export-task-status-icon {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.amk-editor-header-export-task-status-icon.is-polling {
  animation: .9s linear infinite amk-editor-export-task-status-spin;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJMb2FkaW5nLXByb2dyZXNzIj4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgb3BhY2l0eT0iMC4zIiBkPSJNMTUuMTg3NSA5QzE1LjE4NzUgNS41ODI3NCAxMi40MTcyIDIuODEyNSA5IDIuODEyNUM1LjU4Mjc0IDIuODEyNSAyLjgxMjUgNS41ODI3NCAyLjgxMjUgOUMyLjgxMjUgMTIuNDE3MiA1LjU4Mjc0IDE1LjE4NzUgOSAxNS4xODc1QzEyLjQxNzIgMTUuMTg3NSAxNS4xODc1IDEyLjQxNzIgMTUuMTg3NSA5Wk0xNi4zMTI1IDlDMTYuMzEyNSAxMy4wMzg2IDEzLjAzODYgMTYuMzEyNSA5IDE2LjMxMjVDNC45NjE0MiAxNi4zMTI1IDEuNjg3NSAxMy4wMzg2IDEuNjg3NSA5QzEuNjg3NSA0Ljk2MTQyIDQuOTYxNDIgMS42ODc1IDkgMS42ODc1QzEzLjAzODYgMS42ODc1IDE2LjMxMjUgNC45NjE0MiAxNi4zMTI1IDlaIiBmaWxsPSIjMTAxMDEzIi8+CjxwYXRoIGlkPSJWZWN0b3IgKFN0cm9rZSlfMiIgZD0iTTE1LjE4NzUgOUMxNS4xODc1IDguNjg5MzQgMTUuNDM5MyA4LjQzNzUgMTUuNzUgOC40Mzc1QzE2LjA2MDcgOC40Mzc1IDE2LjMxMjUgOC42ODkzNCAxNi4zMTI1IDlDMTYuMzEyNSAxMy4wMzg2IDEzLjAzODYgMTYuMzEyNSA5IDE2LjMxMjVDOC42ODkzNCAxNi4zMTI1IDguNDM3NSAxNi4wNjA3IDguNDM3NSAxNS43NUM4LjQzNzUgMTUuNDM5MyA4LjY4OTM0IDE1LjE4NzUgOSAxNS4xODc1QzEyLjQxNzIgMTUuMTg3NSAxNS4xODc1IDEyLjQxNzIgMTUuMTg3NSA5WiIgZmlsbD0iIzEwMTAxMyIvPgo8L2c+Cjwvc3ZnPgo=");
}

.amk-editor-header-export-task-status-icon.is-failed {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJFcnJvciI+CjxwYXRoIGlkPSJWZWN0b3IgKFN0cm9rZSkiIGQ9Ik0xNS4xODc1IDlDMTUuMTg3NSA1LjU4Mjc0IDEyLjQxNzMgMi44MTI1IDkgMi44MTI1QzUuNTgyNzQgMi44MTI1IDIuODEyNSA1LjU4Mjc0IDIuODEyNSA5QzIuODEyNSAxMi40MTczIDUuNTgyNzQgMTUuMTg3NSA5IDE1LjE4NzVDMTIuNDE3MyAxNS4xODc1IDE1LjE4NzUgMTIuNDE3MyAxNS4xODc1IDlaTTEwLjYyNzQgNi41NzcxNUMxMC44NDcxIDYuMzU3NjMgMTEuMjAzMiA2LjM1NzUzIDExLjQyMjkgNi41NzcxNUMxMS42NDI1IDYuNzk2NzcgMTEuNjQyNCA3LjE1Mjg4IDExLjQyMjkgNy4zNzI1Nkw5Ljc5NTQxIDlMMTEuNDIyOSAxMC42Mjc0QzExLjY0MjQgMTAuODQ3MSAxMS42NDI1IDExLjIwMzIgMTEuNDIyOSAxMS40MjI5QzExLjIwMzIgMTEuNjQyNSAxMC44NDcxIDExLjY0MjQgMTAuNjI3NCAxMS40MjI5TDkgOS43OTU0MUw3LjM3MjU2IDExLjQyMjlDNy4xNTI4OCAxMS42NDI0IDYuNzk2NzcgMTEuNjQyNSA2LjU3NzE1IDExLjQyMjlDNi4zNTc1MyAxMS4yMDMyIDYuMzU3NjMgMTAuODQ3MSA2LjU3NzE1IDEwLjYyNzRMOC4yMDQ1OSA5TDYuNTc3MTUgNy4zNzI1NkM2LjM1NzYzIDcuMTUyODggNi4zNTc1MyA2Ljc5Njc3IDYuNTc3MTUgNi41NzcxNUM2Ljc5Njc3IDYuMzU3NTMgNy4xNTI4OCA2LjM1NzYzIDcuMzcyNTYgNi41NzcxNUw5IDguMjA0NTlMMTAuNjI3NCA2LjU3NzE1Wk0xNi4zMTI1IDlDMTYuMzEyNSAxMy4wMzg2IDEzLjAzODYgMTYuMzEyNSA5IDE2LjMxMjVDNC45NjE0MiAxNi4zMTI1IDEuNjg3NSAxMy4wMzg2IDEuNjg3NSA5QzEuNjg3NSA0Ljk2MTQyIDQuOTYxNDIgMS42ODc1IDkgMS42ODc1QzEzLjAzODYgMS42ODc1IDE2LjMxMjUgNC45NjE0MiAxNi4zMTI1IDlaIiBmaWxsPSIjQjEyMDQzIi8+CjwvZz4KPC9zdmc+Cg==");
}

@keyframes amk-editor-export-task-status-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes amk-editor-export-task-skeleton {
  0% {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

@keyframes amk-editor-export-task-enter {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .amk-editor-header-export-task-activity, .amk-editor-header-export-task-skeleton-title, .amk-editor-header-export-task-skeleton-time, .amk-editor-header-export-task-row {
    animation: none;
  }
}

.amk-editor-header-export-task-row-actions {
  display: inline-flex;
  grid-area: side;
  color: #101013;
  flex-shrink: 0;
  align-items:  center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.amk-editor-header-export-task-submitted-time {
  color: #737a87;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 12px;
}

.amk-editor-header-export-task-row-actions button {
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-decoration-color: #7a7880;
  text-decoration-style: dotted;
  text-decoration-thickness: 4%;
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: 0;
  height: 22px;
  padding: 0 4px;
  transition: background-color .12s, color .12s;
}

.amk-editor-header-export-task-row-actions button:hover {
  color: #101013;
  background: #f2f3f5;
  border-radius: 4px;
}

.amk-editor-header-export-task-row-actions button:active {
  color: #4e4c54;
  background: #e5e6e9;
}

.amk-editor-header-export-task-row-actions button:disabled {
  cursor: wait;
  opacity: .65;
}

.amk-editor-header-export-task-row-actions button.is-error {
  color: #f53f3f;
  text-decoration: none;
}

.amk-editor-header-export-task-icon {
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlByZWZpeEljb24gJiMyMjk7JiMxMzc7JiMxNDE7JiMyMzE7JiMxODk7JiMxNzQ7JiMyMjk7JiMxNTU7JiMxOTA7JiMyMzA7JiMxNjA7JiMxMzU7Ij4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgZD0iTTEzLjUgOEMxMy41IDQuOTYzMTMgMTEuMDM0IDIuNSA3Ljk5MDg5IDIuNUM1Ljg5NDUzIDIuNTAwMTEgNC4wNzIyMyAzLjY2OTk4IDMuMTQxMjggNS4zOTE5M0g0LjU5NDRDNC44NzA1NCA1LjM5MTkzIDUuMDk0NCA1LjYxNTc4IDUuMDk0NCA1Ljg5MTkzQzUuMDk0MzggNi4xNjgwNSA0Ljg3MDUzIDYuMzkxOTMgNC41OTQ0IDYuMzkxOTNIMkMxLjcyMzg3IDYuMzkxOTMgMS41MDAwMiA2LjE2ODA1IDEuNSA1Ljg5MTkzVjMuMjk3NTNDMS41IDMuMDIxMzggMS43MjM4NiAyLjc5NzUzIDIgMi43OTc1M0MyLjI3NjE0IDIuNzk3NTMgMi41IDMuMDIxMzggMi41IDMuMjk3NTNWNC41MTA0MkMzLjY1NTI2IDIuNzAxMTEgNS42ODIxIDEuNTAwMSA3Ljk5MDg5IDEuNUMxMS41ODUgMS41IDE0LjUgNC40MDk0NiAxNC41IDhDMTQuNSAxMS41OTA1IDExLjU4NSAxNC41IDcuOTkwODkgMTQuNUM1LjE1Njc0IDE0LjQ5OTkgMi43NDYzIDEyLjY5MDggMS44NTI4NiAxMC4xNjY3QzEuNzYwODQgOS45MDY0IDEuODk3MjkgOS42MjA3NyAyLjE1NzU1IDkuNTI4NjVDMi40MTc4NSA5LjQzNjU0IDIuNzAzNDQgOS41NzMwNCAyLjc5NTU3IDkuODMzMzNDMy41NTE4NyAxMS45Njk4IDUuNTkyODUgMTMuNDk5OSA3Ljk5MDg5IDEzLjVDMTEuMDM0IDEzLjUgMTMuNSAxMS4wMzY5IDEzLjUgOFpNNy41IDUuMjQzNDlDNy41IDQuOTY3MzUgNy43MjM4NiA0Ljc0MzQ5IDggNC43NDM0OUM4LjI3NjE0IDQuNzQzNDkgOC41IDQuOTY3MzUgOC41IDUuMjQzNDlWNy43OTI5N0wxMC42MjM3IDkuOTE2NjdDMTAuODE5IDEwLjExMTkgMTAuODE5IDEwLjQyODQgMTAuNjIzNyAxMC42MjM3QzEwLjQyODQgMTAuODE5IDEwLjExMTkgMTAuODE5IDkuOTE2NjcgMTAuNjIzN0w3LjY0NjQ4IDguMzUzNTJDNy41NTI3MiA4LjI1OTc1IDcuNSA4LjEzMjYxIDcuNSA4VjUuMjQzNDlaIiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.amk-editor-export-preview-mask {
  position: fixed;
  z-index: 2000;
  display: flex;
  box-sizing: border-box;
  background: #0000008c;
  justify-content: center;
  align-items:  center;
  padding: 32px;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  inset: 0;
}

.amk-editor-export-preview-mask *, .amk-editor-export-preview-mask *:before, .amk-editor-export-preview-mask *:after {
  box-sizing: border-box;
}

.amk-editor-export-preview-mask[hidden] {
  display: none;
}

.amk-editor-export-preview-dialog {
  position: relative;
  display: flex;
  box-sizing: border-box;
  color: #1d2129;
  background: #fff;
  border: 0;
  border-radius: 12px;
  flex-direction: column;
  width: min(960px, 100vw - 64px);
  max-height: calc(100vh - 64px);
  padding: 40px 16px 0;
  box-shadow: 0 8px 24px #0000001f;
}

.amk-editor-export-preview-dialog.is-sizing {
  visibility: hidden;
}

.amk-editor-export-preview-close {
  position: absolute;
  z-index: 2;
  display: flex;
  color: #101013;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  padding: 0;
  top: 8px;
  right: 18px;
}

.amk-editor-export-preview-close:hover {
  background: #f2f3f5;
}

.amk-editor-export-preview-close:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-export-preview-name {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  color: #4e5969;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  line-height: 24px;
  top: 8px;
  left: 16px;
  right: 56px;
}

.amk-editor-export-preview-close-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.amk-editor-export-preview-close-icon:before, .amk-editor-export-preview-close-icon:after {
  position: absolute;
  content: "";
  background: currentColor;
  width: 14px;
  height: 1.5px;
  top: 7px;
  left: 1px;
}

.amk-editor-export-preview-close-icon:before {
  transform: rotate(45deg);
}

.amk-editor-export-preview-close-icon:after {
  transform: rotate(-45deg);
}

.amk-editor-export-preview-viewer {
  display: flex;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0 0 16px;
}

.amk-editor-export-preview-xgplayer {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: #000;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.amk-editor-export-preview-xgplayer.xgplayer {
  background: #000;
}

.amk-editor-export-preview-xgplayer.xgplayer .xgplayer-controls {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}

.amk-editor-export-preview-xgplayer .xgplayer-poster {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: contain;
}

.amk-editor-export-preview-xgplayer .xgplayer-progress-played {
  background: #165dff;
}

.amk-editor-export-preview-xgplayer video {
  display: block;
  object-fit: contain;
  background: #000;
  width: 100%;
  height: 100%;
}

.amk-editor-export-preview-viewer.is-audio {
  background: #f7f8fa;
  height: 160px;
  min-height: 160px;
  padding: 24px;
}

.amk-editor-export-preview-viewer audio {
  width: 100%;
}

.amk-editor-export-preview-footer {
  display: flex;
  align-items:  center;
  min-width: 0;
  min-height: 52px;
  padding: 0 0 20px;
}

.amk-editor-header-export {
  display: inline-flex;
  overflow: hidden;
  color: #101013;
  font: inherit;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  min-width: 0;
  height: 32px;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.amk-editor-header-export:hover {
  background: #f6f6fc;
}

.amk-editor-header-export-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24sIHBsdXMiPgo8cGF0aCBpZD0iVmVjdG9yIChTdHJva2UpIiBkPSJNMiAxMC41ODQ3VjkuODQ2MTVDMiA5LjU5MTI1IDIuMjA2NjQgOS4zODQ2MSAyLjQ2MTU0IDkuMzg0NjFDMi43MTY0NCA5LjM4NDYxIDIuOTIzMDggOS41OTEyNSAyLjkyMzA4IDkuODQ2MTVWMTAuNTg0N0MyLjkyMzA4IDExLjEwOTMgMi45MjMyNiAxMS40NzQ5IDIuOTQ2NTIgMTEuNzU5NkMyLjk2OTMzIDEyLjAzODkgMy4wMTIgMTIuMTk5NCAzLjA3MzkyIDEyLjMyMDlDMy4yMDY2NyAxMi41ODE0IDMuNDE4NTYgMTIuNzkzMyAzLjY3OTA5IDEyLjkyNjFDMy44MDA2MyAxMi45ODggMy45NjExMSAxMy4wMzA3IDQuMjQwMzkgMTMuMDUzNUM0LjUyNTA2IDEzLjA3NjcgNC44OTA3NCAxMy4wNzY5IDUuNDE1MjcgMTMuMDc2OUgxMC41ODQ3QzExLjEwOTMgMTMuMDc2OSAxMS40NzQ5IDEzLjA3NjcgMTEuNzU5NiAxMy4wNTM1QzEyLjAzODkgMTMuMDMwNyAxMi4xOTk0IDEyLjk4OCAxMi4zMjA5IDEyLjkyNjFDMTIuNTgxNCAxMi43OTMzIDEyLjc5MzMgMTIuNTgxNCAxMi45MjYxIDEyLjMyMDlDMTIuOTg4IDEyLjE5OTQgMTMuMDMwNyAxMi4wMzg5IDEzLjA1MzUgMTEuNzU5NkMxMy4wNzY3IDExLjQ3NDkgMTMuMDc2OSAxMS4xMDkzIDEzLjA3NjkgMTAuNTg0N1Y5Ljg0NjE1QzEzLjA3NjkgOS41OTEyNSAxMy4yODM2IDkuMzg0NjEgMTMuNTM4NSA5LjM4NDYxQzEzLjc5MzQgOS4zODQ2MSAxNCA5LjU5MTI1IDE0IDkuODQ2MTVWMTAuNTg0N0MxNCAxMS4wOTQgMTQuMDAwNiAxMS41MDM4IDEzLjk3MzYgMTEuODM0N0MxMy45NDYxIDEyLjE3MTEgMTMuODg3NSAxMi40NjY0IDEzLjc0ODIgMTIuNzM5OEMxMy41MjY5IDEzLjE3NCAxMy4xNzQgMTMuNTI2OSAxMi43Mzk4IDEzLjc0ODJDMTIuNDY2NCAxMy44ODc1IDEyLjE3MTEgMTMuOTQ2MSAxMS44MzQ3IDEzLjk3MzZDMTEuNTAzOCAxNC4wMDA2IDExLjA5NCAxNCAxMC41ODQ3IDE0SDUuNDE1MjdDNC45MDU5OCAxNCA0LjQ5NjI0IDE0LjAwMDYgNC4xNjUyNyAxMy45NzM2QzMuODI4ODkgMTMuOTQ2MSAzLjUzMzU3IDEzLjg4NzUgMy4yNjAyMiAxMy43NDgyQzIuODI2IDEzLjUyNjkgMi40NzMwNSAxMy4xNzQgMi4yNTE4IDEyLjczOThDMi4xMTI1MyAxMi40NjY0IDIuMDUzOTMgMTIuMTcxMSAyLjAyNjQ0IDExLjgzNDdDMS45OTk0IDExLjUwMzggMiAxMS4wOTQgMiAxMC41ODQ3Wk03LjUzODQ2IDIuNDYxNTRDNy41Mzg0NiAyLjIwNjY0IDcuNzQ1MSAyIDggMkM4LjI1NDkgMiA4LjQ2MTU0IDIuMjA2NjQgOC40NjE1NCAyLjQ2MTU0VjguNzMxOTdMMTAuNzUwNiA2LjQ0MjkxQzEwLjkzMDggNi4yNjI2NyAxMS4yMjMgNi4yNjI2NyAxMS40MDMyIDYuNDQyOTFDMTEuNTgzNSA2LjYyMzE1IDExLjU4MzUgNi45MTUzMSAxMS40MDMyIDcuMDk1NTVMOC4zMjYzMiAxMC4xNzI1QzguMTQ2MDggMTAuMzUyNyA3Ljg1MzkyIDEwLjM1MjcgNy42NzM2OCAxMC4xNzI1TDQuNTk2NzYgNy4wOTU1NUM0LjQxNjUxIDYuOTE1MzEgNC40MTY1MSA2LjYyMzE1IDQuNTk2NzYgNi40NDI5MUM0Ljc3NyA2LjI2MjY3IDUuMDY5MTYgNi4yNjI2NyA1LjI0OTQgNi40NDI5MUw3LjUzODQ2IDguNzMxOTdWMi40NjE1NFoiIGZpbGw9IiMxMDEwMTMiLz4KPC9nPgo8L3N2Zz4K");
  width: 16px;
  height: 16px;
}

.amk-editor-header-close {
  display: inline-flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  padding: 4px;
}

.amk-editor-header-close:hover {
  background: #f2f3f5;
}

.amk-editor-header-close-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlByZWZpeEljb24gJiMyMjk7JiMxMzc7JiMxNDE7JiMyMzE7JiMxODk7JiMxNzQ7JiMyMjk7JiMxNTU7JiMxOTA7JiMyMzA7JiMxNjA7JiMxMzU7Ij4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgZD0iTTEyLjMxMzIgMi45Nzk3QzEyLjUwODQgMi43ODQ0NCAxMi44MjQ5IDIuNzg0NDQgMTMuMDIwMiAyLjk3OTdDMTMuMjE1NCAzLjE3NDk2IDEzLjIxNTQgMy40OTE0NyAxMy4wMjAyIDMuNjg2NzNMOC43MDcwMyA3Ljk5OTg4TDEzLjAyMDIgMTIuMzEzQzEzLjIxNTQgMTIuNTA4MyAxMy4yMTU0IDEyLjgyNDggMTMuMDIwMiAxMy4wMjAxQzEyLjgyNDkgMTMuMjE1MyAxMi41MDg0IDEzLjIxNTMgMTIuMzEzMiAxMy4wMjAxTDggOC43MDY5MUwzLjY4Njg1IDEzLjAyMDFDMy40OTE1OSAxMy4yMTUzIDMuMTc1MDggMTMuMjE1MyAyLjk3OTgyIDEzLjAyMDFDMi43ODQ1NiAxMi44MjQ4IDIuNzg0NTYgMTIuNTA4MyAyLjk3OTgyIDEyLjMxM0w3LjI5Mjk3IDcuOTk5ODhMMi45Nzk4MiAzLjY4NjczQzIuNzg0NTYgMy40OTE0NyAyLjc4NDU2IDMuMTc0OTYgMi45Nzk4MiAyLjk3OTdDMy4xNzUwOCAyLjc4NDQ0IDMuNDkxNTkgMi43ODQ0NCAzLjY4Njg1IDIuOTc5N0w4IDcuMjkyODVMMTIuMzEzMiAyLjk3OTdaIiBmaWxsPSIjMTAxMDEzIi8+CjwvZz4KPC9zdmc+Cg==");
  background-size: contain;
  width: 16px;
  height: 16px;
}

.amk-editor-workspace {
  overflow: hidden;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.amk-editor-project-loading {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  color: #42464e;
  background: #fff;
  border-radius: 0 16px 16px;
  inset: 0;
}

.amk-editor-root.has-local-header .amk-editor-project-loading {
  top: 48px;
}

.amk-editor-project-loading[hidden] {
  display: none;
}

.amk-editor-project-loading-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 320px;
  top: calc(50% + .5px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.amk-editor-project-loading-icon {
  display: block;
  animation: 1s linear infinite amk-editor-project-loading-spin;
  width: 40px;
  height: 40px;
  margin: 12px 40px;
}

.amk-editor-project-loading-text {
  letter-spacing: .3px;
  text-align: center;
  white-space: nowrap;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@keyframes amk-editor-project-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

.amk-editor-import-actions {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.amk-editor-import-dropdown-mount {
  display: flex;
  align-items:  center;
}

.amk-editor-import-dropdown {
  color: #1d2129;
  font-size: 13px;
  line-height: 20px;
}

.amk-editor-import-trigger {
  display: inline-flex;
  box-sizing: border-box;
  color: #383740;
  font: inherit;
  font-size: 11px;
  line-height: inherit;
  white-space: nowrap;
  cursor: pointer;
  background: #f6f6fc;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  width: 54px;
  height: 24px;
  min-height: 24px;
  padding: 0 8px;
}

.amk-editor-import-trigger:hover {
  background: #ebebf5;
}

.amk-editor-import-trigger:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-import-trigger-arrow {
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjcuNzQ5OTQiIGhlaWdodD0iNC4yNDk5NyIgdmlld0JveD0iMCAwIDcuNzQ5OTQgNC4yNDk5NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgZD0iTTcuMTA5ODQgMC4xMDk4MzVDNy4yNTYyOCAtMC4wMzY2MTE3IDcuNDkzNjYgLTAuMDM2NjExNiA3LjY0MDExIDAuMTA5ODM1QzcuNzg2NTYgMC4yNTYyODIgNy43ODY1NiAwLjQ5MzY2MiA3LjY0MDExIDAuNjQwMTA4TDQuMTQwMTEgNC4xNDAxMUM0LjA2OTc4IDQuMjEwNDMgMy45NzQ0MyA0LjI0OTk3IDMuODc0OTcgNC4yNDk5N0MzLjc3NTUyIDQuMjQ5OTcgMy42ODAxNiA0LjIxMDQzIDMuNjA5ODMgNC4xNDAxMUwwLjEwOTgzNSAwLjY0MDEwOEMtMC4wMzY2MTE2IDAuNDkzNjYyIC0wLjAzNjYxMTcgMC4yNTYyODIgMC4xMDk4MzUgMC4xMDk4MzVDMC4yNTYyODIgLTAuMDM2NjExNiAwLjQ5MzY2MiAtMC4wMzY2MTE3IDAuNjQwMTA4IDAuMTA5ODM1TDMuODc0OTcgMy4zNDQ3TDcuMTA5ODQgMC4xMDk4MzVaIiBmaWxsPSIjMTAxMDEzIi8+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.75px 4.25px;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
}

.amk-editor-import-trigger.is-open .amk-editor-import-trigger-arrow {
  transform: rotate(180deg);
}

.amk-editor-import-dropdown::part(panel) {
  background: #fff;
  border: .5px solid #d2d1e0;
  border-radius: 12px;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  padding: 4px;
  box-shadow: 0 2px 2px #1010130d, 0 4px 13px #1010130d;
}

.amk-editor-import-dropdown::part(menu) {
  overflow: visible;
  overscroll-behavior: auto;
  max-height: none;
  padding: 0;
}

.amk-editor-import-dropdown ve-dropdown-item {
  --ve-dropdown-item-min-height: 28px;
  --ve-dropdown-item-padding-block: 4px;
  --ve-dropdown-item-padding-inline: 8px;
  --ve-dropdown-item-font-size: 13px;
  --ve-dropdown-item-label-line-height: 20px;
  --ve-dropdown-item-radius: 8px;
  display: block;
  box-sizing: border-box;
  width: 152px;
  min-width: 0 !important;
  max-width: 152px !important;
}

.amk-editor-import-dropdown ve-dropdown-item::part(button) {
  box-sizing: border-box;
  color: #1d2129;
  border-radius: 8px;
  width: 152px;
  height: 28px;
  min-height: 28px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 20px;
  min-width: 0 !important;
  max-width: 152px !important;
}

.amk-editor-import-dropdown ve-dropdown-item {
  --ve-dropdown-item-color: #1d2129;
  --ve-dropdown-item-hover-bg: #f2f3f5;
  --ve-dropdown-item-active-bg: #e5e6eb;
}

.amk-editor-import-dropdown::part(button):hover {
  background: #f2f3f5;
}

.amk-editor-import-dropdown-option {
  display: inline-flex;
  color: inherit;
  align-items:  center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.amk-editor-import-menu-icon {
  position: relative;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.amk-editor-import-menu-icon-local {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgKFN0cm9rZSkiIGQ9Ik0xLjA3NDAyZS0wNiA4LjU4NDc0VjcuODQ2MTVDMS4wNzQwMmUtMDYgNy41OTEyNSAwLjIwNjYzOSA3LjM4NDYxIDAuNDYxNTM5IDcuMzg0NjFDMC43MTY0NCA3LjM4NDYxIDAuOTIzMDc4IDcuNTkxMjUgMC45MjMwNzggNy44NDYxNVY4LjU4NDc0QzAuOTIzMDc4IDkuMTA5MjYgMC45MjMyNTcgOS40NzQ5NCAwLjk0NjUxNSA5Ljc1OTYxQzAuOTY5MzM0IDEwLjAzODkgMS4wMTIgMTAuMTk5NCAxLjA3MzkyIDEwLjMyMDlDMS4yMDY2NyAxMC41ODE0IDEuNDE4NTYgMTAuNzkzMyAxLjY3OTA5IDEwLjkyNjFDMS44MDA2MyAxMC45ODggMS45NjExMSAxMS4wMzA3IDIuMjQwMzkgMTEuMDUzNUMyLjUyNTA2IDExLjA3NjcgMi44OTA3NCAxMS4wNzY5IDMuNDE1MjcgMTEuMDc2OUg4LjU4NDc0QzkuMTA5MjYgMTEuMDc2OSA5LjQ3NDk0IDExLjA3NjcgOS43NTk2MiAxMS4wNTM1QzEwLjAzODkgMTEuMDMwNyAxMC4xOTk0IDEwLjk4OCAxMC4zMjA5IDEwLjkyNjFDMTAuNTgxNCAxMC43OTMzIDEwLjc5MzMgMTAuNTgxNCAxMC45MjYxIDEwLjMyMDlDMTAuOTg4IDEwLjE5OTQgMTEuMDMwNyAxMC4wMzg5IDExLjA1MzUgOS43NTk2MUMxMS4wNzY3IDkuNDc0OTQgMTEuMDc2OSA5LjEwOTI2IDExLjA3NjkgOC41ODQ3NFY3Ljg0NjE1QzExLjA3NjkgNy41OTEyNSAxMS4yODM2IDcuMzg0NjEgMTEuNTM4NSA3LjM4NDYxQzExLjc5MzQgNy4zODQ2MSAxMiA3LjU5MTI1IDEyIDcuODQ2MTVWOC41ODQ3NEMxMiA5LjA5NDAyIDEyLjAwMDYgOS41MDM3NiAxMS45NzM2IDkuODM0NzNDMTEuOTQ2MSAxMC4xNzExIDExLjg4NzUgMTAuNDY2NCAxMS43NDgyIDEwLjczOThDMTEuNTI2OSAxMS4xNzQgMTEuMTc0IDExLjUyNjkgMTAuNzM5OCAxMS43NDgyQzEwLjQ2NjQgMTEuODg3NSAxMC4xNzExIDExLjk0NjEgOS44MzQ3NCAxMS45NzM2QzkuNTAzNzYgMTIuMDAwNiA5LjA5NDAyIDEyIDguNTg0NzQgMTJIMy40MTUyN0MyLjkwNTk4IDEyIDIuNDk2MjQgMTIuMDAwNiAyLjE2NTI3IDExLjk3MzZDMS44Mjg4OSAxMS45NDYxIDEuNTMzNTcgMTEuODg3NSAxLjI2MDIyIDExLjc0ODJDMC44MjU5OTcgMTEuNTI2OSAwLjQ3MzA1IDExLjE3NCAwLjI1MTgwNCAxMC43Mzk4QzAuMTEyNTMyIDEwLjQ2NjQgMC4wNTM5MjYzIDEwLjE3MTEgMC4wMjY0NDM0IDkuODM0NzNDLTAuMDAwNTk1ODc0IDkuNTAzNzYgMS4wMTc2N2UtMDYgOS4wOTQwMiAxLjA3NDAyZS0wNiA4LjU4NDc0Wk01LjUzODQ2IDcuODQ2MTVWMS41NzU3MkwzLjI0OTQgMy44NjQ3OEMzLjA2OTE2IDQuMDQ1MDMgMi43NzcgNC4wNDUwMyAyLjU5Njc2IDMuODY0NzhDMi40MTY1MSAzLjY4NDU0IDIuNDE2NTEgMy4zOTIzOCAyLjU5Njc2IDMuMjEyMTRMNS42NzM2OCAwLjEzNTIxNkw1Ljc0Mzk5IDAuMDc3NTI0QzUuODE5MjUgMC4wMjczNTE2IDUuOTA4MjEgMS4xNjU0NGUtMDcgNiAwQzYuMTIyNDEgMCA2LjIzOTc3IDAuMDQ4NjYxMiA2LjMyNjMyIDAuMTM1MjE2TDkuNDAzMjQgMy4yMTIxNEM5LjU4MzQ5IDMuMzkyMzggOS41ODM0OSAzLjY4NDU0IDkuNDAzMjQgMy44NjQ3OEM5LjIyMyA0LjA0NTAzIDguOTMwODQgNC4wNDUwMyA4Ljc1MDYgMy44NjQ3OEw2LjQ2MTU0IDEuNTc1NzJWNy44NDYxNUM2LjQ2MTU0IDguMTAxMDUgNi4yNTQ5IDguMzA3NjkgNiA4LjMwNzY5QzUuNzQ1MSA4LjMwNzY5IDUuNTM4NDYgOC4xMDEwNSA1LjUzODQ2IDcuODQ2MTVaIiBmaWxsPSIjMTAxMDEzIi8+Cjwvc3ZnPgo=");
}

.amk-editor-import-menu-icon-url {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyLjk5OTciIGhlaWdodD0iMTIuOTk5OCIgdmlld0JveD0iMCAwIDEyLjk5OTcgMTIuOTk5OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgZD0iTTIuMjA1NiA1LjU4MzE1QzIuNDAwODUgNS4zODgwOSAyLjcxNzQyIDUuMzg4MDMgMi45MTI2MyA1LjU4MzE1QzMuMTA3ODMgNS43NzgzNiAzLjEwNzcyIDYuMDk0OTEgMi45MTI2MyA2LjI5MDE4TDEuNzg2MzMgNy40MTY0OUMwLjczNzc1NyA4LjQ2NTA2IDAuNzM3ODczIDEwLjE2NSAxLjc4NjMzIDExLjIxMzRDMi44MzQ4IDEyLjI2MTggNC41MzUxOSAxMi4yNjE4IDUuNTgzODUgMTEuMjEzNEw2LjcwODg1IDEwLjA4NzdDNi45MDQwMiA5Ljg5MjM3IDcuMjIwNTMgOS44OTE5MiA3LjQxNTg5IDEwLjA4NzFDNy42MTEyNCAxMC4yODIyIDcuNjExMDYgMTAuNTk4NyA3LjQxNTg5IDEwLjc5NDFMNi4yOTE1NCAxMS45MjA0SDYuMjkwODlDNC44NTE5NCAxMy4zNTkxIDIuNTE4NDYgMTMuMzU5OCAxLjA3OTMgMTEuOTIxQy0wLjM1OTg2OCAxMC40ODIgLTAuMzU5NjYzIDguMTQ4NDIgMS4wNzkzIDYuNzA5NDZMMi4yMDU2IDUuNTgzMTVaTTguMzk4OTYgMy44OTQzNUM4LjU5NDI0IDMuNjk5MzEgOC45MTA4MSAzLjY5OTE2IDkuMTA1OTkgMy44OTQzNUM5LjMwMTE1IDQuMDg5NTQgOS4zMDEwMSA0LjQwNjExIDkuMTA1OTkgNC42MDEzOEw0LjYwMTQzIDkuMTA1OTRDNC40MDYyMiA5LjMwMTA0IDQuMDg5NjQgOS4zMDEgMy44OTQ0IDkuMTA1OTRDMy42OTkxOCA4LjkxMDcxIDMuNjk5MjUgOC41OTQxNyAzLjg5NDQgOC4zOTg5MUw4LjM5ODk2IDMuODk0MzVaTTYuNzA5NTEgMS4wNzkyNUM4LjE0ODY1IC0wLjM1OTgwNSAxMC40ODE0IC0wLjM1OTY5MyAxMS45MjA0IDEuMDc5MjVDMTMuMzU5NSAyLjUxODI2IDEzLjM1OTUgNC44NTExNiAxMS45MjA0IDYuMjkwMThMMTAuNzk0OCA3LjQxNjQ5QzEwLjU5OTYgNy42MTE1NiAxMC4yODMgNy42MTE2MyAxMC4wODc4IDcuNDE2NDlDOS44OTI1OSA3LjIyMTI4IDkuODkyNjYgNi45MDQ3MyAxMC4wODc4IDYuNzA5NDZMMTEuMjEzNCA1LjU4MzE1TDExLjMwODUgNS40ODI4OUMxMi4yNjA4IDQuNDI4OTMgMTIuMjI5MiAyLjgwMTk5IDExLjIxMzQgMS43ODYyOEMxMC4xNjQ4IDAuNzM3NzY1IDguNDY1MDYgMC43Mzc4MiA3LjQxNjU0IDEuNzg2MjhMNi4yOTAyNCAyLjkxMTkzQzYuMDk0OTcgMy4xMDcxOSA1Ljc3ODQ2IDMuMTA3MiA1LjU4MzIgMi45MTE5M0M1LjM4ODA1IDIuNzE2NjUgNS4zODc5NyAyLjQwMDEyIDUuNTgzMiAyLjIwNDlMNi43MDk1MSAxLjA3OTI1WiIgZmlsbD0iIzEwMTAxMyIvPgo8L3N2Zz4K");
  background-size: 13px 13px;
}

.amk-editor-import-menu-icon-system {
  background-image: none;
}

.amk-editor-import-menu-icon-system:before, .amk-editor-import-menu-icon-system:after {
  position: absolute;
  display: block;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.amk-editor-import-menu-icon-system:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEzLjAwOTMiIGhlaWdodD0iOS41NDU3MiIgdmlld0JveD0iMCAwIDEzLjAwOTMgOS41NDU3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTAuNzIxNjgyIDYuMDMyMTNDMC41MjA0MSA1LjQyNzYxIDAuNDU5MzQ3IDQuNzg1MjEgMC41NDMxMiA0LjE1MzU5QzAuNjI2ODkzIDMuNTIxOTcgMC44NTMzMDQgMi45MTc3IDEuMjA1MiAyLjM4NjU1QzEuNTU3MSAxLjg1NTM5IDIuMDI1MjcgMS40MTEyOCAyLjU3NDIyIDEuMDg3ODZDMy4xMjMxOCAwLjc2NDQzOSAzLjczODU1IDAuNTcwMTg1IDQuMzczNyAwLjUxOTgxMUM1LjAwODg2IDAuNDY5NDM4IDUuNjQ3MTUgMC41NjQyNjcgNi4yNDAyMiAwLjc5NzExNUM2LjgzMzMgMS4wMjk5NiA3LjM2NTYxIDEuMzk0NzIgNy43OTY4NCAxLjg2Mzc3QzguMjI4MDYgMi4zMzI4MiA4LjU0Njg5IDIuODkzODQgOC43MjkxOCAzLjUwNDM2SDkuODAyOTJDMTAuMzgyMSAzLjUwNDMgMTAuOTQ1OSAzLjY5MDUxIDExLjQxMTEgNC4wMzU1QzExLjg3NjMgNC4zODA0OSAxMi4yMTgzIDQuODY1OTYgMTIuMzg2NCA1LjQyMDE5QzEyLjU1NDUgNS45NzQ0MyAxMi41Mzk5IDYuNTY4MDQgMTIuMzQ0NyA3LjExMzM0QzEyLjE0OTYgNy42NTg2MyAxMS45MzQ0IDguMDI2MyAxMS4xMTkgOC41NzA5M0MxMC4zMDM2IDkuMTE1NTUgNy44MTgxIDkuMDM0ODQgNy44MTgxIDkuMDM0ODQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4wMTMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  width: 13.01px;
  height: 9.55px;
  top: 1.87px;
  left: 1.51px;
  transform: rotate(-8deg)scaleX(-1);
}

.amk-editor-import-menu-icon-system:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjQuNDEwMTkiIGhlaWdodD0iNS42NDEwMyIgdmlld0JveD0iMCAwIDQuNDEwMTkgNS42NDEwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKSIgZD0iTTEuNzQzNTUgMS41NzU3MlY1LjE3OTQ5QzEuNzQzNTUgNS40MzQzOSAxLjk1MDE5IDUuNjQxMDMgMi4yMDUwOSA1LjY0MTAzQzIuNDU5OTkgNS42NDEwMiAyLjY2NjYzIDUuNDM0MzkgMi42NjY2MyA1LjE3OTQ5VjEuNTc1NzJMMy42MjIzNiAyLjUzMTQ1QzMuODAyNiAyLjcxMTY5IDQuMDk0NzYgMi43MTE2OSA0LjI3NSAyLjUzMTQ1QzQuNDU1MjUgMi4zNTEyMSA0LjQ1NTI1IDIuMDU5MDUgNC4yNzUgMS44Nzg4MUwyLjUzMTQxIDAuMTM1MjE2QzIuNDQ0ODYgMC4wNDg2NjEyIDIuMzI3NSAwIDIuMjA1MDkgMEMyLjExMzMxIDAgMi4wMjQzNCAwLjAyNzM1MTYgMS45NDkwOCAwLjA3NzUyNEwxLjg3ODc3IDAuMTM1MjE2TDAuMTM1MTgxIDEuODc4ODFDLTAuMDQ1MDYwNSAyLjA1OTA1IC0wLjA0NTA2MDUgMi4zNTEyMSAwLjEzNTE4MSAyLjUzMTQ1QzAuMzE1NDIzIDIuNzExNjkgMC42MDc1ODMgMi43MTE2OSAwLjc4NzgyNSAyLjUzMTQ1TDEuNzQzNTUgMS41NzU3MloiIGZpbGw9IiMxMDEwMTMiLz4KPC9zdmc+Cg==");
  width: 4.41px;
  height: 5.64px;
  bottom: 2.36px;
  right: 2.26px;
}

.amk-editor-import-action {
  display: inline-flex;
  color: #383740;
  white-space: nowrap;
  cursor: pointer;
  background: #f6f6fc;
  border: none;
  border-radius: 4px;
  align-items:  center;
  gap: 4px;
  height: 24px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 16px;
}

.amk-editor-import-action:hover {
  background: #ebebf5;
}

.amk-editor-import-action:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.amk-editor-import-action:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-import-action-icon {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.amk-editor-import-local-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA3LjkzODU1VjcuMzg0NjFDMS41IDcuMTkzNDQgMS42NTQ5OCA3LjAzODQ2IDEuODQ2MTUgNy4wMzg0NkMyLjAzNzMzIDcuMDM4NDYgMi4xOTIzMSA3LjE5MzQ0IDIuMTkyMzEgNy4zODQ2MVY3LjkzODU1QzIuMTkyMzEgOC4zMzE5NCAyLjE5MjQ0IDguNjA2MiAyLjIwOTg5IDguODE5NzFDMi4yMjcgOS4wMjkxNyAyLjI1OSA5LjE0OTUzIDIuMzA1NDQgOS4yNDA2OEMyLjQwNSA5LjQzNjA4IDIuNTYzOTIgOS41OTUgMi43NTkzMiA5LjY5NDU2QzIuODUwNDcgOS43NDEgMi45NzA4MyA5Ljc3MyAzLjE4MDI5IDkuNzkwMTFDMy4zOTM3OSA5LjgwNzU2IDMuNjY4MDYgOS44MDc2OSA0LjA2MTQ1IDkuODA3NjlINy45Mzg1NUM4LjMzMTk0IDkuODA3NjkgOC42MDYyMSA5LjgwNzU2IDguODE5NzEgOS43OTAxMUM5LjAyOTE3IDkuNzczIDkuMTQ5NTMgOS43NDEgOS4yNDA2OCA5LjY5NDU2QzkuNDM2MDggOS41OTUgOS41OTUgOS40MzYwOCA5LjY5NDU2IDkuMjQwNjhDOS43NDEgOS4xNDk1MyA5Ljc3MyA5LjAyOTE3IDkuNzkwMTEgOC44MTk3MUM5LjgwNzU2IDguNjA2MiA5LjgwNzY5IDguMzMxOTQgOS44MDc2OSA3LjkzODU1VjcuMzg0NjFDOS44MDc2OSA3LjE5MzQ0IDkuOTYyNjcgNy4wMzg0NiAxMC4xNTM4IDcuMDM4NDZDMTAuMzQ1IDcuMDM4NDYgMTAuNSA3LjE5MzQ0IDEwLjUgNy4zODQ2MVY3LjkzODU1QzEwLjUgOC4zMjA1MSAxMC41MDA0IDguNjI3ODIgMTAuNDgwMiA4Ljg3NjA1QzEwLjQ1OTYgOS4xMjgzMyAxMC40MTU2IDkuMzQ5ODIgMTAuMzExMSA5LjU1NDg0QzEwLjE0NTIgOS44ODA1IDkuODgwNSAxMC4xNDUyIDkuNTU0ODQgMTAuMzExMUM5LjM0OTgyIDEwLjQxNTYgOS4xMjgzMyAxMC40NTk2IDguODc2MDUgMTAuNDgwMkM4LjYyNzgyIDEwLjUwMDQgOC4zMjA1MSAxMC41IDcuOTM4NTUgMTAuNUg0LjA2MTQ1QzMuNjc5NDkgMTAuNSAzLjM3MjE4IDEwLjUwMDQgMy4xMjM5NSAxMC40ODAyQzIuODcxNjcgMTAuNDU5NiAyLjY1MDE4IDEwLjQxNTYgMi40NDUxNiAxMC4zMTExQzIuMTE5NSAxMC4xNDUyIDEuODU0NzkgOS44ODA1IDEuNjg4ODUgOS41NTQ4NEMxLjU4NDQgOS4zNDk4MiAxLjU0MDQ0IDkuMTI4MzMgMS41MTk4MyA4Ljg3NjA1QzEuNDk5NTUgOC42Mjc4MiAxLjUgOC4zMjA1MSAxLjUgNy45Mzg1NVpNNS42NTM4NSA3LjM4NDYxVjIuNjgxNzlMMy45MzcwNSA0LjM5ODU5QzMuODAxODcgNC41MzM3NyAzLjU4Mjc1IDQuNTMzNzcgMy40NDc1NyA0LjM5ODU5QzMuMzEyMzkgNC4yNjM0MSAzLjMxMjM5IDQuMDQ0MjkgMy40NDc1NyAzLjkwOTFMNS43NTUyNiAxLjYwMTQxTDUuODA3OTkgMS41NTgxNEM1Ljg2NDQ0IDEuNTIwNTEgNS45MzExNiAxLjUgNiAxLjVDNi4wOTE4MSAxLjUgNi4xNzk4MyAxLjUzNjUgNi4yNDQ3NCAxLjYwMTQxTDguNTUyNDMgMy45MDkxQzguNjg3NjEgNC4wNDQyOSA4LjY4NzYxIDQuMjYzNDEgOC41NTI0MyA0LjM5ODU5QzguNDE3MjUgNC41MzM3NyA4LjE5ODEzIDQuNTMzNzcgOC4wNjI5NSA0LjM5ODU5TDYuMzQ2MTUgMi42ODE3OVY3LjM4NDYxQzYuMzQ2MTUgNy41NzU3OSA2LjE5MTE3IDcuNzMwNzcgNiA3LjczMDc3QzUuODA4ODIgNy43MzA3NyA1LjY1Mzg1IDcuNTc1NzkgNS42NTM4NSA3LjM4NDYxWiIgZmlsbD0iIzU5NTg2MyIgc3Ryb2tlPSIjNTk1ODYzIiBzdHJva2Utd2lkdGg9IjAuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.amk-editor-import-url-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMTApIj4KPHBhdGggZD0iTTYuMzUzNzggOS4xODE5Nkw1LjY0NjY3IDkuODg5MDdDNC42NzAzNiAxMC44NjU0IDMuMDg3NDUgMTAuODY1NCAyLjExMTE0IDkuODg5MDdDMS4xMzQ4MyA4LjkxMjc2IDEuMTM0ODMgNy4zMjk4NSAyLjExMTE0IDYuMzUzNTRMMi44MTgyNSA1LjY0NjQzTTkuMTgyMjEgNi4zNTM1NEw5Ljg4OTMxIDUuNjQ2NDNDMTAuODY1NiA0LjY3MDEyIDEwLjg2NTYgMy4wODcyMSA5Ljg4OTMxIDIuMTEwOUM4LjkxMyAxLjEzNDU4IDcuMzMwMDkgMS4xMzQ1OCA2LjM1Mzc4IDIuMTEwOUw1LjY0NjY3IDIuODE4TTQuMjUwMjMgNy43NDk5N0w3Ljc1MDIzIDQuMjQ5OTciIHN0cm9rZT0iIzU5NTg2MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF8xMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
}

[data-theme="dark"] .amk-editor-header {
  color: #fff;
  background: #101013;
  border-bottom-color: #2e2e32;
}

[data-theme="dark"] .amk-editor-header-icon-button:hover, [data-theme="dark"] .amk-editor-header-export-task:hover, [data-theme="dark"] .amk-editor-header-close:hover {
  background: #2e2e32;
}

[data-theme="dark"] .amk-editor-header-back-icon, [data-theme="dark"] .amk-editor-header-edit-icon, [data-theme="dark"] .amk-editor-header-close-icon {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .amk-editor-header-title {
  color: #fff;
}

[data-theme="dark"] .amk-editor-header-save-status {
  color: #b8b7c3;
}

[data-theme="dark"] .amk-editor-header-export-task {
  color: #b8b7c3;
  background: none;
}

[data-theme="dark"] .amk-editor-header-export-task-icon, [data-theme="dark"] .amk-editor-header-export-task-activity, [data-theme="dark"] .amk-editor-header-export-task-status-icon.is-polling {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .amk-editor-header-export-task-popover {
  color: #ffffffe6;
  background: #131418;
  border-color: #38383d;
  box-shadow: 0 8px 24px #0006;
}

[data-theme="dark"] .amk-editor-header-export-task-row, [data-theme="dark"] .amk-editor-header-export-task-name {
  color: #ffffffe6;
}

[data-theme="dark"] .amk-editor-header-export-task-row:hover {
  background: #2b2b2d;
}

[data-theme="dark"] .amk-editor-header-export-task-retention, [data-theme="dark"] .amk-editor-header-export-task-detail, [data-theme="dark"] .amk-editor-header-export-task-empty {
  color: #b8b7c3;
}

[data-theme="dark"] .amk-editor-header-export-task-skeleton-title, [data-theme="dark"] .amk-editor-header-export-task-skeleton-time {
  background: linear-gradient(90deg, #2b2b2d 25%, #38383d, #2b2b2d 75%) 0 0 / 200% 100%;
}

[data-theme="dark"] .amk-editor-header-export-task-status {
  color: #b8b7c3;
}

[data-theme="dark"] .amk-editor-header-export-task-row-actions {
  color: #ffffffe6;
}

[data-theme="dark"] .amk-editor-header-export-task-row-actions button:hover {
  color: #ffffffe6;
  background: #373739;
}

[data-theme="dark"] .amk-editor-header-export-task-row-actions button:active {
  color: #ffffffe6;
  background: #484849;
}

[data-theme="dark"] .amk-editor-header-export-task-submitted-time {
  color: #85858f;
}

[data-theme="dark"] .amk-editor-header-export-task-row-actions button.is-error {
  color: #ff6b6b;
}

[data-theme="dark"] .amk-editor-export-preview-dialog {
  color: #ffffffe6;
  background: #212428;
  box-shadow: 0 8px 24px #00000059;
}

[data-theme="dark"] .amk-editor-export-preview-close {
  color: #ffffffe6;
  background: none;
}

[data-theme="dark"] .amk-editor-export-preview-close:hover {
  color: #ffffffe6;
  background: #313132;
}

[data-theme="dark"] .amk-editor-export-preview-viewer.is-audio {
  background: #1f1f20;
}

[data-theme="dark"] .amk-editor-export-preview-name {
  color: #b8b7c3;
}

[data-theme="dark"] .amk-editor-header-export {
  color: #fff;
  background: none;
}

[data-theme="dark"] .amk-editor-header-export:hover {
  background: #2e2e32;
}

[data-theme="dark"] .amk-editor-header-export-icon {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .amk-editor-import-action {
  color: #ffffffe6;
  background: #232324;
  font-weight: 600;
}

[data-theme="dark"] .amk-editor-import-dropdown {
  color: #b8b7c3;
}

[data-theme="dark"] .amk-editor-import-trigger {
  color: #ffffffe6;
  background: #232324;
  font-weight: 600;
}

[data-theme="dark"] .amk-editor-import-trigger:hover {
  background: #2e2e30;
}

[data-theme="dark"] .amk-editor-import-trigger-arrow {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .amk-editor-import-dropdown::part(panel) {
  background: #232324;
  border-color: #3d3d42;
}

[data-theme="dark"] .amk-editor-import-dropdown ve-dropdown-item {
  --ve-dropdown-item-color: #ffffffe6 !important;
  --ve-dropdown-item-hover-bg: #353537 !important;
  --ve-dropdown-item-active-bg: #404044 !important;
}

[data-theme="dark"] .amk-editor-import-dropdown ve-dropdown-item::part(button) {
  color: #ffffffe6 !important;
}

[data-theme="dark"] .amk-editor-import-dropdown ve-dropdown-item::part(button):hover {
  color: #fff !important;
}

[data-theme="dark"] .amk-editor-import-menu-icon {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .amk-editor-import-action:hover {
  background: #2e2e30;
}

[data-theme="dark"] .amk-editor-import-action-icon {
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentColor;
  background-image: none;
}

[data-theme="dark"] .amk-editor-import-local-icon {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA3LjkzODU1VjcuMzg0NjFDMS41IDcuMTkzNDQgMS42NTQ5OCA3LjAzODQ2IDEuODQ2MTUgNy4wMzg0NkMyLjAzNzMzIDcuMDM4NDYgMi4xOTIzMSA3LjE5MzQ0IDIuMTkyMzEgNy4zODQ2MVY3LjkzODU1QzIuMTkyMzEgOC4zMzE5NCAyLjE5MjQ0IDguNjA2MiAyLjIwOTg5IDguODE5NzFDMi4yMjcgOS4wMjkxNyAyLjI1OSA5LjE0OTUzIDIuMzA1NDQgOS4yNDA2OEMyLjQwNSA5LjQzNjA4IDIuNTYzOTIgOS41OTUgMi43NTkzMiA5LjY5NDU2QzIuODUwNDcgOS43NDEgMi45NzA4MyA5Ljc3MyAzLjE4MDI5IDkuNzkwMTFDMy4zOTM3OSA5LjgwNzU2IDMuNjY4MDYgOS44MDc2OSA0LjA2MTQ1IDkuODA3NjlINy45Mzg1NUM4LjMzMTk0IDkuODA3NjkgOC42MDYyMSA5LjgwNzU2IDguODE5NzEgOS43OTAxMUM5LjAyOTE3IDkuNzczIDkuMTQ5NTMgOS43NDEgOS4yNDA2OCA5LjY5NDU2QzkuNDM2MDggOS41OTUgOS41OTUgOS40MzYwOCA5LjY5NDU2IDkuMjQwNjhDOS43NDEgOS4xNDk1MyA5Ljc3MyA5LjAyOTE3IDkuNzkwMTEgOC44MTk3MUM5LjgwNzU2IDguNjA2MiA5LjgwNzY5IDguMzMxOTQgOS44MDc2OSA3LjkzODU1VjcuMzg0NjFDOS44MDc2OSA3LjE5MzQ0IDkuOTYyNjcgNy4wMzg0NiAxMC4xNTM4IDcuMDM4NDZDMTAuMzQ1IDcuMDM4NDYgMTAuNSA3LjE5MzQ0IDEwLjUgNy4zODQ2MVY3LjkzODU1QzEwLjUgOC4zMjA1MSAxMC41MDA0IDguNjI3ODIgMTAuNDgwMiA4Ljg3NjA1QzEwLjQ1OTYgOS4xMjgzMyAxMC40MTU2IDkuMzQ5ODIgMTAuMzExMSA5LjU1NDg0QzEwLjE0NTIgOS44ODA1IDkuODgwNSAxMC4xNDUyIDkuNTU0ODQgMTAuMzExMUM5LjM0OTgyIDEwLjQxNTYgOS4xMjgzMyAxMC40NTk2IDguODc2MDUgMTAuNDgwMkM4LjYyNzgyIDEwLjUwMDQgOC4zMjA1MSAxMC41IDcuOTM4NTUgMTAuNUg0LjA2MTQ1QzMuNjc5NDkgMTAuNSAzLjM3MjE4IDEwLjUwMDQgMy4xMjM5NSAxMC40ODAyQzIuODcxNjcgMTAuNDU5NiAyLjY1MDE4IDEwLjQxNTYgMi40NDUxNiAxMC4zMTExQzIuMTE5NSAxMC4xNDUyIDEuODU0NzkgOS44ODA1IDEuNjg4ODUgOS41NTQ4NEMxLjU4NDQgOS4zNDk4MiAxLjU0MDQ0IDkuMTI4MzMgMS41MTk4MyA4Ljg3NjA1QzEuNDk5NTUgOC42Mjc4MiAxLjUgOC4zMjA1MSAxLjUgNy45Mzg1NVpNNS42NTM4NSA3LjM4NDYxVjIuNjgxNzlMMy45MzcwNSA0LjM5ODU5QzMuODAxODcgNC41MzM3NyAzLjU4Mjc1IDQuNTMzNzcgMy40NDc1NyA0LjM5ODU5QzMuMzEyMzkgNC4yNjM0MSAzLjMxMjM5IDQuMDQ0MjkgMy40NDc1NyAzLjkwOTFMNS43NTUyNiAxLjYwMTQxTDUuODA3OTkgMS41NTgxNEM1Ljg2NDQ0IDEuNTIwNTEgNS45MzExNiAxLjUgNiAxLjVDNi4wOTE4MSAxLjUgNi4xNzk4MyAxLjUzNjUgNi4yNDQ3NCAxLjYwMTQxTDguNTUyNDMgMy45MDkxQzguNjg3NjEgNC4wNDQyOSA4LjY4NzYxIDQuMjYzNDEgOC41NTI0MyA0LjM5ODU5QzguNDE3MjUgNC41MzM3NyA4LjE5ODEzIDQuNTMzNzcgOC4wNjI5NSA0LjM5ODU5TDYuMzQ2MTUgMi42ODE3OVY3LjM4NDYxQzYuMzQ2MTUgNy41NzU3OSA2LjE5MTE3IDcuNzMwNzcgNiA3LjczMDc3QzUuODA4ODIgNy43MzA3NyA1LjY1Mzg1IDcuNTc1NzkgNS42NTM4NSA3LjM4NDYxWiIgZmlsbD0iIzU5NTg2MyIgc3Ryb2tlPSIjNTk1ODYzIiBzdHJva2Utd2lkdGg9IjAuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

[data-theme="dark"] .amk-editor-import-url-icon {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMTApIj4KPHBhdGggZD0iTTYuMzUzNzggOS4xODE5Nkw1LjY0NjY3IDkuODg5MDdDNC42NzAzNiAxMC44NjU0IDMuMDg3NDUgMTAuODY1NCAyLjExMTE0IDkuODg5MDdDMS4xMzQ4MyA4LjkxMjc2IDEuMTM0ODMgNy4zMjk4NSAyLjExMTE0IDYuMzUzNTRMMi44MTgyNSA1LjY0NjQzTTkuMTgyMjEgNi4zNTM1NEw5Ljg4OTMxIDUuNjQ2NDNDMTAuODY1NiA0LjY3MDEyIDEwLjg2NTYgMy4wODcyMSA5Ljg4OTMxIDIuMTEwOUM4LjkxMyAxLjEzNDU4IDcuMzMwMDkgMS4xMzQ1OCA2LjM1Mzc4IDIuMTEwOUw1LjY0NjY3IDIuODE4TTQuMjUwMjMgNy43NDk5N0w3Ljc1MDIzIDQuMjQ5OTciIHN0cm9rZT0iIzU5NTg2MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF8xMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
}

.amk-editor-local-upload-dialog, .amk-editor-local-upload-dialog *, .amk-editor-local-upload-dialog *:before, .amk-editor-local-upload-dialog *:after {
  box-sizing: border-box;
}

.amk-editor-modal-layer {
  position: fixed;
  z-index: 1001;
  display: flex;
  overflow: auto;
  justify-content: center;
  align-items:  center;
  padding: 16px;
  inset: 0;
}

.amk-editor-modal-layer > .veveditor-vod-modal {
  flex: none;
  max-width: calc(100vw - 32px);
  margin: auto;
  top: auto;
}

.amk-editor-local-upload-dialog, .amk-editor-url-upload-dialog, .amk-editor-export-dialog, .amk-editor-confirm-dialog, .amk-editor-asr-progress-dialog {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.amk-editor-local-upload-dialog {
  overflow: visible;
  color: #101013;
  box-shadow: none;
  background: none;
  border: 0;
  width: min(760px, 100vw - 32px);
  max-width: none;
  max-height: calc(100vh - 32px);
  padding: 0;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-local-upload-dialog .veveditor-vod-modal-content, .amk-editor-url-upload-dialog .veveditor-vod-modal-content, .amk-editor-export-dialog .veveditor-vod-modal-content, .amk-editor-confirm-dialog .veveditor-vod-modal-content, .amk-editor-asr-progress-dialog .veveditor-vod-modal-content {
  overflow: visible;
  padding: 0;
}

.amk-editor-local-upload-dialog:focus {
  outline: none;
}

.amk-editor-local-upload-panel {
  display: flex;
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 32px);
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d, inset 0 0 0 1px #ebebf5;
}

.amk-editor-local-upload-header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  padding: 20px 18px 16px 24px;
}

.amk-editor-local-upload-title {
  color: #101013;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

.amk-editor-local-upload-close {
  display: inline-flex;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.amk-editor-local-upload-close:hover:not(:disabled) {
  background: #f2f3f5;
}

.amk-editor-local-upload-close:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-local-upload-close:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.amk-editor-local-upload-close-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.amk-editor-local-upload-close-icon:before, .amk-editor-local-upload-close-icon:after, .amk-editor-url-upload-close-icon:before, .amk-editor-url-upload-close-icon:after {
  position: absolute;
  content: "";
  background: #101013;
  width: 14px;
  height: 1.5px;
  top: 7px;
  left: 1px;
}

.amk-editor-local-upload-close-icon:before, .amk-editor-url-upload-close-icon:before {
  transform: rotate(45deg);
}

.amk-editor-local-upload-close-icon:after, .amk-editor-url-upload-close-icon:after {
  transform: rotate(-45deg);
}

.amk-editor-local-upload-content {
  overflow: auto;
  min-height: 0;
  padding: 0 24px;
}

.amk-editor-local-upload-dropzone {
  display: flex;
  color: #383740;
  font: inherit;
  cursor: pointer;
  background: #fafafd;
  border: 1px dashed #c5c8d0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 152px;
  padding: 16px;
  font-size: 14px;
  line-height: 22px;
}

.amk-editor-local-upload-dropzone:hover:not(:disabled) {
  background: #f6f7fb;
  border-color: #000;
}

.amk-editor-local-upload-dropzone:focus-visible {
  outline: none;
  border-color: #165dff;
  box-shadow: inset 0 0 0 1px #165dff;
}

.amk-editor-local-upload-dropzone:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.amk-editor-local-upload-add-icon {
  display: inline-flex;
  color: #737a87;
  justify-content: center;
  align-items:  center;
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
}

.amk-editor-local-upload-dropzone small {
  color: #949aa4;
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
}

.amk-editor-local-upload-table-wrapper {
  overflow: auto;
  border: 1px solid #ebebf5;
  border-radius: 8px;
  max-height: 230px;
  margin-top: 16px;
}

.amk-editor-local-upload-table {
  border-collapse: collapse;
  table-layout: fixed;
  color: #383740;
  text-align: left;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
}

.amk-editor-local-upload-table th, .amk-editor-local-upload-table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ebebf5;
  height: 40px;
  padding: 8px 12px;
}

.amk-editor-local-upload-table th {
  color: #737a87;
  background: #f7f8fa;
  font-weight: 400;
}

.amk-editor-local-upload-table th:first-child {
  width: 46%;
}

.amk-editor-local-upload-table tbody tr:last-child td {
  border-bottom: 0;
}

.amk-editor-local-upload-error {
  color: #e5484d;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 20px;
}

.amk-editor-local-upload-footer {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  padding: 40px 24px 20px;
}

.amk-editor-local-upload-cancel, .amk-editor-local-upload-submit {
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  min-width: 64px;
  height: 32px;
  padding: 5px 16px;
  font-size: 12px;
  line-height: 22px;
}

.amk-editor-local-upload-cancel {
  color: #101013;
  background: #f6f6fc;
}

.amk-editor-local-upload-submit {
  color: #fff;
  background: #101013;
}

.amk-editor-local-upload-cancel:hover:not(:disabled) {
  background: #ebebf5;
}

.amk-editor-local-upload-submit:hover:not(:disabled) {
  background: #000;
}

.amk-editor-local-upload-cancel:disabled, .amk-editor-local-upload-submit:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.amk-editor-url-upload-dialog, .amk-editor-url-upload-dialog *, .amk-editor-url-upload-dialog *:before, .amk-editor-url-upload-dialog *:after {
  box-sizing: border-box;
}

.amk-editor-url-upload-dialog {
  overflow: visible;
  color: #101013;
  background: none;
  border: 0;
  width: min(471px, 100vw - 32px);
  max-width: none;
  max-height: calc(100vh - 32px);
  padding: 0;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-url-upload-dialog:focus {
  outline: none;
}

.amk-editor-url-upload-panel {
  display: flex;
  overflow: hidden;
  color: #101013;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  height: 291px;
  max-height: calc(100vh - 32px);
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d, inset 0 0 0 1px #ebebf5;
}

.amk-editor-url-upload-header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  padding: 20px 18px 20px 24px;
}

.amk-editor-url-upload-title {
  color: #101013;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.amk-editor-url-upload-close {
  display: inline-flex;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.amk-editor-url-upload-close:hover:not(:disabled) {
  background: #f2f3f5;
}

.amk-editor-url-upload-close:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-url-upload-close:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.amk-editor-url-upload-close-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.amk-editor-url-upload-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0 24px;
}

.amk-editor-url-upload-hint {
  color: #737a87;
  white-space: normal;
  word-break: break-word;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}

.amk-editor-url-upload-hint.is-error {
  color: #f53f3f;
  font-weight: 500;
}

.amk-editor-url-upload-textarea-wrapper {
  position: relative;
  flex-shrink: 0;
  height: 120px;
  margin-top: 8px;
}

.amk-editor-url-upload-textarea {
  display: block;
  resize: none;
  color: #0c0d0e;
  font: inherit;
  background: #fff;
  border: 0;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 4px 12px 24px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  box-shadow: 0 0 0 1px #dde2e9;
}

.amk-editor-url-upload-textarea::placeholder {
  color: #737a87;
}

.amk-editor-url-upload-textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px #101013;
}

.amk-editor-url-upload-count {
  position: absolute;
  color: #737a87;
  pointer-events: none;
  font-size: 12px;
  line-height: 20px;
  bottom: 6px;
  right: 12px;
}

.amk-editor-url-upload-footer {
  display: flex;
  flex-shrink: 0;
  padding: 20px 24px;
}

.amk-editor-url-upload-submit {
  overflow: hidden;
  color: #fff;
  font: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  background: #101013;
  border: 0;
  border-radius: 8px;
  width: 100%;
  height: 32px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.amk-editor-url-upload-submit:hover:not(:disabled) {
  background: #2a2a2e;
}

.amk-editor-url-upload-submit:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.amk-editor-asr-progress-dialog, .amk-editor-asr-progress-dialog *, .amk-editor-asr-progress-dialog *:before, .amk-editor-asr-progress-dialog *:after {
  box-sizing: border-box;
}

.amk-editor-asr-progress-dialog {
  overflow: visible;
  color: #101013;
  background: none;
  border: 0;
  width: min(320px, 100vw - 32px);
  max-width: none;
  padding: 0;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-confirm-dialog, .amk-editor-confirm-dialog *, .amk-editor-confirm-dialog *:before, .amk-editor-confirm-dialog *:after {
  box-sizing: border-box;
}

.amk-editor-confirm-dialog {
  overflow: visible;
  color: #101013;
  background: none;
  border: 0;
  width: min(480px, 100vw - 32px);
  max-width: none;
  padding: 0;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-confirm-panel {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
}

.amk-editor-confirm-header {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding: 16px 20px 0;
}

.amk-editor-confirm-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.amk-editor-confirm-close {
  position: relative;
  cursor: pointer;
  background: none;
  border: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 0;
  line-height: 1;
}

.amk-editor-confirm-close:before, .amk-editor-confirm-close:after, .amk-editor-asr-progress-close:before, .amk-editor-asr-progress-close:after {
  position: absolute;
  content: "";
  background: currentColor;
  width: 16px;
  height: 1.5px;
  top: 11px;
  left: 4px;
}

.amk-editor-confirm-close:before, .amk-editor-asr-progress-close:before {
  transform: rotate(45deg);
}

.amk-editor-confirm-close:after, .amk-editor-asr-progress-close:after {
  transform: rotate(-45deg);
}

.amk-editor-confirm-body {
  padding: 12px 20px 20px;
  font-size: 14px;
  line-height: 22px;
}

.amk-editor-confirm-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 20px 20px;
}

.amk-editor-confirm-btn {
  cursor: pointer;
  border: none;
  border-radius: 4px;
  min-width: 88px;
  height: 32px;
  padding: 0 16px;
  font-size: 12px;
}

.amk-editor-confirm-dialog-dark .amk-editor-confirm-panel {
  background: #212428;
  box-shadow: 0 0 0 1px #eaedf1, 0 15px 35px -2px #0000000d;
}

.amk-editor-confirm-dialog-dark .amk-editor-confirm-title {
  color: #fff;
}

.amk-editor-confirm-dialog-dark .amk-editor-confirm-close {
  color: #939aa3;
}

.amk-editor-confirm-dialog-dark .amk-editor-confirm-body {
  color: #c9cdd4;
}

.amk-editor-confirm-dialog-dark .amk-editor-confirm-btn-cancel {
  color: #fff;
  background: #2a2c2f;
}

.amk-editor-confirm-dialog-dark .amk-editor-confirm-btn-ok {
  color: #fff;
  background: #165dff;
}

.amk-editor-confirm-dialog-light .amk-editor-confirm-panel {
  background: #fff;
  border: 1px solid #e5e6eb;
  box-shadow: 0 4px 20px #0000001a;
}

.amk-editor-confirm-dialog-light .amk-editor-confirm-title {
  color: #1d2129;
}

.amk-editor-confirm-dialog-light .amk-editor-confirm-close, .amk-editor-confirm-dialog-light .amk-editor-confirm-body {
  color: #4e5969;
}

.amk-editor-confirm-dialog-light .amk-editor-confirm-btn-cancel {
  color: #1d2129;
  background: #fff;
  border: 1px solid #e5e6eb;
}

.amk-editor-confirm-dialog-light .amk-editor-confirm-btn-ok {
  color: #fff;
  background: #165dff;
}

.amk-editor-asr-progress-panel {
  position: relative;
  display: flex;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  align-items:  center;
  padding: 36px 32px 28px;
  box-shadow: 0 16px 36px #0000002e;
}

.amk-editor-asr-progress-close {
  position: absolute;
  display: inline-flex;
  color: #4e5969;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  top: 12px;
  right: 12px;
}

.amk-editor-asr-progress-close:hover {
  background: #f2f3f5;
}

.amk-editor-asr-progress-spinner {
  animation: .8s linear infinite amk-editor-asr-progress-spin;
  border: 4px solid #1010134d;
  border-top-color: #101013;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.amk-editor-asr-progress-title {
  color: #1d2129;
  margin: 20px 0 28px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.amk-editor-asr-progress-cancel {
  color: #4e5969;
  font: inherit;
  cursor: pointer;
  background: #f2f3f5;
  border: 0;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}

.amk-editor-asr-progress-cancel:hover {
  background: #e5e6eb;
}

@keyframes amk-editor-asr-progress-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (width <= 640px) {
  .amk-editor-header-right {
    gap: 8px;
  }

  .amk-editor-export-preview-mask {
    padding: 16px;
  }

  .amk-editor-export-preview-dialog {
    width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    padding: 40px 16px 0;
  }

  .amk-editor-export-preview-viewer {
    height: auto;
    min-height: 0;
  }
}

.amk-editor-export-dialog, .amk-editor-export-dialog *, .amk-editor-export-dialog *:before, .amk-editor-export-dialog *:after {
  box-sizing: border-box;
}

.amk-editor-export-dialog {
  overflow: visible;
  background: none;
  border: 0;
  width: min(480px, 100vw - 32px);
  max-width: none;
  max-height: calc(100vh - 32px);
  padding: 0;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.amk-editor-export-panel {
  display: flex;
  overflow: hidden;
  color: #101013;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 32px);
  transition: height .16s;
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d, inset 0 0 0 1px #ebebf5;
}

.amk-editor-export-dialog.has-quality-enhancement .amk-editor-export-panel {
  height: 420px;
}

.amk-editor-export-dialog.is-enhanced .amk-editor-export-panel {
  height: 552px;
}

.amk-editor-export-modal-header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  padding: 20px 18px 20px 24px;
}

.amk-editor-export-modal-title {
  color: #101013;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.amk-editor-export-close, .amk-editor-export-tooltip-trigger {
  display: inline-flex;
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  padding: 0;
}

.amk-editor-export-close {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.amk-editor-export-close:hover, .amk-editor-export-tooltip-trigger:hover {
  background: #f2f3f5;
}

.amk-editor-export-tooltip-trigger:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-export-switch:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-export-button:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-export-input:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

.amk-editor-export-close-icon, .amk-editor-export-ai-icon, .amk-editor-export-question-icon, .amk-editor-export-info-icon {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.amk-editor-export-close-icon {
  position: relative;
  background-image: none;
  width: 16px;
  height: 16px;
}

.amk-editor-export-close-icon:before, .amk-editor-export-close-icon:after {
  position: absolute;
  content: "";
  background: #101013;
  width: 14px;
  height: 1.5px;
  top: 7px;
  left: 1px;
}

.amk-editor-export-close-icon:before {
  transform: rotate(45deg);
}

.amk-editor-export-close-icon:after {
  transform: rotate(-45deg);
}

.amk-editor-export-content {
  display: flex;
  overflow: visible;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  min-height: 0;
  padding: 0 24px 8px;
}

.amk-editor-export-dialog:not(.has-quality-enhancement) .amk-editor-export-content {
  flex: none;
}

.amk-editor-export-dialog.is-enhanced .amk-editor-export-content {
  gap: 16px;
  padding-bottom: 4px;
}

.amk-editor-export-field {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
}

.amk-editor-export-label {
  color: #737a87;
  letter-spacing: .04px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.amk-editor-export-input {
  color: #0c0d0e;
  font: inherit;
  letter-spacing: .04px;
  background-color: #fff;
  border: 0;
  border-radius: 6px;
  width: 100%;
  height: 32px;
  min-height: 32px;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  box-shadow: 0 0 0 1px #dde2e9;
}

.amk-editor-export-input:disabled {
  color: #737a87;
  cursor: not-allowed;
  background-color: #f6f8fa;
}

.amk-editor-export-input:disabled::placeholder {
  color: #c7ccd6;
}

.amk-editor-export-select {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 32px;
}

.amk-editor-export-select[disabled], .amk-editor-export-select[aria-disabled="true"] {
  --ve-select-control-background-disabled: #fff;
  --ve-select-control-text-disabled: #c7ccd6;
  --ve-select-control-border-disabled: #dde2e9;
  --ve-select-arrow-color: #c7ccd6;
}

.amk-editor-export-quality-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.amk-editor-export-quality-row {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  min-height: 24px;
}

.amk-editor-export-quality-label {
  display: flex;
  align-items:  center;
  gap: 8px;
  min-width: 0;
}

.amk-editor-export-quality-title {
  display: flex;
  align-items:  center;
  gap: 4px;
}

.amk-editor-export-quality-text-group {
  display: flex;
  align-items:  center;
  gap: 2px;
}

.amk-editor-export-ai-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABHtJREFUeAHtWM1S40YQ7h4ZlmwOyz7BiieArZxySK3JCyx5giXnHFZAUmBDglLBP1sVQBz2bt7AeYCkTCWHVOWw3idAPEGcAxt7sabTo0FibCwxLsxPVfiqZGmmW5rPPT3dPQPwgMnCgTvGynr95WfFYvev33/7J08PR75cqr5AxCJcEz2MGm8rWydZch7nlUBsAFAn+vBxLgj8TpZuYbhjbaPaAMRXMAHMIKqBD7LkAqmobYWz+Mn0PD8cZeqaDTUN/PZESCqQFLP5GmLxQhm/ytU0G+jQgtmORH8xmoa5i0s+Z62OrUx+6GVac3Wjts23ZykRAa9X1+vzWfoFyEGw831ruG9ts9YGguK4Mi3feSalKArAZZ7x4rCcDdVeK9cakqhB/358b/qsgFtCbEFywnjxjCBpYJl1Ws7j6WPTwrdGFMWgW1m8MSsKfTdtmaLVcm2bO3yjq0EAYdoimuWw5dnKiKi1XyvHK9nb8F1HTL1kxkvKPSCTH3b4vaYU9EuwU24m3bk+yljGwY+MJ0P04TzkBHU/BB2qDjTpRy0wFpOClHBA3a4/Kp7e6NQjRuGofkU6kr2i2ScJWvv1kpcV9HMtqkIMXAOBvxVmypgsR4lW4gZCRA3IQX548ksh3CAkYVOAyk4AXYBWnu5VPnqjoOnuIZw9WgKUzbc72TWBwp0SDfzYHxdtdG+UqArYJOQChy1XtSmSHShQSKf9o7xKaRSsicYhxZl5x5VGKEkG+7WtQ1O+Vq6/46jsElBzr1L6WpVwiNRAI1Sjw0GGAyw8djhTVX7cq2/6lsPbE0WamVdBnZ8WhIOjqiI3Dvosj/XPraiQJAbum9XfUJlKbH+7WX3yc6W8kuitrNcCDphx2kSJ3t6bjfeJzD6OOkwkJU2hKfJ8nwfXBFJScJEyuYp6vlctze1WNp7qKgvihUOEnuf56Z8WDrwWXAeoCxxaMsewJuqgdJPnPjoD2wbsTafFA0nSqxcvrG76Y+BvtiMjTRc+LbwAC1hPPZFh0T4scV2QDoCg/oT2RVGQx/oF5QLKIbE9/C2ekeMk5RJcVVyPSZQpuHpgXeQOyUwSoX7SrsC15eXVrSp/R38rQsyNn5dHuBqujZLsF0Lvu0rqn2y48NKgTpT63xlFx2ABK6LmYuF7OxKwaF48662UaK97ggV8Yrwemt/ifRnPhlhOZHm7VBN2U3865cLUORGJR0G11DLFHEP3tVtQRy0cr1xLixn2304S+PUWROd2LYx8sIQVUdNCKODvESquvokw/h2oM0XAeyHAoSMEVXvu1weTRh7sfVTv0Xk3HbUvCykOV5yV2lo1x5/Vd4T0VO0JY8DKoufbiacqOI/K0bvVkmu2SZwFvKg6jtBZimNbh23akaraP+02x83z1kQT2A6w99MPKvWtwARxa7vQ6+KB6KSRS/QbPoKBe4LcxTTDRzB8FgT3AQMWVScbcE8wHK8Hjsb//OPXk8+/+NJNqvQ7A9HhbnXzjdk18mjcK1WX+ERtHu4AUvDGL+PY8gH/S/wHS4bUN60VtxoAAAAASUVORK5CYII=");
  width: 14px;
  height: 14px;
}

.amk-editor-export-question-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABHtJREFUeAHdWM1u20YQnuFKstuT+gRmnsC6JkVaOsg99hNYubWHIpJ9qGU7Nd1Kli92VRQ9W3mCqg9Ql2kKGLkxT1D6CapTbane3c6SErnij0QqCRDkAwguuTPDT7M7PyuADwwIS2L3oL0mAGpwhyYyo6reSS6GUJLeGMD9pXN4DUugEKFm6+RLUtgExE26mwvEPbqcW+R2EXK5CDX2bJPhygVJW7Ac+nmJLSTU/Pb0mcFkL6mJQxDSleh7Ql30KKvMwBpN1oDGcRUpxPH56YENyxBqNOwq+2Tl14RXJDic3R332s8dmIPGYdcyhNhGMOoz6hIH4ub2aa9nD3MTmpBxaHa9KJGELbXcxorSWdNoufzf8UYaqVKakfKnlQuKoPWIC7m6O9/VWeid2h7dzJ397hH9ejt4izVU3gfYiMuz+Iudve4R7Y+vZsicLEdGx9Wr31/ef/hYLYnlU0IwHzx8NLx6dflal5tZsol7/85D5pvn36+XeblBQytKAdIlk+68iJr1FADJmrqsoQszo3ykPXpZZFTkVXjZJcP12XykIgzqq5J5O3udVN3zk9YxucGZPlcE6+vzISHlHdAigphbaQaVXCINqBSgLv2VYRw1D9pP0mwIIe2QAEWxSrgJQrp3JCWyLJfHvciNu42zzt5n6uJidI+0B9GXWSPNxo/d/Ze6l0DiVoIQDcMdLwx4AZlgtciOHOhpQEUUr4yfhhZR1rKs6F6iDf5khlCwXNM8IYe9dsvJMiRROMGvk4MRiGQGvwUtQ2M1y47vJQiWWUWcKtZq7OchlKvr/kIp5hJdmIPzzn5z3jyDiq0RmmuLPuzSZy1/qDoHgOvSxIoZCkl4A0sgtdTgXW+Bmhd+FtFU98BDEBVCNOAfKEompTz4Oaxz+GKenpTgTROhFEFPVYK3RGqtMkTjvH3wEywBn5CkzYWTPQSLG68ZTPZfSGbM/qv9/MN3uZadorBK1T+wYwh/gwdhz7W1lAUJsSi0BXUEecn43woye2BHSk/dAw+hfKOxrkEBSI4ulqQT6PI+FIFUhIKVuaE+3Cc2ndvd76qiaqoxdX5WkCfeH1S5MBCdyaN3dtK6pwZhpkbUUj6gDe8ZtBL16Zh85ITvpwMuYBAJzxa8eSC5bfKuVFez1d7OoxMv5CNqVxKEEgUvp5dwktCCMTPz6EzShI94IZ/phzgfaYURrKyeRgcFhBcR4t4ieb8j1XKW7h3fRlxh97DzjMp9mPLzHF3yQpGhSmCHtlM60kRPffXn5esHXzy2YBJxtCTW/c8f4dVflw68QzKqWyAyX8flUksHL4+22Hj1D1Lyc5Lq/mjTbqsusuiZ3Q9vtR/1oksFnN9EfZOO7IOiTdV7XLkgkc3YVJ/yVH9RnkolEpBx+M1oq9BBUUf8lBBp4pC6Pmr0qaeJ+mkTVekx0o/SquieLSi6Cwkp+I099dLxY3FukFduDV5/J382ZBBT/fcazOUAHi3tABj/rcjxuxChODnASo2hXJMQNFcIYsglXsMKuj275cHHgP8BGLz2RbUGK4gAAAAASUVORK5CYII=");
  width: 12px;
  height: 12px;
}

.amk-editor-export-tooltip {
  display: inline-flex;
}

.amk-editor-export-tooltip::part(panel) {
  box-sizing: border-box;
  display: flex;
  color: var(--color-text-primary, #101013);
  white-space: pre-wrap;
  background: var(--color-bg-overlay);
  border: 1px solid var(--color-primary-100, #ebebf5);
  box-shadow: var(--shadow-sm);
  border-radius: 8px;
  flex-direction: row;
  gap: 4px;
  width: 248px;
  padding: 8px 12px;
  font-family: PingFang SC, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.amk-editor-export-tooltip-trigger {
  border-radius: 3px;
  width: 16px;
  height: 16px;
}

.amk-editor-export-quality-tag {
  display: inline-flex;
  color: #5277ff;
  background: #f6f6fc;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  height: 18px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
}

.amk-editor-export-quality-tag-text {
  display: inline-block;
  color: #0000;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(77.86deg, #3b91ff -3.23%, #0d5eff 51.11%, #c069ff 98.65%);
  -webkit-background-clip: text;
  background-clip: text;
}

.amk-editor-export-switch {
  position: relative;
  cursor: pointer;
  background: #c9cdd4;
  border: 0;
  border-radius: 10px;
  width: 36px;
  height: 20px;
  padding: 3px;
  transition: background .16s;
}

.amk-editor-export-switch.is-checked {
  background: #101013;
}

.amk-editor-export-switch-thumb {
  display: block;
  background: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: transform .16s;
  box-shadow: 0 1px 2px #00000026;
}

.amk-editor-export-switch.is-checked .amk-editor-export-switch-thumb {
  transform: translate(16px);
}

.amk-editor-export-enhanced-info {
  display: flex;
  color: #42464e;
  letter-spacing: .03px;
  align-items:  center;
  gap: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 15.4px;
}

.amk-editor-export-enhanced-info[hidden], .amk-editor-export-keep-original-row[hidden], .amk-editor-export-enhancement-version[hidden] {
  display: none;
}

.amk-editor-export-keep-original-row {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  min-height: 20px;
}

.amk-editor-export-info-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABpVJREFUeAHVWn1MU1cUv6+P0mJbPgSDQ3DTbYFSYDCR0QZwJpuwLC7bAtVkyfYHaLLEbKDLPt3wa8Y4P/hjicl0/ucfFrfsM7POZFvYKmHqYkJB0CCjyFcLlrZQ+vHa3dPw3p5I37uvVVJ+ScO9L/c+zu+ec88599xHIQGEw2HKbrerJicnFcFgMEkul9NoCRAKhcIURfkLCgq87e3tPqPRyEQbSy320GQy0cXFxen4JQqUAPB6vbO3bt1yL0bkAQJ41Vf09vamyWQyCiUQsAWE7t69666trZ3hP79PyImJCfXU1FQqSmBgIq6ioiIP25exDVj5RBcekJSUlGo2m1VsP0IAbB7MBi0TrFmzRgMyQztiQnfu3En3+XwrUBzo6OhI++2Pri0ut1vvD/h1IYZZGwqHIxqVUZRLRtND2I1Z09SqTm3+U1eMxtdtKA5gi/FptdpJCpiUlJRkoxhxvO2Ufsg2vDsQCBikzFOmpJyv3PDMyXiI5Ofnj1JjY2Mqp9Mp2Xxgxb//6XLrrNe7DcWBeIg4HA431dfXl4XVkSxlIqz64OC/bUwolMt/jgOdRa1Wm1dmpFvzcrKHWaGAbNe17sKpe07djGemDpuYnj+PlslsJbrCxh073rQiCQAzorD9r8b2LyOd1HrwqNFud5xcKPjavNwTe5rfvkLyjnMmU971q927vXNzRv7zVauyWvZ/+r4JEQJ7pCB18+bNHNIJh4+01Q2PjHzN9nGws6174vEWUsEXovXQ8QaHw/5emKdJqSToXbt2aUgGwqr19vSfCyMUSS9A+KrKcuPOprckqZ2PzTWGHqdryjw8PFaH5j0WThv0M273Dzqd1kXyDmLT6bRcv8C5xXnht2+vH0Jx4g2j0WYwPFtPyWTD0Md2nfZn59UzpPOJTGj/wWPGcfsEZ/c1hgq9mPAf7j242+v1RTZr/auvNFVXV0wLjQcNW/66dik8v0jp6an7Dh/YexqJgEgDjknHHratTlUdJ1n5Gc/stkDAb4Df6Oi4aIoCmtBo1JzA09Pulo6OLlH3LkoAVp91l2A6Rw+1nkCPCC+9/MIZnMJHbB9M6eLlXxvE5ogSuOd0ci/JzFxJLHyloaz+yfXr6ouLC7YYjVuJgtQmvd7F14LH460VmyNKAAcdLkXQPr2+ExEAApd9xJlLIxr5ZoKSMlzQAtsOBgM6MTMSJAARl23TdJKV1Ov8bP69sX/g9gX290nr502IEKAFWkZzHqmnpydPaLwgAZfHwwUYOomOOelimJAkLSQnyy1se2xiolBorCAB39wcx16pSCYOWGmaVCvr12MBTcs4l+v1+XKFxhIHMin46IN3zRq16jyKEfjsQBSFI2NJBwYZJiGPm4IEFEolZ/e4VLNkBPw+v45tpygUgqYoSGB1dmbP/y/1STpxxQMmyHB7L02TLug8BAkUFmltbGTE1bI8ktAeLyAnCjBBTgPNzTsFU3VBAuCT5Unybrb/o/mXRiQCCGJtbV/hg32Q8x7Qhmcm07d5YvNv9w1xsUcuTxY9Z4huYpVaZWbbM+7ZJjEtfPOd+QwErzneWRna8Mzy9z/7kAj4iSPOSEUPNqIEttQ9b+InWCRaiIZwKCxIHlJwfuJIcjITJQBmlJGRcYztgxaETEGtUV9Mxqpf7KdWp1yMNg9s3+Vyc6tPmjgSn4nfafn4UnB+c0EVodpQ0RBvcYoFCA8nPv7qf9l2pJJkLnEge05f2siaEgMeydLVTrIpxbBQePgfcFwlnU9MAE5M2auyPmP7LIn9uMyCYgRku3zhAY/l5DRLOWtLKqsADhz6omFswt7Gfya1uhatHCm1pAKQTABw6vRZXbe1/2z4gcpcsiUVu93MjEzrhg3anurq6khWCaZmGxnPdeLKHE7RaxcKHk99KSYCgGjVNalQKpWm17a+uI8lKxXUwMBAtt/vj/nyLlYiUsuRiwGunWIq7i4GINLfb6v0uKZxKSWoY0JMHlvjAc+Cj4k2bGLWtFSNZfOmikuxrjgfkeIuNiEoLRKVFxMNo6OjLjorKyuIL83UaBmivLzcGblielhmtJSAu+OysjJnJJDduHHjnkKhCKFlArjJLy0tdUM7QgBuwAcHBz1omWB8fNyNHUPk1v6+i+7lsKHhXqyqqsrN9u/LhQoKCtywsxPRnMBsQDa+8ICoH3ts3LhRE+/d8cMC+Hu8uE7WbPgQ/KADiNTU1Cinp6dTGIaRL9UHIDhXYiIXeBTlx3fBHvw3HG3sf4DPWSEtOEkPAAAAAElFTkSuQmCC");
  width: 16px;
  height: 16px;
}

.amk-editor-export-billing-link {
  text-decoration: underline;
}

.amk-editor-export-form-row {
  display: flex;
  align-items:  center;
  gap: 10px;
  width: 100%;
}

.amk-editor-export-input-addon {
  display: flex;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 32px;
  box-shadow: 0 0 0 1px #dde2e9;
}

.amk-editor-export-input-addon .amk-editor-export-input {
  box-shadow: none;
  border-radius: 6px 0 0 6px;
  flex: 1;
  width: 0;
  min-width: 0;
  height: 100%;
}

.amk-editor-export-input-unit {
  display: inline-flex;
  color: #42464e;
  background: #fff;
  border-left: 1px solid #dde2e9;
  border-radius: 0 6px 6px 0;
  flex-shrink: 0;
  align-items:  center;
  padding: 0 12px;
  font-size: 13px;
  line-height: 22px;
}

.amk-editor-export-footer {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
}

.amk-editor-export-button {
  display: inline-flex;
  color: #101013;
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  height: 32px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.amk-editor-export-button.secondary {
  background: #f6f6fc;
}

.amk-editor-export-button.primary {
  color: #fff;
  background: #101013;
}

.amk-editor-export-button.secondary:hover {
  background: #ebebf5;
}

.amk-editor-export-button.primary:hover {
  background: #2e2e32;
}

.amk-editor-message-content {
  display: inline-flex;
  align-items:  center;
  gap: 4px;
  min-width: 0;
}

ve-message.amk-editor-message-host {
  --ve-message-max-width: 840px;
  --ve-message-padding-block: 12px;
  --ve-message-padding-inline: 16px;
  --ve-message-border-radius: 12px;
  --ve-message-gap: 8px;
  --ve-message-font-size-icon: 18px;
  --ve-message-font-size-content: 14px;
  --ve-message-font-weight-content: 500;
  --ve-message-line-height-content: 22px;
}

.amk-editor-message-text {
  min-width: 0;
}

.amk-editor-message-action {
  color: #101013;
  font: inherit;
  text-decoration-line: underline;
  text-decoration-color: #7a7880;
  text-decoration-style: dotted;
  text-decoration-thickness: 4%;
  text-underline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
}

.amk-editor-message-action:focus-visible {
  outline: 2px solid #165dff;
  outline-offset: 2px;
}

@media (width <= 520px) {
  .amk-editor-export-form-row {
    flex-direction: column;
    align-items: stretch;
  }

  .amk-editor-export-panel, .amk-editor-export-dialog.has-quality-enhancement .amk-editor-export-panel, .amk-editor-export-dialog.is-enhanced .amk-editor-export-panel {
    height: auto;
    max-height: calc(100vh - 32px);
  }

  .amk-editor-export-tooltip::part(panel) {
    width: min(248px, 100vw - 64px);
  }
}

.amk-editor-root[data-theme="dark"] {
  --amk-modal-bg: #17171a;
  --amk-modal-surface: #232324;
  --amk-modal-surface-raised: #313132;
  --amk-modal-border: #2e2e30;
  --amk-modal-control-border: #383740;
  --amk-modal-text-primary: #ffffffe6;
  --amk-modal-text-secondary: #ffffffb3;
  --amk-modal-text-tertiary: #ffffff80;
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-dialog, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-dialog, .amk-editor-root[data-theme="dark"] .amk-editor-export-dialog, .amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-dialog, .amk-editor-root[data-theme="dark"] .amk-editor-confirm-dialog {
  color: var(--amk-modal-text-primary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-panel, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-panel, .amk-editor-root[data-theme="dark"] .amk-editor-export-panel, .amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-panel, .amk-editor-root[data-theme="dark"] .amk-editor-confirm-panel {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-bg);
  box-shadow: 0 5px 15px #0000000d, 0 15px 35px -2px #0000000d, inset 0 0 0 1px var(--amk-modal-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-title, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-title, .amk-editor-root[data-theme="dark"] .amk-editor-export-modal-title, .amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-title {
  color: var(--amk-modal-text-primary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-close:hover:not(:disabled), .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-close:hover:not(:disabled), .amk-editor-root[data-theme="dark"] .amk-editor-export-close:hover, .amk-editor-root[data-theme="dark"] .amk-editor-export-tooltip-trigger:hover, .amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-cancel:hover {
  background: var(--amk-modal-surface-raised);
}

.amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-cancel {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-surface-raised);
}

.amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-close {
  color: var(--amk-modal-text-secondary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-asr-progress-spinner {
  border-color: #fff #ffffff4d #ffffff4d;
}

.amk-editor-root[data-theme="dark"] .amk-editor-project-loading {
  color: var(--amk-modal-text-primary);
  background: #101013;
}

.amk-editor-root[data-theme="dark"] .amk-editor-project-loading-icon {
  filter: brightness(0) invert(1);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-close-icon, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-close-icon, .amk-editor-root[data-theme="dark"] .amk-editor-export-close-icon {
  filter: brightness(0) invert(1);
  opacity: .9;
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-dropzone {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-surface);
  border-color: var(--amk-modal-control-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-dropzone:hover:not(:disabled) {
  background: var(--amk-modal-surface-raised);
  border-color: #fff;
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-add-icon, .amk-editor-root[data-theme="dark"] .amk-editor-local-upload-dropzone small, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-hint, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-count, .amk-editor-root[data-theme="dark"] .amk-editor-export-enhanced-info {
  color: var(--amk-modal-text-tertiary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-url-upload-hint.is-error {
  color: #ff6b6b;
  font-weight: 500;
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-table-wrapper {
  border-color: var(--amk-modal-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-table {
  color: var(--amk-modal-text-secondary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-table th, .amk-editor-root[data-theme="dark"] .amk-editor-local-upload-table td {
  border-bottom-color: var(--amk-modal-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-table th {
  color: var(--amk-modal-text-tertiary);
  background: var(--amk-modal-surface);
}

.amk-editor-root[data-theme="dark"] .amk-editor-url-upload-textarea, .amk-editor-root[data-theme="dark"] .amk-editor-export-input {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-surface);
  box-shadow: 0 0 0 1px var(--amk-modal-control-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-url-upload-textarea:focus-visible {
  box-shadow: 0 0 0 1px #fff;
}

.amk-editor-root[data-theme="dark"] .amk-editor-url-upload-textarea::placeholder, .amk-editor-root[data-theme="dark"] .amk-editor-export-input::placeholder {
  color: var(--amk-modal-text-tertiary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-label {
  color: var(--amk-modal-text-secondary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-select {
  --ve-select-control-background: var(--amk-modal-surface);
  --ve-select-control-background-hover: var(--amk-modal-surface);
  --ve-select-control-background-focus: var(--amk-modal-surface);
  --ve-select-control-background-disabled: var(--amk-modal-surface);
  --ve-select-control-border-default: var(--amk-modal-control-border);
  --ve-select-control-border-hover: #484849;
  --ve-select-control-border-focus: #2f79ff;
  --ve-select-control-border-disabled: var(--amk-modal-control-border);
  --ve-select-control-text: var(--amk-modal-text-primary);
  --ve-select-control-text-disabled: var(--amk-modal-text-secondary);
  --ve-select-control-placeholder: var(--amk-modal-text-tertiary);
  --ve-select-arrow-color: var(--amk-modal-text-tertiary);
  --ve-select-current-background: var(--amk-modal-surface);
  --ve-select-current-background-hover: var(--amk-modal-surface);
  --ve-select-current-border-color: var(--amk-modal-control-border);
  --ve-select-current-border-color-hover: #484849;
  --ve-select-current-description-color: var(--amk-modal-text-tertiary);
  --ve-select-panel-background: var(--amk-modal-surface);
  --ve-select-panel-border-color: var(--amk-modal-border);
  --ve-select-option-text: var(--amk-modal-text-primary);
  --ve-select-option-text-disabled: var(--amk-modal-text-tertiary);
  --ve-select-option-hover-background: var(--amk-modal-surface-raised);
  --ve-select-option-active-background: #373739;
  --ve-select-option-selected-background: var(--amk-modal-surface-raised);
  --ve-select-option-selected-text: var(--amk-modal-text-primary);
  --ve-select-option-selected-icon: #2f79ff;
  --ve-select-disabled-opacity: 100%;
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-input:disabled {
  color: var(--amk-modal-text-secondary);
  background: var(--amk-modal-surface);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-input:disabled::placeholder {
  color: var(--amk-modal-text-tertiary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-select[disabled], .amk-editor-root[data-theme="dark"] .amk-editor-export-select[aria-disabled="true"] {
  --ve-select-control-background-disabled: var(--amk-modal-surface);
  --ve-select-control-text-disabled: var(--amk-modal-text-secondary);
  --ve-select-control-border-disabled: var(--amk-modal-control-border);
  --ve-select-arrow-color: var(--amk-modal-text-tertiary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-input-addon {
  box-shadow: 0 0 0 1px var(--amk-modal-control-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-input-addon .amk-editor-export-input {
  box-shadow: none;
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-input-unit {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-surface-raised);
  border-left-color: var(--amk-modal-control-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-quality-title {
  color: var(--amk-modal-text-primary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-quality-tag {
  background: var(--amk-modal-surface-raised);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-switch {
  background: #484849;
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-switch.is-checked {
  background: #2f79ff;
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-ai-icon, .amk-editor-root[data-theme="dark"] .amk-editor-export-question-icon, .amk-editor-root[data-theme="dark"] .amk-editor-export-info-icon {
  filter: brightness(0) invert(1);
  opacity: .7;
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-billing-link {
  color: var(--amk-modal-text-secondary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-export-tooltip::part(panel) {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-surface-raised);
  border-color: var(--amk-modal-border);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-cancel, .amk-editor-root[data-theme="dark"] .amk-editor-export-button.secondary {
  color: var(--amk-modal-text-primary);
  background: var(--amk-modal-surface);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-submit, .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-submit, .amk-editor-root[data-theme="dark"] .amk-editor-export-button.primary {
  color: #101013;
  background: var(--amk-modal-text-primary);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-cancel:hover:not(:disabled), .amk-editor-root[data-theme="dark"] .amk-editor-export-button.secondary:hover {
  background: var(--amk-modal-surface-raised);
}

.amk-editor-root[data-theme="dark"] .amk-editor-local-upload-submit:hover:not(:disabled), .amk-editor-root[data-theme="dark"] .amk-editor-url-upload-submit:hover:not(:disabled), .amk-editor-root[data-theme="dark"] .amk-editor-export-button.primary:hover {
  background: #fff;
}