.music-source .meta-data {
    cursor:pointer;
}

.music-source {
    border-style:solid;
    border-width:1px;
    background-color:var(--clr-four);
    min-height:2em;
    margin:1em;
    padding-top:.25em;
}

@keyframes playing-animation {
    0% {
        background-color:var(--clr-one);
    }
    50% {
        background-color:var(--clr-three);
    }
    100% {
        background-color:var(--clr-one);
    }
}

.music-source-playing {
    animation-name: playing-animation;
    animation-duration: 4s;
    animation-iteration-count:infinite;
}

.music-source .meta-data {
    border-bottom:solid;
    border-width:1px;
    border-color:var(--clr-two);
}

.music-source .actions div {
    text-align:center;
}

.raw-data {
    display:none;
}

.music-source .actions img {
    cursor:pointer;
    height:2.25em;
}

.music-source .actions img:not(:first-child) {
    margin-left:1em;
}

@keyframes action-click-animation {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.75);
    }
    100% {
        transform:scale(1);
    }
}

.is-on {
    animation-name: action-click-animation;
    animation-duration: .5s;
    animation-iteration-count:1;
}

#universal-player-container {
    display:none;
    border-style:solid;
    border-width:1px;
    border-color:black;

    background-color:var(--clr-two);

    position:fixed;
    right: 1em;
    bottom: 100px;

    height:100px;
    width:200px;

}

#player-controls {
    width:200px;
    display:none;
    position:fixed;
    right:1em;
    bottom:15px;
    text-align:center;

    border-style:solid;
    border-width:1px;
    border-color:black;

    padding:.5em;

    animation-name: playing-animation;
    animation-duration: 4s;
    animation-iteration-count:infinite;
}

#player-controls .ctrl-btn {
    border-color:black;
    border-radius:4px;
    border-style:solid;
    border-width:2px;
    cursor:pointer;
    display:inline-block;
    padding:4px;
}

@media (min-width: 768px) {
    .music-source .actions div {
        text-align:left;
    }

    .music-source .actions img {
        height:1.5em;
    }
}