/* Winamp mode. Sprites are the Winamp 2.91 base skin (vendor/winamp-skin, generated by
   scripts/build-winamp-skin.py) positioned with the original skin coordinates. Everything is laid
   out in native 275x116 window pixels and scaled as a whole by winamp.js. */
#winamp{position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#101211;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#winamp.hidden{display:none}
#winamp.wa-has-background{background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
#winamp *{box-sizing:content-box}
#winamp .wa-stage{position:absolute;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0}
#winamp .wa-stage div,#winamp .wa-stage i,#winamp .wa-stage canvas,#winamp .wa-btn{image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated}
#winamp .wa-window{position:absolute;width:275px;height:116px;overflow:hidden}
#winamp .wa-window div,#winamp .wa-window canvas{position:absolute;margin:0;padding:0}
#winamp .wa-btn{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:0;width:auto;height:auto;min-width:0;background-color:transparent;background-repeat:no-repeat;box-shadow:none;cursor:pointer;outline:none;-webkit-appearance:none;font-size:0}
#winamp i{float:left;width:5px;height:6px;background:url(vendor/winamp-skin/text.png) no-repeat}

/* Main window */
#winamp .wa-main{background:url(vendor/winamp-skin/main.png) no-repeat}
#winamp .wa-main-title{top:0;left:0;width:275px;height:14px;background:url(vendor/winamp-skin/titlebar.png) -27px -15px no-repeat}
#winamp .wa-main.wa-focused .wa-main-title{background-position:-27px 0}
#winamp .wa-main-options,#winamp .wa-main-minimize,#winamp .wa-main-close{top:3px;width:9px;height:9px}
#winamp .wa-main-options{left:6px}
#winamp .wa-main-options:active{background:url(vendor/winamp-skin/titlebar.png) 0 -9px}
#winamp .wa-main-minimize{left:244px}
#winamp .wa-main-close{left:264px}
#winamp .wa-main-minimize:active{background:url(vendor/winamp-skin/titlebar.png) -9px -9px}
#winamp .wa-main-close:active{background:url(vendor/winamp-skin/titlebar.png) -18px -9px}
#winamp .wa-clutter{top:22px;left:10px;width:8px;height:43px;background:url(vendor/winamp-skin/titlebar.png) -304px 0 no-repeat}
#winamp .wa-clutter-v{top:55px;left:10px;width:8px;height:7px}
#winamp.wa-md-open .wa-clutter-v{background:url(vendor/winamp-skin/titlebar.png) -336px -77px}
#winamp .wa-playpause{top:28px;left:26px;width:9px;height:9px;background:url(vendor/winamp-skin/playpaus.png) -18px 0 no-repeat}
#winamp .wa-work{top:28px;left:24px;width:3px;height:9px;background:url(vendor/winamp-skin/playpaus.png) -36px 0 no-repeat}
#winamp.wa-playing .wa-playpause{background-position:0 0}
#winamp.wa-playing .wa-work{background-position:-39px 0}
#winamp.wa-paused .wa-playpause{background-position:-9px 0}
#winamp .wa-time{top:26px;left:39px;width:63px;height:13px;cursor:pointer}
#winamp .wa-minus{top:6px;left:-1px;width:5px;height:1px;display:none;background:url(vendor/winamp-skin/numbers.png) -20px -6px no-repeat}
#winamp.wa-remaining .wa-minus{display:block}
#winamp .wa-digit{top:0;width:9px;height:13px;background:url(vendor/winamp-skin/numbers.png) 0 0 no-repeat}
#winamp .wa-d0{left:9px}#winamp .wa-d1{left:21px}#winamp .wa-d2{left:39px}#winamp .wa-d3{left:51px}
#winamp.wa-paused .wa-time{-webkit-animation:wa-blink 2s step-start infinite;animation:wa-blink 2s step-start infinite}
@-webkit-keyframes wa-blink{50%{visibility:hidden}}
@keyframes wa-blink{50%{visibility:hidden}}
#winamp .wa-vis{top:43px;left:24px;width:76px;height:16px;cursor:pointer}
#winamp.wa-stopped .wa-time,#winamp.wa-stopped .wa-vis,#winamp.wa-vis-off .wa-vis,#winamp.wa-stopped .wa-kbps,#winamp.wa-stopped .wa-khz,#winamp.wa-stopped .wa-pos-thumb{visibility:hidden}
#winamp.wa-vis-off .wa-vis{visibility:visible;opacity:0}
#winamp .wa-marquee{top:27px;left:111px;width:154px;height:6px;overflow:hidden}
#winamp .wa-marquee-text{top:0;left:0;width:6000px;height:6px}
#winamp .wa-kbps{top:43px;left:111px;width:15px;height:6px}
#winamp .wa-khz{top:43px;left:156px;width:10px;height:6px}
#winamp .wa-mono{top:41px;left:212px;width:27px;height:12px;background:url(vendor/winamp-skin/monoster.png) -29px -12px no-repeat}
#winamp .wa-stereo{top:41px;left:239px;width:29px;height:12px;background:url(vendor/winamp-skin/monoster.png) 0 -12px no-repeat}
#winamp.wa-playing .wa-stereo,#winamp.wa-paused .wa-stereo{background-position:0 0}
/* Spotify does not report its volume/balance to this app; the sliders show full volume, centred. */
#winamp .wa-volume{top:57px;left:107px;width:68px;height:13px;background:url(vendor/winamp-skin/volume.png) 0 -405px no-repeat}
#winamp .wa-volume-thumb{top:1px;left:54px;width:14px;height:11px;background:url(vendor/winamp-skin/volume.png) -15px -422px no-repeat}
#winamp .wa-balance{top:57px;left:177px;width:38px;height:13px;background:url(vendor/winamp-skin/balance.png) -9px 0 no-repeat}
#winamp .wa-balance-thumb{top:1px;left:12px;width:14px;height:11px;background:url(vendor/winamp-skin/balance.png) -15px -422px no-repeat}
#winamp .wa-eq-toggle,#winamp .wa-pl-toggle{top:58px;width:23px;height:12px;background-image:url(vendor/winamp-skin/shufrep.png)}
#winamp .wa-eq-toggle{left:219px;background-position:0 -61px}
#winamp .wa-pl-toggle{left:242px;background-position:-23px -61px}
#winamp.wa-eq-open .wa-eq-toggle{background-position:0 -73px}
#winamp.wa-pl-open .wa-pl-toggle{background-position:-23px -73px}
#winamp .wa-eq-toggle:active{background-position:-46px -61px}
#winamp .wa-pl-toggle:active{background-position:-69px -61px}
#winamp.wa-eq-open .wa-eq-toggle:active{background-position:-46px -73px}
#winamp.wa-pl-open .wa-pl-toggle:active{background-position:-69px -73px}
#winamp .wa-posbar{top:72px;left:16px;width:248px;height:10px;background:url(vendor/winamp-skin/posbar.png) 0 0 no-repeat}
#winamp .wa-pos-thumb{top:0;left:0;width:29px;height:10px;background:url(vendor/winamp-skin/posbar.png) -248px 0 no-repeat}
#winamp .wa-cb{top:88px;width:23px;height:18px;background-image:url(vendor/winamp-skin/cbuttons.png)}
#winamp .wa-prev{left:16px;background-position:0 0}#winamp .wa-prev:active{background-position:0 -18px}
#winamp .wa-play{left:39px;background-position:-23px 0}#winamp .wa-play:active{background-position:-23px -18px}
#winamp .wa-pause{left:62px;background-position:-46px 0}#winamp .wa-pause:active{background-position:-46px -18px}
#winamp .wa-stop{left:85px;background-position:-69px 0}#winamp .wa-stop:active{background-position:-69px -18px}
#winamp .wa-next{left:108px;width:22px;background-position:-92px 0}#winamp .wa-next:active{background-position:-92px -18px}
#winamp .wa-eject{top:89px;left:136px;width:22px;height:16px;background:url(vendor/winamp-skin/cbuttons.png) -114px 0}
#winamp .wa-eject:active{background-position:-114px -16px}
#winamp .wa-shuffle{top:89px;left:164px;width:47px;height:15px;background:url(vendor/winamp-skin/shufrep.png) -28px 0 no-repeat}
#winamp .wa-repeat{top:89px;left:210px;width:28px;height:15px;background:url(vendor/winamp-skin/shufrep.png) 0 0 no-repeat}

/* Equalizer (visual only: it shapes the visualizers, not Spotify's audio) */
#winamp .wa-eq{background:url(vendor/winamp-skin/eqmain.png) 0 0 no-repeat}
#winamp .wa-eq-title{top:0;left:0;width:275px;height:14px;background:url(vendor/winamp-skin/eqmain.png) 0 -149px no-repeat}
#winamp .wa-eq.wa-focused .wa-eq-title{background-position:0 -134px}
#winamp .wa-eq-close{top:3px;left:264px;width:9px;height:9px}
#winamp .wa-eq-close:active{background:url(vendor/winamp-skin/eqmain.png) 0 -125px}
#winamp .wa-eq-on,#winamp .wa-eq-auto,#winamp .wa-eq-presets{top:18px;height:12px;background-image:url(vendor/winamp-skin/eqmain.png)}
#winamp .wa-eq-on{left:14px;width:26px;background-position:-10px -119px}
#winamp .wa-eq-on:active{background-position:-128px -119px}
#winamp.wa-eq-on .wa-eq-on{background-position:-69px -119px}
#winamp.wa-eq-on .wa-eq-on:active{background-position:-187px -119px}
#winamp .wa-eq-auto{left:40px;width:32px;background-position:-36px -119px}
#winamp .wa-eq-auto:active{background-position:-154px -119px}
#winamp.wa-eq-autoon .wa-eq-auto{background-position:-95px -119px}
#winamp.wa-eq-autoon .wa-eq-auto:active{background-position:-213px -119px}
#winamp .wa-eq-presets{left:217px;width:44px;background-position:-224px -164px}
#winamp .wa-eq-presets:active{background-position:-224px -176px}
#winamp .wa-eq-graph{top:17px;left:86px;width:113px;height:19px;background:url(vendor/winamp-skin/eqmain.png) 0 -294px no-repeat}
#winamp .wa-band{top:38px;width:14px;height:63px;background:url(vendor/winamp-skin/eqmain.png) -13px -164px no-repeat;cursor:pointer}
#winamp .wa-band-thumb{left:1px;width:11px;height:11px;background:url(vendor/winamp-skin/eqmain.png) 0 -164px no-repeat}
#winamp .wa-band:active .wa-band-thumb{background-position:0 -176px}

/* Playlist: the tracks seen this session, newest last */
#winamp .wa-pl-top{top:0;height:20px;background:url(vendor/winamp-skin/pledit.png) no-repeat}
#winamp .wa-pl-tl{left:0;width:25px;background-position:0 -21px}
#winamp .wa-pl-fill{width:25px;background-position:-127px -21px}
#winamp .wa-pl-title{left:87px;width:100px;background-position:-26px -21px}
#winamp .wa-pl-tr{left:250px;width:25px;background-position:-153px -21px}
#winamp .wa-pl.wa-focused .wa-pl-tl{background-position:0 0}
#winamp .wa-pl.wa-focused .wa-pl-fill{background-position:-127px 0}
#winamp .wa-pl.wa-focused .wa-pl-title{background-position:-26px 0}
#winamp .wa-pl.wa-focused .wa-pl-tr{background-position:-153px 0}
#winamp .wa-pl-left{left:0;width:12px;height:29px;background:url(vendor/winamp-skin/pledit.png) 0 -42px no-repeat}
#winamp .wa-pl-right{left:255px;width:20px;height:29px;background:url(vendor/winamp-skin/pledit.png) -31px -42px no-repeat}
#winamp .wa-pl-handle{top:20px;left:263px;width:8px;height:18px;background:url(vendor/winamp-skin/pledit.png) -52px -53px no-repeat}
#winamp .wa-pl-list{top:20px;left:12px;width:237px;height:58px;padding:0 3px;overflow:hidden;background:#000;font:9px/13px Arial,"Helvetica Neue",sans-serif;color:#00ff00;-webkit-text-size-adjust:none;text-size-adjust:none}
#winamp .wa-pl-list .wa-pl-row{position:relative;height:13px;white-space:nowrap;overflow:hidden}
#winamp .wa-pl-current{color:#fff}
#winamp .wa-pl-name{display:block;overflow:hidden;text-overflow:ellipsis;padding-right:4px}
#winamp .wa-pl-dur{float:right;padding-left:3px}
#winamp .wa-pl-bl{top:78px;left:0;width:125px;height:38px;background:url(vendor/winamp-skin/pledit.png) 0 -72px no-repeat}
#winamp .wa-pl-br{top:78px;left:125px;width:150px;height:38px;background:url(vendor/winamp-skin/pledit.png) -126px -72px no-repeat}
#winamp .wa-pl-close{top:3px;left:264px;width:9px;height:9px}
#winamp .wa-pl-close:active{background:url(vendor/winamp-skin/pledit.png) -52px -42px}
#winamp .wa-pl-add{top:86px;left:14px;width:22px;height:18px}
#winamp .wa-pl-running{top:88px;left:132px;width:80px;height:6px}
#winamp .wa-pl-mini{top:100px;width:10px;height:10px}
#winamp .wa-pl-minitime{top:101px;left:191px;width:30px;height:6px}

/* Milkdrop (generic window frame from GEN.BMP) */
#winamp .wa-md{background:#000}
#winamp .wa-md-top{top:0;left:0;width:275px;height:20px;background:url(vendor/winamp-skin/gen-top.png) 0 -21px no-repeat}
#winamp .wa-md.wa-focused .wa-md-top{background-position:0 0}
#winamp .wa-md-left{top:20px;left:0;bottom:38px;width:11px;background:url(vendor/winamp-skin/gen-left.png) repeat-y}
#winamp .wa-md-left-bottom{bottom:14px;left:0;width:11px;height:24px;background:url(vendor/winamp-skin/gen-left-bottom.png) no-repeat}
#winamp .wa-md-right{top:20px;right:0;bottom:38px;width:8px;background:url(vendor/winamp-skin/gen-right.png) repeat-y}
#winamp .wa-md-right-bottom{bottom:14px;right:0;width:8px;height:24px;background:url(vendor/winamp-skin/gen-right-bottom.png) no-repeat}
#winamp .wa-md-bottom{bottom:0;left:0;width:275px;height:14px;background:url(vendor/winamp-skin/gen-bottom.png) no-repeat}
#winamp .wa-md-canvas{top:20px;left:11px;background:#000;-webkit-transition:opacity 1.5s;transition:opacity 1.5s}
#winamp.wa-stopped .wa-md-canvas{opacity:0}
#winamp .wa-md-close{top:2px;left:261px;width:11px;height:10px}

/* Main menu (Webamp's context-menu look), in Winamp pixels so it scales with the windows */
#winamp .wa-menu,#winamp .wa-menu ul{position:absolute;z-index:50;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #a7a394;box-shadow:2px 2px 4px rgba(0,0,0,.5);cursor:default}
#winamp .wa-menu.hidden{display:none}
#winamp .wa-menu li{position:relative;display:block;margin:2px;padding:1px 18px 3px;font:11px Tahoma,Verdana,Geneva,sans-serif;color:#000;white-space:nowrap;text-align:left;overflow:visible}
#winamp .wa-menu li:hover,#winamp .wa-menu li:active,#winamp .wa-menu li.wa-open{background:#224eb7;color:#fff}
#winamp .wa-menu li.wa-checked:before{content:"\2713";float:left;margin-left:-12px}
#winamp .wa-menu li.wa-parent:after{content:"\25b8";float:right;margin-right:-12px}
#winamp .wa-menu li.wa-hr,#winamp .wa-menu li.wa-hr:hover,#winamp .wa-menu li.wa-hr:active{padding:2px 0;background:#fff}
#winamp .wa-menu hr{height:1px;margin:0;padding:0;border:0;background:#a7a394}
#winamp .wa-menu ul{display:none;top:-3px;left:100%;margin-left:-3px}
#winamp .wa-menu li.wa-open>ul{display:block}
#winamp .wa-menu ul.wa-flip{left:auto;right:100%;margin-left:0;margin-right:-3px}
#winamp .wa-menu li.wa-parent li{color:#000;background:#fff}
#winamp .wa-menu li.wa-parent li:hover,#winamp .wa-menu li.wa-parent li:active{background:#224eb7;color:#fff}
#winamp .wa-menu li.wa-parent li.wa-hr{background:#fff}
#winamp .wa-menu-file input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;font-size:20px;cursor:pointer}