/* Никакой трансформации размера или наклона — стрелка сохраняет свою форму */
.triangle-up {
  position: absolute;
  left: 50%; /* центрируем горизонтально через translateX */
  transform: translateX(-50%); /* только горизонтальное центрирование */
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white; /* сохраняем форму и цвет */
  opacity: 0;
  pointer-events: none;
  z-index: 60;
  transition: opacity 160ms ease; /* анимация только по прозрачности */
}

.triangle-up.open {
  opacity: 1;
}