/* =====================================
    audio-core.css
    再生状態のみを表現
===================================== */

/* .record {
  animation: spin 4s linear infinite;
  animation-play-state: paused;
} */
.record {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: filter 0.3s;
    animation: spin 4s linear infinite;
    animation-play-state: paused; /* 最初は停止 */
}
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

.record.spin {
    animation: spin 3s linear infinite;
}
.record-wrap {
    margin: auto;
}


.record.is-playing {
  animation-play-state: running;
}

.is-hidden {
  display: none !important;
}

.is-disabled {
  pointer-events: none;
  opacity: .5;
}

@keyframes spin {
  from { transform: rotate(0); }
  to   { transform: rotate(360deg); }
}