wank.css

 .player-container {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .player {
        display: flex;
        flex-direction: column;
        margin: 1em 0em 0.5em 0em;
        padding: 1em;
        border: 1px solid var(--secondary-outline);
        border-radius: 0.5em;
        max-width: 480px;
        width: 100%;
    }

    .player-buttons {
        width: 100%;
    }

    .player-meta-container {
        margin: 0 0 0.5rem 0;
        flex-direction: row;
    }

    .player-meta {
        margin: 1rem 0 0 0;
        flex-direction: column;
    }

    .player-progress-container {
        margin: 0 0 0.5rem 0;
        flex-direction: row;
        flex-wrap: nowrap;
        display: flex;
    }

    .player-elapsed {
        margin-right: 0.5rem;
    }

    .player-duration {
        margin-left: 0.5rem;
    }

    .player-progress {
        width: 100%;
        display: inline-flex;
        border: 1px solid var(--secondary-outline);
    }

    .progress {
        background: var(--primary);
        margin: -1px 0 -1px 0;
        transition: width 1s linear;
    }

    .buffer {
        background: var(--secondary);
        margin: 0;
    }

    .indeterminate {
        width: 50% !important;
        animation: indeterminate 1s infinite;
    }

    .album-art {
        width: 128px;
        height: 128px;
        border-radius: 0.25em;
    }

        .album-art:hover {
            box-shadow: 5px 5px 15px var(--secondary-outline);
        }

    @@keyframes indeterminate {
        100% {
            margin-left: 0;
        }

        50% {
            margin-left: 50%
        }

        100% {
            margin-left: 0;
        }
    }

    @@media only screen and (max-width: 768px) {
        .album-art {
            width: 96px;
            height: 96px;
            border-radius: 0.25em;
        }

        .player-text {
            font-size: 10pt;
        }
    }