.post-card {
  padding: 12px;
  margin: 10px;
  border-radius: 8px;
}


.post-card img,
.post-card video {
  width: 100%;
  border-radius: 6px;
}

/* === UPLOAD ANIMATION === */
@keyframes sway {
  0% {
    transform: rotate(-20deg) scale(0.95);
  }

  50% {
    transform: rotate(20deg) scale(1.05);
  }

  100% {
    transform: rotate(-20deg) scale(0.95);
  }
}

.animate-sway {
  animation: sway 2s ease-in-out infinite;
}

/* Custom States */
.ring-loading {
  /* "Complete ring" but with shades to show movement */
  border-top-color: #4ade80;
  /* Green-400 */
  border-right-color: #22c55e;
  /* Green-500 */
  border-bottom-color: #16a34a;
  /* Green-600 */
  border-left-color: #22c55e;
  /* Green-500 */
}

.ring-success {
  border-color: #000 !important;
  /* Black */
  transform: rotate(0deg) scale(1) !important;
  /* Reset transform */
  animation: none !important;
}