.animated-play-ring{--animated-play-ring-size:clamp(64px,5.5vw,80px);--animated-play-ring-duration:8s;--animated-play-ring-play-width:28.727%;--animated-play-ring-play-center-x:53.51%;--animated-play-ring-play-center-y:50.18%;position:relative;display:block;width:var(--animated-play-ring-size);aspect-ratio:275/281;flex-shrink:0}.animated-play-ring__ring{position:absolute;inset:0;transform-origin:50% 50%;animation:animatedPlayRingSpin var(--animated-play-ring-duration) linear infinite;will-change:transform}.animated-play-ring__ring-svg{display:block;width:100%;height:100%}.animated-play-ring__play{position:absolute;top:var(--animated-play-ring-play-center-y);left:var(--animated-play-ring-play-center-x);z-index:1;width:var(--animated-play-ring-play-width);aspect-ratio:79/92;margin:0;transform:translate(-50%,-50%);pointer-events:none}.animated-play-ring__play-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.28))}@keyframes animatedPlayRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.animated-play-ring{--animated-play-ring-size:clamp(58px,6vw,72px);--animated-play-ring-duration:7.5s}}@media (max-width:767px){.animated-play-ring{--animated-play-ring-size:clamp(52px,12vw,64px);--animated-play-ring-duration:7s}}@media (max-width:480px){.animated-play-ring{--animated-play-ring-size:clamp(48px,14vw,58px);--animated-play-ring-duration:6.5s}}@media (prefers-reduced-motion:reduce){.animated-play-ring__ring{animation:none}}