/* A keyboard-accessible music link preserves the record's original center control. */
#PBzfkLDGD9PTzf5p { position: relative; }
.music-link {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%;
  border: 2px solid #fff; background: #706341; color: white; font: 28px Georgia, serif;
  text-decoration: none; box-shadow: 0 1px 5px #51472d60; z-index: 20;
}
.music-link:hover { background: #8c7950; }
.music-link:focus-visible { outline: 3px solid #765f59; outline-offset: 4px; }

/* The disk turns every 5s; the note turns 25% faster (every 4s). */
@property --music-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: true;
}
#PBzfkLDGD9PTzf5p {
  --music-angle: 0deg;
  animation: birthday-disc-angle 5s linear infinite paused;
}
#PBzfkLDGD9PTzf5p.music-playing { animation-play-state: running; }
.music-disc {
  transform-origin: 50% 50%;
  transform: rotate(var(--music-angle));
}
.music-link {
  animation: birthday-note-spin 4s linear infinite paused;
}
#PBzfkLDGD9PTzf5p.music-playing .music-link { animation-play-state: running; }
@keyframes birthday-disc-angle { to { --music-angle: 360deg; } }
@keyframes birthday-note-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@media (max-width: 460px) { .music-link { width: 36px; height: 36px; font-size: 25px; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-delay: 0ms !important; transition-duration: .001ms !important; }
}
#PB8mtcw88hS6qCgt{position:relative}
.rsvp-link{position:absolute;left:23.4%;top:44.35%;width:53.5%;height:5.42%;min-height:44px;z-index:20;border-radius:18px}
.rsvp-link:focus-visible{outline:3px solid #805b3c;outline-offset:3px}