/* Original Figma 3446:83 is 1920 × 64. Scale the stage uniformly, not the SVGs. */
.vc-main-title,
.top-title-style.vc-main-title { position: relative; isolation: isolate; overflow: hidden; background: transparent; border: 0; box-shadow: none; }
.screen-main-title.vc-main-title { position: absolute; z-index: 2; top: 0; right: 0; left: 0; width: 100%; height: var(--vc-main-height, 40px); }
/* Keep the material centered in the picker, without padding inside its root. */
.top-preview-bar.vc-main-title { position: absolute; width: calc(100% - 104px); height: auto; aspect-ratio: 1920 / 64; bottom: 40px; transform: translateY(50%); }
.vc-main-title__stage {
  position: absolute;
  left: var(--vc-main-left, 0px);
  top: var(--vc-main-top, 0px);
  display: block;
  width: var(--vc-main-stage-width, 1920px);
  height: 64px;
  transform: scale(var(--vc-main-scale, 1));
  transform-origin: top left;
  filter: var(--vc-main-theme-filter, none);
  isolation: isolate;
  overflow: hidden;
  pointer-events: none;
}
.vc-main-title__base { position: absolute; inset: 0; display: block; background: linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,0)); }
.vc-main-title__center { position: absolute; z-index: 1; inset: 0; display: block; transform: translateX(var(--vc-main-center-offset, 0px)); }
.vc-main-title__asset { position: absolute; display: block; }
.vc-main-title__asset img { display: block; max-width: none; }
.vc-main-title__asset.is-raster-fill img { width: 1920px; height: 64px; object-fit: var(--vc-main-background-fit, cover); }
.vc-main-title__glow { position: absolute; z-index: 1; left: 773px; top: 42.7333984375px; width: 365px; height: 12.1333389282px; overflow: hidden; }
.vc-main-title__glow .vc-main-title__asset { mix-blend-mode: plus-lighter; }
.vc-main-title__glow img { transform: scaleY(-1); }
.vc-main-title__asset--right-marker img { transform: scaleX(-1); }
.vc-main-title__asset--left-marker, .vc-main-title__asset--right-marker { z-index: 2; }
.vc-main-title__caption {
  position: absolute;
  z-index: 2;
  left: 960px;
  top: 4px;
  display: flex;
  align-items: center;
  height: 56px;
  max-width: 680px;
  transform: translateX(-50%);
  font: 400 48px/56px "VC Main Title", "YouSheBiaoTiHei", sans-serif;
  letter-spacing: 9.6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
}
.vc-main-title__caption-text {
  display: block;
  flex-shrink: 0;
  /* Figma tracking is between glyphs; CSS adds a trailing letter-space too. */
  margin-right: -9.6px;
  background: linear-gradient(180deg, #fff 0%, #ddf0ff 90.789%);
  background-clip: text;
  -webkit-background-clip: text;
}
.screen-main-title.vc-main-title .screen-main-title__text,
.screen-main-title.vc-main-title .screen-main-title__menus { display: none; }