.facepile {
  align-items: center;
}

.facepile > * {
  position: relative;
}

.facepile > * + * {
  margin-inline-start: -0.25rem;
}

.facepile > :nth-child(1) { z-index: 6; }
.facepile > :nth-child(2) { z-index: 5; }
.facepile > :nth-child(3) { z-index: 4; }
.facepile > :nth-child(4) { z-index: 3; }
.facepile > :nth-child(5) { z-index: 2; }
.facepile > :nth-child(6) { z-index: 1; }

@keyframes presenca-pulso {
  0%   { box-shadow: 0 0 0 0 rgba(30, 123, 77, 0.5); }
  70%  { box-shadow: 0 0 0 6px rgba(30, 123, 77, 0); }
  100% { box-shadow: 0 0 0 0 rgba(30, 123, 77, 0); }
}

.presenca-pulso {
  animation: presenca-pulso 2.4s ease-out infinite;
}

.dark .presenca-pulso {
  animation-name: presenca-pulso-claro;
}

@keyframes presenca-pulso-claro {
  0%   { box-shadow: 0 0 0 0 rgba(111, 207, 151, 0.5); }
  70%  { box-shadow: 0 0 0 6px rgba(111, 207, 151, 0); }
  100% { box-shadow: 0 0 0 0 rgba(111, 207, 151, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .presenca-pulso,
  .dark .presenca-pulso {
    animation: none;
  }
}

.presenca-rolagem {
  scrollbar-width: thin;
  scrollbar-color: #d4d4d8 transparent;
}

.dark .presenca-rolagem {
  scrollbar-color: var(--color-cinza-escuro) transparent;
}