@charset "utf-8";

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

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

.animated-icon--search .animated-icon--search-circle { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .animated-icon--search .animated-icon--search-circle { transition: none; }
}

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

@media (prefers-reduced-motion: reduce) {
  .animated-icon--search .animated-icon--search-circle::after { transition: none; }
}

.animated-icon--search.animated-icon--played .animated-icon--search-circle { border-color: var(--color-played); }

.animated-icon--search.animated-icon--played .animated-icon--search-circle::after { background-color: var(--color-played); transform: translate(11px, 14px) rotate(45deg); }