body {
    box-sizing: border-box;
    /*padding: 3px;*/
}
.player-wrapper {
    border: 1px solid;
    height: 100vh;
    box-sizing: border-box;
    /*background-image: url('/static/stations/playerbg.svg');*/
    background-size: cover;
    /*background: #222222 !important;*/
    /*z-index: -3;*/

        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */

}

.player-wrapper::before {
/*background-image: url('/static/stations/playerbg2.svg');*/
background-size: cover;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
opacity: 0.2;
}

#metadata-label {
    z-index: 5;
    color: black;
    /*text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/
    pointer-events: none;

    background: rgba(160, 160, 160, 0.3);
    /*margin-top: 30vh;*/
    margin-top: -35vh;
    padding:  0.25rem 0.75rem;
    border-radius: 1rem;
    text-align: center;
}

#playerbar_playbtn {
    background: #aaa;
    color: #fafafa;
    cursor: pointer;
    padding: .375rem .5rem;
    line-height: 1.5;
    border-radius: .25rem;
}

.bigplay {
    background-image: url('/static/stations/playerplaybg.svg');
    background-size: cover;
    padding: 36px;
    min-height: 20vh;
    min-width: 20vh;
    cursor: pointer;
}

.bigplay2 {
    background-image: url('/static/stations/playerplaybg.svg');
    background-size: cover;
    padding: 36px;
    cursor: pointer;
}

.playcursor {
    cursor: pointer;
}
.spinner
{
    animation: spin 4s infinite linear;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#audio-viz {
    z-index: 1;
    position: absolute;
    /*width: 90%;*/
    /*height: 50%;*/
    /*width: 90%;*/
    /*height: 55%;*/
    /*top: 20%;*/
    cursor: pointer;

    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
/*.viz-primary*/
/*{*/
    /*color: rgb(64, 222, 164);*/
/*}*/

/*.viz-secondary*/
/*{*/

/*}*/
/*.viz-min*/
/*{*/
    /*color: rgb(0, 100.0, 0);*/
/*}*/

/*.viz-weight*/
/*{*/
    /*color: rgb(0, 1.0, 0);*/
/*}*/


.viz-primary
{
    color: rgb(64, 222.0, 164);
}
.viz-secondary
{

}

.viz-min
{
    color: rgb(64, 100.0, 164);
}

.viz-weight
{
    color: rgb(1.0, 1.8, 1.0);
}