/* Mute toggle for the music layer, top-left (language switch sits top-right / bottom-left). */
.invitation .music-toggle {
  position: absolute;
  top: max(14px, env(safe-area-inset-top));
  left: max(14px, env(safe-area-inset-left));
  z-index: 45;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(5, 5, 7, .18);
  color: rgba(246, 237, 221, .72);
  cursor: pointer;
  opacity: 0;
  transition: opacity 1.2s ease 1.5s, color .25s ease, background .25s ease;
  -webkit-tap-highlight-color: transparent;
}
.invitation .music-toggle.is-visible { opacity: 1; }
.invitation .music-toggle:hover,
.invitation .music-toggle:focus-visible { color: #fffdf8; background: rgba(5, 5, 7, .32); outline: none; }
.invitation .music-toggle[aria-pressed="true"] { color: rgba(246, 237, 221, .45); }