.rsvp-widget-only {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.rsvp-widget-only > [data-rsvp-preview-v2],
.rsvp-widget-only > .rsvp-preview-v3 {
  position: relative;
  z-index: 2;
  width: 100%;
}

.rsvp-preview-v3 {
  --rsvp-font: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rsvp-display-font: "Cormorant Garamond", Georgia, serif;
  --rsvp-ink: #312728;
  --rsvp-muted: #776a6b;
  --rsvp-line: rgba(76, 48, 53, 0.14);
  --rsvp-line-strong: rgba(76, 48, 53, 0.3);
  --rsvp-surface: #fffaf6;
  --rsvp-surface-soft: #f8f1ee;
  --rsvp-primary: #794955;
  --rsvp-primary-hover: #603640;
  --rsvp-on-primary: #fff;
  --rsvp-focus: rgba(121, 73, 85, 0.2);
  --rsvp-config-background:
    radial-gradient(circle at 9% 1%, rgba(121, 73, 85, 0.14), transparent 34%),
    linear-gradient(145deg, #f1e9e5, #e7dedb);
  min-height: auto;
  padding-block: clamp(72px, 9vw, 118px);
}

.rsvp-preview-v3[data-rsvp-theme="linea-norte"] {
  --rsvp-font: "Manrope", "SF Pro Text", sans-serif;
  --rsvp-display-font: "Cormorant Garamond", Georgia, serif;
  --rsvp-ink: #12345b;
  --rsvp-muted: #5f7288;
  --rsvp-line: rgba(18, 52, 91, 0.16);
  --rsvp-line-strong: rgba(18, 52, 91, 0.32);
  --rsvp-surface: #fffdf7;
  --rsvp-surface-soft: #eef5f9;
  --rsvp-primary: #0d3470;
  --rsvp-primary-hover: #092755;
  --rsvp-on-primary: #ffffff;
  --rsvp-focus: rgba(13, 52, 112, 0.2);
  --rsvp-config-background:
    radial-gradient(circle at 10% 8%, rgba(130, 188, 224, 0.34), transparent 34%),
    radial-gradient(circle at 92% 92%, rgba(255, 253, 247, 0.9), transparent 32%),
    linear-gradient(145deg, #dceaf3, #c8dce9);
}

.rsvp-preview-v3[data-rsvp-theme="jardin-secreto"] {
  --rsvp-font: "Outfit", "SF Pro Text", sans-serif;
  --rsvp-display-font: "Cormorant Garamond", Georgia, serif;
  --rsvp-ink: #17362d;
  --rsvp-muted: #6c654f;
  --rsvp-line: rgba(38, 63, 53, 0.18);
  --rsvp-line-strong: rgba(38, 63, 53, 0.34);
  --rsvp-surface: #fffaf1;
  --rsvp-surface-soft: #f2ecdf;
  --rsvp-primary: #263f35;
  --rsvp-primary-hover: #172a23;
  --rsvp-on-primary: #fffaf1;
  --rsvp-focus: rgba(38, 63, 53, 0.22);
  --rsvp-config-background:
    radial-gradient(circle at 12% 8%, rgba(127, 144, 82, 0.34), transparent 35%),
    radial-gradient(circle at 90% 92%, rgba(224, 201, 157, 0.38), transparent 33%),
    linear-gradient(145deg, #d8d9bb, #c6c9a1);
}

.rsvp-preview-v3[data-rsvp-theme="black-tie"] {
  --rsvp-font: "Inter", "SF Pro Text", sans-serif;
  --rsvp-display-font: "Cormorant Garamond", Georgia, serif;
  --rsvp-ink: #343630;
  --rsvp-muted: #6f675d;
  --rsvp-line: rgba(52, 54, 48, 0.17);
  --rsvp-line-strong: rgba(52, 54, 48, 0.34);
  --rsvp-surface: #fffdf8;
  --rsvp-surface-soft: #f3ede3;
  --rsvp-primary: #343b2f;
  --rsvp-primary-hover: #20251e;
  --rsvp-on-primary: #fffdf8;
  --rsvp-focus: rgba(52, 59, 47, 0.22);
  --rsvp-config-background:
    radial-gradient(circle at 10% 7%, rgba(117, 126, 105, 0.28), transparent 35%),
    radial-gradient(circle at 92% 92%, rgba(232, 222, 207, 0.85), transparent 34%),
    linear-gradient(145deg, #d9d4c9, #c9c2b5);
}

.rsvp-preview-v3[data-rsvp-theme="sebastian-paula"] {
  --rsvp-font: "Montserrat", "SF Pro Text", sans-serif;
  --rsvp-display-font: "Cormorant Garamond", Georgia, serif;
  --rsvp-ink: #503522;
  --rsvp-muted: #765f4d;
  --rsvp-line: rgba(80, 53, 34, 0.16);
  --rsvp-line-strong: rgba(80, 53, 34, 0.32);
  --rsvp-surface: #fff9ed;
  --rsvp-surface-soft: #f5e9d7;
  --rsvp-primary: #b95624;
  --rsvp-primary-hover: #97441e;
  --rsvp-on-primary: #fffaf1;
  --rsvp-focus: rgba(185, 86, 36, 0.22);
  --rsvp-config-background:
    radial-gradient(circle at 10% 8%, rgba(221, 151, 102, 0.34), transparent 35%),
    radial-gradient(circle at 88% 92%, rgba(104, 132, 124, 0.25), transparent 32%),
    linear-gradient(145deg, #f4dfc2, #e7c89e);
}

.rsvp-preview-v3 .rsvp-card {
  animation: rsvp-preview-arrive 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes rsvp-preview-arrive {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

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

@media (max-width: 560px) {
  .rsvp-preview-v3 {
    padding: 42px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rsvp-preview-v3 .rsvp-card {
    animation: none;
  }
}