.preview-widget {
  --layout__bg-image: url("./bg-preview-widget.svg");
  --layout__bg_position: center;
  --layout__bg_repeat: repeat;
  --layout__bg_size: auto;

  --widget__box-shadow: 0px 4px 50px 0px #0000001a;
  --widget__border-radius: var(--border-radius-large);
}

.preview-widget__layout-header {
  @apply w-full min-h-0 h-16;
  @apply flex justify-center items-end;
}

.preview-widget__badge {
  @apply inline-block;
  color: #ab6400;
  background-color: #ffde003d;
  border-radius: 0.75rem 0.75rem 0px 0px;
  @apply flex items-center gap-1;
  @apply py-1 px-2;

  font-family: var(--typography-body-small__font-family);
  font-size: var(--typography-body-small__font-size);
  line-height: var(--typography-body-small__line-height);
  letter-spacing: var(--typography-body-small__letter-spacing);
  font-weight: var(--typography-body-small__font-weight);
}

.preview-widget__branch-section--branch-only {
  @apply pt-8;
}

.preview-widget__branch-section--branch-only .preview-widget__branch-divider {
  @apply hidden;
}
