/* Avatar Frame Stylesheet */

.avatar-frame-overlay {
  position: absolute;
  top: -12%;
  left: -12%;
  right: -12%;
  bottom: -12%;
  background-size: 124% 124%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 20;
}

/* Specific Frame Overlays with custom subtle filters/animations if wanted */
.frame-flame-overlay {
  animation: frame-subtle-glow-orange 3s ease-in-out infinite alternate;
}

.frame-star-overlay {
  animation: frame-subtle-glow-gold 3.5s ease-in-out infinite alternate;
}

.frame-butterfly-overlay {
  animation: frame-subtle-glow-purple 4s ease-in-out infinite alternate;
}

.frame-music-overlay {
  animation: frame-subtle-glow-blue 3.2s ease-in-out infinite alternate;
}

.frame-heart-overlay {
  animation: frame-subtle-glow-pink 2.8s ease-in-out infinite alternate;
}

.frame-aurora-overlay {
  animation: frame-subtle-glow-aurora 5s ease-in-out infinite alternate;
}

/* Glow Keyframes */
@keyframes frame-subtle-glow-orange {
  0% { filter: drop-shadow(0 0 1px rgba(255, 55, 0, 0.4)); }
  100% { filter: drop-shadow(0 0 4px rgba(255, 119, 0, 0.7)); }
}

@keyframes frame-subtle-glow-gold {
  0% { filter: drop-shadow(0 0 1px rgba(255, 230, 0, 0.4)); }
  100% { filter: drop-shadow(0 0 4px rgba(255, 179, 0, 0.7)); }
}

@keyframes frame-subtle-glow-purple {
  0% { filter: drop-shadow(0 0 1px rgba(255, 0, 204, 0.4)); }
  100% { filter: drop-shadow(0 0 4px rgba(161, 0, 255, 0.7)); }
}

@keyframes frame-subtle-glow-blue {
  0% { filter: drop-shadow(0 0 1px rgba(0, 242, 254, 0.4)); }
  100% { filter: drop-shadow(0 0 4px rgba(79, 172, 254, 0.7)); }
}

@keyframes frame-subtle-glow-pink {
  0% { filter: drop-shadow(0 0 1px rgba(255, 8, 68, 0.4)); }
  100% { filter: drop-shadow(0 0 4px rgba(255, 177, 153, 0.7)); }
}

@keyframes frame-subtle-glow-aurora {
  0% { filter: drop-shadow(0 0 1px rgba(0, 255, 204, 0.4)); }
  100% { filter: drop-shadow(0 0 5px rgba(161, 0, 255, 0.7)); }
}