.toitap-music-player {
  position: fixed;
  right: 1.25rem;
  bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
  z-index: 120;
  pointer-events: none;
}

.toitap-music-toggle {
  position: relative;
  display: block;
  width: 5.25rem;
  height: 5.25rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.toitap-music-toggle:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.34);
}

.toitap-music-toggle:active {
  transform: scale(0.97);
}

.toitap-music-player.is-waiting .toitap-music-toggle {
  animation: toitap-music-pulse 2.4s ease-in-out infinite;
}

@keyframes toitap-music-pulse {
  0%,
  100% {
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
  }
  50% {
    box-shadow:
      0 12px 32px rgba(15, 23, 42, 0.34),
      0 0 24px rgba(167, 139, 250, 0.35);
  }
}

.toitap-music-vinyl {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.toitap-music-vinyl-shine,
.toitap-music-vinyl-disc,
.toitap-music-vinyl-label {
  position: absolute;
  border-radius: 50%;
}

.toitap-music-vinyl-shine {
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.3) 0%,
    transparent 38%,
    transparent 100%
  );
  z-index: 3;
  pointer-events: none;
}

.toitap-music-vinyl-disc {
  inset: 0;
  /* background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.16) 0%,
			rgba(255, 255, 255, 0.03) 42%,
			rgba(15, 23, 42, 0.1) 100%
		),
		repeating-radial-gradient(
			circle at 50% 50%,
			rgba(255, 255, 255, 0.1) 0 0.5px,
			transparent 0.5px 2.5px
		),
		radial-gradient(
			circle at 50% 50%,
			rgba(75, 85, 99, 0.5) 0 8%,
			rgba(17, 24, 39, 0.58) 9% 100%
		); */
  background-color: rgba(15, 23, 42, 0.62);
  -webkit-backdrop-filter: blur(16px) saturate(1.55);
  backdrop-filter: blur(16px) saturate(1.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

.toitap-music-vinyl-label {
  inset: 28%;
  background: linear-gradient(
    145deg,
    var(--toitap-music-accent, #0284c7) 0%,
    var(--toitap-music-accent-dark, #0369a1) 100%
  );
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.toitap-music-vinyl.is-spinning {
  animation: toitap-vinyl-spin 3.6s linear infinite;
}

@keyframes toitap-vinyl-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.toitap-music-control {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: var(--toitap-music-icon, rgba(255, 255, 255, 0.95));
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
}

.toitap-music-glyph {
  width: 1.35rem;
  height: 1.35rem;
}

.toitap-music-control.is-hidden {
  display: none;
}

@media (max-width: 640px) {
  .toitap-music-player {
    right: 0.85rem;
    bottom: max(1rem, env(safe-area-inset-bottom, 0px));
  }

  .toitap-music-toggle {
    width: 4.75rem;
    height: 4.75rem;
  }
}