hw13-swiper-controls:not([hidden]) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  animation: hw13-controls-fade-in 0.3s ease-out 0.15s backwards;
}

hw13-swiper:not(:has(.swiper-initialized)) ~ hw13-swiper-controls {
  display: none;
}

@keyframes hw13-controls-fade-in {
  from {
    opacity: 0;
    translate: 0 0.25rem;
  }
}