.mia-soundcloud-track-list {
    width: 100%;
}

.mia-music-card {
    min-width: 0;
    background: transparent;
}

.mia-music-card:hover,
.mia-music-card.is-playing {
    background: #d2d2d299;
}

.mia-music-card.is-playing {
    box-shadow: inset 3px 0 0 #ff5500;
}

.mia-sc-play-btn {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.mia-sc-play-btn:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.mia-track-thumb {
    background: #eeeeee;
}

.mia-thumb-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: 0.25s ease;
}

.mia-thumb-play-btn:hover .mia-thumb-overlay,
.mia-music-card.is-playing .mia-thumb-overlay {
    opacity: 1;
}

.mia-main-play-circle {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #111111;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
    transform: scale(0.92);
    transition: 0.25s ease;
}

.mia-thumb-play-btn:hover .mia-main-play-circle,
.mia-music-card.is-playing .mia-main-play-circle {
    transform: scale(1);
}

.mia-track-title {
    color: inherit;
    transition: 0.25s ease;
}

.mia-music-card.is-playing .mia-track-title {
    font-weight: 600;
}

.mia-platform-btn {
    transition: 0.25s ease;
}

.mia-platform-btn:hover {
    transform: scale(1.05);
}

.mia-sc-iframe-wrap {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    left: -9999px;
    top: -9999px;
}

.mia-sc-iframe-wrap iframe {
    width: 1px;
    height: 1px;
    border: 0;
}

/* Main audio wave near duration */
.mia-right-wave-wrap {
    width: 32px;
    height: 24px;
    display: none;
    align-items: center;
    justify-content: center;
}

.mia-music-card.is-playing .mia-right-wave-wrap {
    display: flex;
}

.mia-audio-wave {
    height: 22px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.mia-audio-wave span {
    width: 3px;
    height: 7px;
    border-radius: 999px;
    background: #ff5500;
    animation: mia-audio-wave 0.8s infinite ease-in-out;
}

.mia-audio-wave span:nth-child(1) {
    animation-delay: 0s;
}

.mia-audio-wave span:nth-child(2) {
    animation-delay: 0.1s;
}

.mia-audio-wave span:nth-child(3) {
    animation-delay: 0.2s;
}

.mia-audio-wave span:nth-child(4) {
    animation-delay: 0.3s;
}

.mia-audio-wave span:nth-child(5) {
    animation-delay: 0.4s;
}

@keyframes mia-audio-wave {
    0%,
    100% {
        height: 7px;
    }

    50% {
        height: 22px;
    }
}

/* Small wave on image */
.mia-thumb-wave {
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 6px;
    height: 12px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
}

.mia-music-card.is-playing .mia-thumb-wave {
    display: flex;
}

.mia-thumb-wave span {
    width: 3px;
    height: 5px;
    border-radius: 999px;
    background: #ffffff;
    animation: mia-thumb-wave 0.7s infinite ease-in-out;
}

.mia-thumb-wave span:nth-child(1) {
    animation-delay: 0s;
}

.mia-thumb-wave span:nth-child(2) {
    animation-delay: 0.12s;
}

.mia-thumb-wave span:nth-child(3) {
    animation-delay: 0.24s;
}

.mia-thumb-wave span:nth-child(4) {
    animation-delay: 0.36s;
}

@keyframes mia-thumb-wave {
    0%,
    100% {
        height: 4px;
    }

    50% {
        height: 12px;
    }
}

@media (max-width: 575px) {
    .mia-right-wave-wrap {
        display: none !important;
    }

    .mia-track-duration {
        font-size: 11px;
    }
}