.carousel-autoplay-glyph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.carousel-autoplay-glyph__svg {
  display: none;
  width: 100%;
  height: 100%;
  animation: carousel-autoplay-glyph-in 0.18s ease-out;
}

.carousel-autoplay-glyph__svg--pause {
  width: 66.6713%;
  height: 83.3357%;
}

[data-state="playing"] .carousel-autoplay-glyph__svg--pause,
[data-state="paused"] .carousel-autoplay-glyph__svg--play {
  display: block;
}

@keyframes carousel-autoplay-glyph-in {
  from {
    opacity: 0;
    transform: scale(0.72);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel-autoplay-glyph__svg {
    animation: none;
  }
}