.image-placeholder{flex:1;justify-content:center;display:flex;align-items:center;background:hsla(0,0%,100%,.1);min-height:214px;min-width:100px}.image-placeholder .image-placeholder-icon{opacity:.3;width:50px}
.video{height:100%}.poster-image-wrapper{overflow:hidden}.poster-thumbnail{width:100%;background-color:grey;transform:scale(1);transition:.3s ease-in-out;margin-bottom:-3px}.poster-thumbnail:hover{opacity:.8;transform:scale(1.05)}.poster-info-thumbnail{height:160px;background-color:grey}
.equaliser-container{display:flex;justify-content:center;width:50px;margin:8px 10px;padding:0;position:relative}.colour-bar{position:absolute;left:0;right:0;bottom:0;height:100%;background:#c2c2c2}.equaliser-column{width:2px;float:left;margin:0 1px 0 0;padding:0;position:relative;list-style-type:none}.equaliser-column:first-child .colour-bar{-webkit-animation:color-bar 3s ease-out 1s infinite alternate;animation:color-bar 3s ease-out 1s infinite alternate;height:10%}.equaliser-column:nth-child(2) .colour-bar{-webkit-animation:color-bar 3s ease-out .5s infinite alternate;animation:color-bar 3s ease-out .5s infinite alternate;height:50%}.equaliser-column:nth-child(3) .colour-bar{-webkit-animation:color-bar 3s ease-out 1.5s infinite alternate;animation:color-bar 3s ease-out 1.5s infinite alternate;height:30%}.equaliser-column:nth-child(4) .colour-bar{-webkit-animation:color-bar 3s ease-out .25s infinite alternate;animation:color-bar 3s ease-out .25s infinite alternate;height:60%}.equaliser-column:nth-child(5) .colour-bar{-webkit-animation:color-bar 3s ease-out 2s infinite alternate;animation:color-bar 3s ease-out 2s infinite alternate;height:20%}.equaliser-column:last-child{margin-right:0}.equaliser-column .paused{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}@-webkit-keyframes color-bar{0%{height:10%}10%{height:30%}20%{height:50%}30%{height:20%}40%{height:70%}50%{height:90%}60%{height:30%}70%{height:80%}80%{height:50%}90%{height:30%}to{height:10%}}@keyframes color-bar{0%{height:10%}10%{height:30%}20%{height:50%}30%{height:20%}40%{height:70%}50%{height:90%}60%{height:30%}70%{height:80%}80%{height:50%}90%{height:30%}to{height:10%}}
.track{display:flex;border-bottom:1px solid hsla(0,0%,98%,.25);color:#c2c2c2;font-weight:300;font-size:.8rem;padding:9px 0;width:100%}@media not all and (min-width:600px){.track{margin-left:0}}.track.unavailable{opacity:.5}.track:hover{transition:.2s ease-in-out}.selected,.track:hover{background-color:#1f1f1f}.selected{color:#fafafa}.track-number{display:inline-block;margin:auto 10px;width:50px;color:#c2c2c2;font-size:1.2rem;text-align:center}.track-info{min-width:100px;padding-right:5px}.track-info,.track-title{display:inline-block;width:100%}.track-title{font-weight:500}.track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{display:inline-block;width:100%}.track-meta{display:flex;margin-right:10px;padding-right:10px;justify-content:flex-end;align-items:center;width:18%;min-width:115px}.track-icon{margin-left:15px}.track-like{width:24px;height:23px}.track-add{margin-right:15px}
.confirmation-popup{text-align:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.confirmation-popup .confirmation-popup-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(18,18,18,.95)}.confirmation-popup .confirmation-popup-content{display:block;margin:300px auto;width:300px;height:300px;background-color:#1f1f1f;z-index:100;border:1px solid hsla(0,0%,98%,.25)}.confirmation-popup .confirmation-popup-title{margin-top:30px;color:#41c3ff;font-size:1.4rem}.confirmation-popup .confirmation-popup-message{margin-top:15px;margin-bottom:60px;padding:0 50px;color:#fafafa;font-size:.8rem;text-align:center}.confirmation-popup .confirmation-popup-button{display:block;margin-top:10px;margin-left:auto;margin-right:auto;width:200px;height:30px;border-radius:4rem;border:thin solid #fafafa;color:#fafafa;cursor:pointer;font-size:.8rem;line-height:30px;text-align:center}
.poster-image-wrapper{overflow:hidden}.poster-thumbnail{width:100%;background-color:grey;transform:scale(1);transition:.3s ease-in-out;margin-bottom:-3px}.poster-thumbnail:hover{opacity:.8;transform:scale(1.05)}.poster-info-thumbnail{height:160px;background-color:grey}.playlist .poster-block{cursor:pointer}.video{height:100%}.playlist-thumbnail{width:100%;height:100%;background-color:grey}.thumbnail-container{position:relative;overflow:hidden}.thumbnail-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;pointer-events:none}.playlist-title{font-weight:300;font-size:1.2rem;margin-top:10px;color:#fafafa;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.subtitle{font-weight:100}.playlist-swimlane{margin:0 auto;max-width:834px;padding:0 14px}.playlist-swimlane-row{display:flex;flex-wrap:wrap;width:100%;margin-left:-8px}.playlist-swimlane-item{padding:0 0 30px 10px;max-width:16.66667%;flex:1 0 14.28571%;line-height:1.25;overflow:hidden}.playlist-swimlane-item .poster-block{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;color:#fafafa;white-space:pre-line;text-overflow:ellipsis;overflow:hidden;font-size:.875rem}.playlist-swimlane-item .poster-block:hover .subtitle{opacity:.8;transition:.8s ease-in-out}.playlist-swimlane-item .poster-block .title{margin-top:10px;font-weight:300;color:#c2c2c2;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlist-swimlane-item .poster-block .subtitle{font-weight:400;color:#fafafa;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}@media only screen and (max-width:799px){.playlist-swimlane-item{max-width:23.00437%;flex:1 0 20%}}@media only screen and (max-width:600px){.playlist-swimlane-item{max-width:33.33333%;flex:1 0 25%}}@media only screen and (max-width:420px){.playlist-swimlane-item{max-width:50%;flex:1 0 33.33333%}}.duplicate-track-popup{display:flex;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.duplicate-track-popup .duplicate-track-popup-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(18,18,18,.95)}.duplicate-track-popup .duplicate-track-popup-content{display:block;margin:auto;width:300px;height:300px;background-color:#1f1f1f;z-index:100}.duplicate-track-popup .duplicate-track-popup-title{margin-top:30px;color:#41c3ff;font-size:1.4rem}.duplicate-track-popup .duplicate-track-popup-message{margin-top:15px;margin-bottom:60px;padding:0 50px;color:#fafafa;font-size:.8rem;text-align:center}.duplicate-track-popup .duplicate-track-popup-button{display:block;margin-top:10px;margin-left:auto;margin-right:auto;padding-top:10px;width:200px;height:30px;border-radius:4rem;border:thin solid #fafafa;color:#fafafa;cursor:pointer;font-size:.8rem}