.tooltip-custom {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    pointer-events: auto;
    transition: opacity 0.5s ease !important;
    opacity: 0;
    animation: fadeIn 0.8s forwards;
    transition-delay: 1s;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
html, body, #__next, main, .app, .wrapper, .container {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box;
  overflow-x: hidden !important;
}
.re-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px;
  border-radius: 12px;
  transition: background 0.3s;
}

.re-item:hover {
  background-color: #1e40af;
}

.user-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  object-fit: cover;
}

.user-comment {
  color: white;
  font-size: 14px;
}