.zbc-preview-stage {
  background: #241d35 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 22px !important;
  padding: 12px !important;
}

.zbc-preview-canvas {
  position: relative !important;
  width: 100% !important;
  max-width: 2196px !important;
  margin: 0 auto !important;
  aspect-ratio: 2196 / 1236 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #161123 !important;
}

.zbc-preview-canvas img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

.zbc-overlay-box {
  position: absolute !important;
  top: 4.45% !important;
  left: 2.96% !important;
  width: 18.22% !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--zbc-badge-color, #1296e8) !important;
  border-radius: 50% 50% 0 50% !important;
  overflow: hidden !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.zbc-overlay-inner {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
}

.zbc-name-line {
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  line-height: 0.94 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  hyphens: manual !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  max-width: 100% !important;
  max-height: 58% !important;
  overflow: hidden !important;
}

.zbc-name-line div {
  display: block !important;
}

.zbc-job-line {
  width: 100% !important;
  margin: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  color: #ffffff !important;
  hyphens: manual !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  max-width: 100% !important;
  max-height: 22% !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .zbc-preview-stage {
    padding: 10px !important;
  }

  .zbc-overlay-box {
    top: 3.5% !important;
    left: 3.5% !important;
    width: 22% !important;
  }

  .zbc-overlay-inner {
    padding: 14px !important;
  }
}