.widgets{position:relative}.widgets .hover{opacity:0;transition-property:opacity,0.15s,ease-in-out;transition-duration:0.15s;-webkit-transition-property:opacity,0.15s,ease-in-out}.widgets:hover .widget .hover{opacity:1}.widgets .heading-1{font-size:11px;font-weight:bold;margin:0;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.widgets .heading-2{color:#999999;font-size:11px;font-weight:normal;margin:0;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.widgets .height-logo{height:25px}.widgets .active .icon-love,.widgets .active:hover .icon-love{color:#007FEB !important}.widgets .icon-circle-full{font-size:8px;position:absolute !important;top:-3px}.widgets .btn-primary{background-color:#007FEB;border:1px solid #1478B3;border-radius:3px;color:#FFFFFF;cursor:pointer;font-size:11px;height:22px;padding:0 20px}.widgets .btn-primary:hover,.widgets .btn-primary:active{background-color:#49BDFF}.widgets .overlay{background-color:rgba(255,255,255,0.95);bottom:0;border:solid 1px #CCCCCC;box-sizing:border-box;color:#32323D;font-size:14px;font-weight:bold;left:0;margin:0;position:absolute;opacity:1;right:0;top:0;z-index:100}.widgets .overlay .content{bottom:0;left:0;position:absolute;right:0;top:0}.widgets .overlay .wrapper{display:table;height:100%;padding:0;position:relative;width:100%}.widgets .overlay .message{display:table-cell;text-align:center;padding:0 20px;vertical-align:middle}.widgets .overlay .overlay-text{padding:0 0 5px}.widgets .overlay .logo{background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;bottom:4px;display:inline-block;height:16px;position:absolute;right:4px;width:63px;background-position:0 0;height:16px;width:63px}.widgets .overlay .icon-cancel{cursor:pointer;margin-right:5px;margin-top:5px;position:relative}.widgets .widgets-playlist{border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;color:#32323D;font-size:11px}.widgets .widgets-playlist .profile-classic{background-color:#F8F8F9;border-bottom:1px solid #E8E8EC;line-height:15px;height:32px;padding:7px}.widgets .widgets-playlist .profile-playlist{padding-left:7px;text-overflow:ellipsis}.widgets .widgets-playlist .profile-user{color:#999999;padding-left:7px;text-overflow:ellipsis}.widgets .widgets-playlist .profile-tracks{color:#C2C2CA;float:right;text-align:right}.widgets .widgets-playlist .profile-time{color:#CCCCCC;text-align:right}.widgets .widgets-playlist .profile-picture>img{border-radius:16px;width:32px;height:32px}.widgets .widgets-playlist .profile-small{background-color:#F8F8F9;border-bottom:1px solid #E8E8EC;color:#999999;height:12px;padding:7px}.widgets .widgets-playlist .ul-playlist{list-style:none outside none;margin:0;padding:0}.widgets .widgets-playlist .ul-playlist::-webkit-scrollbar{background-color:#F8F8F9;width:5px}.widgets .widgets-playlist .ul-playlist::-webkit-scrollbar-thumb{background-color:#CCCCCC;border-radius:10px}.widgets .widgets-playlist .ul-playlist::-webkit-scrollbar-thumb:hover,.widgets .widgets-playlist .ul-playlist::-webkit-scrollbar-thumb:active{cursor:pointer}.widgets .widgets-playlist .ul-playlist .track-number.play-icon{background:url("/images/widgets/equalizer-gray.gif") 0 0;width:16px;height:16px}.widgets .widgets-playlist .ul-playlist li{background-color:#FFFFFF;color:#999999;height:12px;padding:10px 8px 10px 30px;position:relative}.widgets .widgets-playlist .ul-playlist li .track-number{left:8px;top:10px;position:absolute}.widgets .widgets-playlist .ul-playlist li .track-number.play-icon .track-play{display:none}.widgets .widgets-playlist .ul-playlist li .track-duration{float:right;padding-left:3px;position:relative;top:-14px}.widgets .widgets-playlist .ul-playlist li .track-play{display:none}.widgets .widgets-playlist .ul-playlist li .track-title{padding-right:40px}.widgets .widgets-playlist .ul-playlist li+li{border-top:1px solid #E8E8EC}.widgets .widgets-playlist .ul-playlist li:hover{cursor:pointer}.widgets .widgets-playlist .ul-playlist li:hover,.widgets .widgets-playlist .ul-playlist li.active{background-color:#F8F8F9}.widgets .widgets-playlist .ul-playlist li:hover .track-index{display:none}.widgets .widgets-playlist .ul-playlist li .track-play{background-position:-16px -64px;height:16px;width:16px;background-image:url('/images/compass/sprites/widgets-s03ca570e72.png');cursor:pointer;display:none}.widgets .widgets-playlist .ul-playlist li:hover .track-play{display:block}.widgets .widgets-playlist .ul-playlist li.unavailable{opacity:0.8}.widgets .controls{margin-top:20px}.widgets .controls .progress-bar{cursor:pointer;height:16px;padding:0 20px}.widgets .controls .icon-time{display:none}.widgets .controls .icon-prev{display:block;left:8px;position:absolute;top:48px !important}.widgets .controls .icon-next{display:block;right:8px;position:absolute;top:48px !important}.widgets .controls .progress-time .icon-time{display:block;left:6px;position:absolute;top:45px}.widgets .controls .progress-time.restrict-mode{padding-left:40px}.widgets .controls .progress-time.restrict-mode .icon-prev{left:28px}.widgets.widgets-medium .widgets-square{min-width:200px}.widgets.widgets-medium .widgets-square .widget .visual .info{bottom:0}.widgets.widgets-medium .widgets-classic{min-width:350px}.widgets.widgets-medium .widgets-classic .widget .visual .thumbnail .picture>img{height:90px;width:90px}.widgets.widgets-medium .widgets-playlist .profile-classic{display:none}.widgets.widgets-medium .widgets-playlist .profile-small{display:block}.widgets.widgets-small .widgets-square{width:80px}.widgets.widgets-small .widgets-classic{min-width:200px}.widgets.widgets-small .widgets-classic .widget .visual .thumbnail .picture>img{height:60px;width:60px}.widgets.widgets-small .widgets-playlist .profile-classic{display:none}.widgets.widgets-small .widgets-playlist .profile-small{display:block}.widgets.widgets-big .overlay .content .wrapper .message .overlay-text{font-size:16px;padding:0 0 10px}.widgets.widgets-big .overlay .content .wrapper .message .btn-primary{height:32px}.widgets.widgets-big .widgets-playlist .profile-classic{display:block}.widgets.widgets-big .widgets-playlist .profile-small{display:none}.widgets.widgets-big .widgets-square .widget .visual .content .info .logo{display:none}.widgets-classic .widget{border:solid 1px #CCCCCC;box-sizing:border-box;display:table;width:100%}.widgets-classic .widget .visual{display:table-cell;vertical-align:top}.widgets-classic .widget .play-time{color:#FFFFFF;font-size:14px;font-weight:bold;height:100%;left:0;line-height:64px;position:absolute;text-align:center;top:-15px;width:100%;z-index:2}.widgets-classic .widget .play-restrict{opacity:1 !important}.widgets-classic .widget .play-restrict:hover .play-default{display:none}.widgets-classic .widget .play-restrict:hover .play-hover{display:block}.widgets-classic .widget .play-restrict:hover .play-hover>.icon-pause{display:none}.widgets-classic .widget .play-restrict.active:hover .play-hover>.icon-pause{display:block}.widgets-classic .widget .play-restrict.active:hover .play-hover>.icon-play{display:none}.widgets-classic .widget .content{display:table-cell;vertical-align:top;width:100%}.widgets-classic .widget .content .icon{color:#999999;transition-property:color;transition-duration:0.15s;-webkit-transition-property:color}.widgets-classic .widget .content .icon:hover{color:#666666}.widgets-classic .widget .content .info{background-color:#FFFFFF;box-sizing:border-box;height:65px;line-height:14px;padding:5px 7px;position:relative}.widgets-classic .widget .content .info .icon-resize-up{position:absolute;right:3px;top:3px}.widgets-classic .widget .content .info .share{bottom:0;left:6px;position:absolute;right:5px}.widgets-classic .widget .content .info .share .form-control{border:1px solid #E8E8EC;border-radius:2px;color:#007FEB;padding:2px;width:100%}.widgets-classic .widget .content .info .track{margin-top:8px;padding:0 36px 0 22px}.widgets-classic .widget .content .info .track.progress-time .icon-time{display:block;left:4px;position:absolute;top:45px}.widgets-classic .widget .content .info .track.progress-time.restrict-mode{padding-left:40px}.widgets-classic .widget .content .info .track.progress-time.restrict-mode .icon-prev{left:25px}.widgets-classic .widget .content .info .track .icon-time{display:none}.widgets-classic .widget .content .info .track .icon-prev{display:block;left:8px;position:absolute;top:45px}.widgets-classic .widget .content .info .track .icon-next{display:block;position:absolute;right:22px;top:45px}.widgets-classic .widget .content .info .track .track-slider{height:8px;display:block;width:100%}.widgets-classic .widget .content .info .track .track-slider:hover{cursor:pointer}.widgets-classic .widget .content .info .track .track-progress{background:none repeat scroll 0 0 #E8E8EC;border-radius:2px;display:block;height:2px;position:relative}.widgets-classic .widget .content .info .track .track-progress .track-bar{background:none repeat scroll 0 0 #007FEB;border-radius:2px;display:block;height:2px;width:0}.widgets-classic .widget .content .info .track .track-progress .icon-handler{cursor:pointer;height:16px;left:0;margin-left:-2px;position:absolute;top:-7px;width:16px}.widgets-classic .widget .content .info .logo{bottom:3px;background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;display:inline-block;position:absolute;right:3px;background-position:0 -96px;height:16px;width:16px}.widgets-classic .widget .content .footer{background-color:#F8F8F9;box-sizing:border-box;height:25px;line-height:25px;padding:0 4px 0 8px;position:relative}.widgets-classic .widget .content .footer ul{list-style:none outside none;margin:0;padding:0}.widgets-classic .widget .content .footer ul li{float:left}.widgets-classic .widget .content .footer ul li+li{padding-left:10px}.widgets-classic .widget .content .footer ul li .logo{background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;display:inline-block;margin-top:4px;background-position:0 0;height:16px;width:63px}.widgets-classic .widget .content .footer ul li#volume-slider{padding-right:6px}.widgets-classic .widget .content .footer .volume-slider{display:inline-block;height:2px;vertical-align:middle;width:38px;transition-property:opacity,0.15s,ease-in-out;transition-duration:0.15s;-webkit-transition-property:opacity,0.15s,ease-in-out}.widgets-classic .widget .content .footer .volume-progress{background:none repeat scroll 0 0 #E8E8EC;border-radius:2px;display:block;height:2px;position:relative}.widgets-classic .widget .content .footer .volume-progress .volume-bar{background:none repeat scroll 0 0 #007FEB;border-radius:2px;display:block;height:2px;width:0}.widgets-classic .widget .content .footer .volume-progress .icon-handler{cursor:pointer;height:16px;left:0;margin-left:-2px;position:absolute;top:-3px;width:16px}.widgets-square .widget{border:solid 1px #CCCCCC;max-width:602px}.widgets-square .widget .icon-circle-full{color:C2C2CA}.widgets-square .widget .controls .icon-prev{top:60px !important}.widgets-square .widget .controls .icon-next{top:60px !important}.widgets-square .widget .play-time{color:#FFFFFF;font-size:14px;font-weight:bold;height:100%;left:0;line-height:64px;position:absolute;text-align:center;width:100%;z-index:2}.widgets-square .widget .play-restrict{opacity:1 !important}.widgets-square .widget .play-restrict:hover .play-default{display:none}.widgets-square .widget .play-restrict:hover .play-hover{display:block}.widgets-square .widget .play-restrict:hover .play-hover>.icon-pause{display:none}.widgets-square .widget .play-restrict.active:hover .play-hover>.icon-pause{display:block}.widgets-square .widget .play-restrict.active:hover .play-hover>.icon-play{display:none}.widgets-square .widget .visual{height:100%;width:100%}.widgets-square .widget .visual .icon-time{padding:8px}.widgets-square .widget .visual .size-img{height:100%;width:100%}.widgets-square .widget .visual .square-button{background-color:rgba(0,0,0,0.6);border-radius:3px;height:32px;left:8px;position:absolute;top:8px;width:32px}.widgets-square .widget .visual .square-button.square-button-resize{right:8px;left:auto}.widgets-square .widget .visual .square-button .icon-time-big{font-size:16px}.widgets-square .widget .visual .square-button .icon-resize-up{color:#FFFFFF;position:absolute;right:10px;top:10px}.widgets-square .widget .visual .content .icon{color:#C2C2CA}.widgets-square .widget .visual .content .icon:hover{color:#FFFFFF}.widgets-square .widget .visual .content .info{background-color:#23232D;bottom:34px;left:0;opacity:.9;position:absolute;right:0}.widgets-square .widget .visual .content .info .logo{background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;display:inline-block;margin-right:8px;margin-top:8px;background-position:0 -16px;height:16px;width:63px}.widgets-square .widget .visual .content .info .icon-love,.widgets-square .widget .visual .content .info .icon-shuffle,.widgets-square .widget .visual .content .info .icon-repeat,.widgets-square .widget .visual .content .info .icon-repeat-one{margin-left:9px;margin-top:9px}.widgets-square .widget .visual .content .info .icon-prev,.widgets-square .widget .visual .content .info .icon-next{top:48px}.widgets-square .widget .visual .content .info .icon-prev{left:14px}.widgets-square .widget .visual .content .info .controls{background-color:#23232D;bottom:0;color:#999999;font-size:11px;left:0;opacity:.9;right:0}.widgets-square .widget .visual .content .info .track-slider{bottom:12px;display:inline-block;height:0;left:10px;padding:0 20px;position:absolute;right:35px;vertical-align:middle;transition-property:opacity,0.15s,ease-in-out;transition-duration:0.15s;-webkit-transition-property:opacity,0.15s,ease-in-out}.widgets-square .widget .visual .content .info .track-slider .icon-prev{display:block;left:0;position:absolute;top:-7px}.widgets-square .widget .visual .content .info .track-slider .icon-next{display:block;right:0;position:absolute;top:-7px}.widgets-square .widget .visual .content .info .track-slider:hover{cursor:pointer}.widgets-square .widget .visual .content .info .track-progress{background:none repeat scroll 0 0 #55555F;border-radius:2px;display:block;margin-top:-2px;height:2px;position:relative}.widgets-square .widget .visual .content .info .track-progress .track-bar{background:none repeat scroll 0 0 #007FEB;border-radius:2px;display:block;height:2px;width:0}.widgets-square .widget .visual .content .info .track-progress .icon-handler{cursor:pointer;height:16px;left:0;margin-left:-2px;position:absolute;top:-7px;width:16px}.widgets-square .widget .visual .content .info-big{height:79px;padding:15px}.widgets-square .widget .visual .content .info-big .controls{height:25px}.widgets-square .widget .visual .content .info-medium{height:45px;padding:10px}.widgets-square .widget .visual .content .info-medium .logo{background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;bottom:8px;display:inline-block;height:16px;position:absolute;right:0;width:16px;background-position:0 -96px;height:16px;width:16px}.widgets-square .widget .visual .content .footer{background-color:none;bottom:0;height:34px;left:0;position:absolute;right:0;opacity:.9}.widgets-square .widget .visual .content .footer ul{list-style:none outside none;margin:0;padding:0}.widgets-square .widget .visual .content .footer ul li{float:left;padding-left:10px}.widgets-square .widget .visual .content .footer ul li+li{padding-left:10px}.widgets-square .widget .visual .content .footer ul li .icon-love,.widgets-square .widget .visual .content .footer ul li .icon-shuffle,.widgets-square .widget .visual .content .footer ul li .icon-repeat,.widgets-square .widget .visual .content .footer ul li .icon-repeat-one{margin-left:9px;margin-top:9px}.widgets-square .widget .visual .content .footer ul li .logo{background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;display:inline-block;margin-right:9px;margin-top:9px;background-position:0 -16px;height:16px;width:63px}.widgets-square .widget .visual .content .footer ul .player-volume{margin-top:9px}.widgets-square .widget .visual .content .footer .volume-slider{display:inline-block;height:2px;vertical-align:middle;width:38px;transition-property:opacity,0.15s,ease-in-out;transition-duration:0.15s;-webkit-transition-property:opacity,0.15s,ease-in-out}.widgets-square .widget .visual .content .footer .volume-progress{background:none repeat scroll 0 0 #E8E8EC;border-radius:2px;display:block;height:2px;position:relative}.widgets-square .widget .visual .content .footer .volume-progress .volume-bar{background:none repeat scroll 0 0 #007FEB;border-radius:2px;display:block;height:2px;width:0}.widgets-square .widget .visual .content .footer .volume-progress .icon-handler{cursor:pointer;height:16px;left:0;margin-left:-2px;position:absolute;width:16px}.widgets-square .widgets-playlist{max-width:600px}.widgets-dark .link-gray-dark{color:#FFFFFF}.widgets-dark .link-gray-dark:hover{color:#FFFFFF}.widgets-dark .overlay{border:1px solid #23232D}.widgets-dark .widget{border:solid 1px #23232D;box-sizing:border-box}.widgets-dark .widget .content .icon{color:#C2C2CA}.widgets-dark .widget .content .icon:hover{color:#FFFFFF}.widgets-dark .widget .content .info{background-color:#23232C}.widgets-dark .widget .content .share .form-control{background-color:#CCCCCC}.widgets-dark .widget .content .footer{background-color:#1C1C25}.widgets-dark .widget .content .footer ul li .logo{background:url('/images/compass/sprites/widgets-s03ca570e72.png') no-repeat;display:inline-block;margin-top:4px;background-position:0 -16px;height:16px;width:63px}.widgets-dark .widgets-playlist{background-color:#23232C;border-bottom:1px solid #23232D;border-right:1px solid #23232D;border-left:1px solid #23232D;color:#F7F7F7}.widgets-dark .widgets-playlist .profile-classic,.widgets-dark .widgets-playlist .profile-small{background-color:#1C1C25;border-bottom:1px solid #23232D}.widgets-dark .widgets-playlist .ul-playlist li{background-color:#23232C}.widgets-dark .widgets-playlist .ul-playlist li+li{border-top:1px solid #23232D}.widgets-dark .widgets-playlist .ul-playlist li:hover{background-color:#1C1C25}.widgets-dark .widgets-playlist .ul-playlist li .track-play{background-image:url('/images/compass/sprites/widgets-s03ca570e72.png');cursor:pointer;display:none;background-position:0 -64px;height:16px;width:16px}.widgets-dark .widgets-playlist .ul-playlist::-webkit-scrollbar{background-color:#23232D}.widgets-dark .widgets-playlist.widgets-square{max-width:600px}.widgets-dark .icon-time{color:#FFFFFF;cursor:pointer;text-align:center}.widgets-small .overlay{font-size:9px}.widgets-small .overlay .btn-primary{font-size:9px;height:17px;padding:0 8px}.widgets-small .overlay .overlay-text{padding:0}.widgets-small .overlay .message{padding:0 10px}.widgets-small .overlay .logo{bottom:4px;height:16px;right:4px;width:16px;background-position:0 -96px;height:16px;width:16px}.widgets-small .widgets-square .widget .visual .square-button{left:2px;top:2px}.widgets-small .widgets-square .widget .visual .square-button.square-button-resize{right:2px;left:auto}.widgets-small .widgets-square .widget .visual .square-button .icon-time{padding:10px}.widgets-small .widget .content .info{height:60px}.widgets-small .widget .play-time{top:-15px}