@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.animated-icon--menu-cross .animated-icon--menu-cross-line { transition: background-color 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .animated-icon--menu-cross .animated-icon--menu-cross-line { transition: none; }
}

.animated-icon--menu-cross .animated-icon--menu-cross-line::after, .animated-icon--menu-cross .animated-icon--menu-cross-line::before { transition-duration: 0.3s; transition-property: transform, background-color, width, -webkit-transform; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .animated-icon--menu-cross .animated-icon--menu-cross-line::after, .animated-icon--menu-cross .animated-icon--menu-cross-line::before { transition: none; }
}

.animated-icon--menu-cross.animated-icon--played .animated-icon--menu-cross-line { background-color: transparent; }

.animated-icon--menu-cross.animated-icon--played .animated-icon--menu-cross-line::after, .animated-icon--menu-cross.animated-icon--played .animated-icon--menu-cross-line::before { background-color: var(--color-played); width: 20px; }

.animated-icon--menu-cross.animated-icon--played .animated-icon--menu-cross-line::before { transform: translate(-2px, 5px) rotate(45deg); }

.animated-icon--menu-cross.animated-icon--played .animated-icon--menu-cross-line::after { transform: translate(-2px, -5px) rotate(-45deg); }