#play,.excerpt-play:not(.structure-play) {position:relative}
html[data-audio-state="loading"] :is(#play,.excerpt-play,.structure-play)::after,
:is(#play,.excerpt-play,.structure-play)[aria-busy="true"]::after {
  content:"";position:absolute;inset:5px;border:2px solid transparent;
  border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
  animation:audio-loading-spin 1s linear infinite;pointer-events:none;
}
html[data-audio-state="loading"] :is(#play,.excerpt-play,.structure-play) svg,
:is(#play,.excerpt-play,.structure-play)[aria-busy="true"] svg {opacity:.4}
@keyframes audio-loading-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  html[data-audio-state="loading"] :is(#play,.excerpt-play,.structure-play)::after,
  :is(#play,.excerpt-play,.structure-play)[aria-busy="true"]::after {animation:none}
}
