/* ========================================
   Preview Components
   ======================================== */

#opus-price-builder-app .typography-preview {
  @apply p-4 bg-surface-secondary rounded-lg text-center;
}

#opus-price-builder-app .border-preview {
  @apply p-4 bg-surface-secondary rounded-lg text-center;
  @apply flex items-center justify-center;
}

#opus-price-builder-app .decimal-preview {
  @apply p-3 bg-surface-secondary rounded-lg text-center;
  @apply text-2xl font-semibold;
}

#opus-price-builder-app .decimal-preview__main {
  @apply text-text;
}

#opus-price-builder-app .decimal-preview__decimal {
  @apply text-text-muted;
}

#opus-price-builder-app .linethrough-preview {
  @apply relative p-3 bg-surface-secondary rounded-lg text-center;
  @apply inline-flex items-center justify-center w-full;
}

#opus-price-builder-app .linethrough-preview__text {
  @apply text-xl font-semibold text-text;
}

#opus-price-builder-app .linethrough-preview__line {
  @apply absolute left-1/4 right-1/4 top-1/2;
  @apply -translate-y-1/2;
}

#opus-price-builder-app .linethrough-preview__line--second {
  @apply top-[calc(50%+4px)];
}
