.player {
    width: 25%;
    border-radius: 2px;
    margin-top: 6px;
}

.timeline {
    height: 12px;
    /*background: linear-gradient(to right, red 0%, red 20%, green 20%);*/
    border-radius: 8px;
    /* horizontal vertical blur spread color */
    /* box-shadow: inset 2px 2px 20px -5px #333; */
    cursor: pointer;
}

.scrubber {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: left;
    cursor: pointer;
    background: linear-gradient(to bottom, hsl(134, 61%, 45%), hsl(134, 61%, 35%));
    box-shadow: 0px 2px 10px 2px #333;
}

.scrubber:hover {
    background: linear-gradient(to bottom, hsl(134, 61%, 65%), hsl(134, 61%, 55%));
}
