html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-moz-appearance:none;-webkit-appearance:none;outline-style:none}body{background:#333;color:white;font:12px "open-sans"}a{color:whitesmoke}a:hover{color:white}#border{border:1px solid rgba(0,0,0,0.1);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:350px;left:0;pointer-events:none;position:absolute;top:0;width:280px;z-index:1000}#widget{height:350px;overflow:hidden;position:relative;width:280px}#widget.loading{opacity:0}#widget.loading section#artwork{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#widget.type section#artwork,#widget.unlock section#artwork,#widget.thanks section#artwork,#widget.help section#artwork{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:blur(1px) grayscale(100%);filter:blur(1px) grayscale(100%);opacity:0.25;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#widget.player section#panels{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}#widget.type section#panels{-moz-transform:translateX(-280px);-ms-transform:translateX(-280px);-webkit-transform:translateX(-280px);transform:translateX(-280px)}#widget.unlock section#panels{-moz-transform:translateX(-560px);-ms-transform:translateX(-560px);-webkit-transform:translateX(-560px);transform:translateX(-560px)}#widget.thanks section#panels{-moz-transform:translateX(-840px);-ms-transform:translateX(-840px);-webkit-transform:translateX(-840px);transform:translateX(-840px)}#widget.type section#button a{pointer-events:none}#widget.help section#help{display:block}#widget.help section#panels{display:none}#widget section{-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}#widget section header{padding-bottom:20px;position:relative;text-align:center;z-index:100}#widget section header h1{font-size:12px;line-height:16px;text-transform:uppercase}#widget section header a{position:absolute;top:0}#widget section header a.back{left:0}#widget section header a.info,#widget section header a.root{right:0}#widget section p{color:#CCC;line-height:24px;margin-bottom:20px;text-align:center}#widget section#artwork{background-size:cover;left:0;opacity:0.9;position:absolute;height:280px;width:280px;top:0}#widget section#help{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;left:0;height:350px;padding:20px;position:absolute;top:0;z-index:100;width:280px}#widget section#help a.close{background:white;bottom:0;color:#CCC;display:block;font-size:18px;height:70px;left:0;line-height:70px;position:absolute;text-align:center;text-decoration:none;width:280px}#widget section#help a.close:hover{color:#C2C2C2}#widget section#panels{position:fixed;width:1120px}#widget section#panels article{float:left;padding:20px;height:240px;width:240px}#widget section#panels article form .field{position:relative}#widget section#panels article form .field label{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;left:15px;position:absolute;top:12px}#widget section#panels article form .field input,#widget section#panels article form .field textarea{background:transparent;border:2px solid #CCC;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:white;font:12px "open-sans";margin:0;width:240px}#widget section#panels article form .field input.error,#widget section#panels article form .field textarea.error{border-color:#FF0203}#widget section#panels article form .field input{padding:8px 0 8px 35px}#widget section#panels article form .field textarea{height:120px;padding:10px;resize:none}#widget section#panels article .email,#widget section#panels article .twitter{display:none}#widget section#panels article#player{position:relative}#widget section#panels article#player #visual{left:0;position:absolute;top:0;height:280px;width:280px}#widget section#panels article#player a.toggle{border:2px solid white;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;display:inline-block;font-size:36px;line-height:110px;position:absolute;text-align:center;height:100px;width:100px}#widget section#panels article#type ul li a{background:white;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;color:#CCC;display:block;height:37px;line-height:37px;margin-bottom:10px;text-align:center;text-decoration:none}#widget section#panels article#type ul li a:before{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;padding-right:10px}#widget section#button{background:white;bottom:0;height:70px;position:absolute;width:280px}#widget section#button a{color:#CCC;display:block;font-size:18px;height:70px;line-height:70px;text-align:center;text-decoration:none;width:280px}#widget section#button a:hover{color:#C2C2C2}#widget section#button a:before{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;padding-right:10px}#widget section#button a:hover:before{color:#CCC}
