.animated-icon--menu-cross .animated-icon--menu-cross-line{-webkit-transition:background-color .15s cubic-bezier(.645,.045,.355,1);transition:background-color .15s cubic-bezier(.645,.045,.355,1)}.animated-icon--menu-cross .animated-icon--menu-cross-line:after,.animated-icon--menu-cross .animated-icon--menu-cross-line:before{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,width,-webkit-transform;transition-property:background-color,width,-webkit-transform;transition-property:transform,background-color,width;transition-property:transform,background-color,width,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}.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{-webkit-transform:translate(-2px,5px) rotate(45deg);transform:translate(-2px,5px) rotate(45deg)}.animated-icon--menu-cross.animated-icon--played .animated-icon--menu-cross-line:after{-webkit-transform:translate(-2px,-5px) rotate(-45deg);transform:translate(-2px,-5px) rotate(-45deg)}