html,body,div,section,header,span,p,form,ul,footer,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{background-position:top left;background-size:400px 400px;background-repeat:no-repeat}#embedded{visibility:hidden}.divider{top:10%;border-left:1px solid #8f8183;position:relative;height:80%}#container{position:relative;max-width:400px;max-height:400px;min-width:300px;min-height:300px;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:hidden;width:100vw;height:100vw;background-size:contain}.share-overlay{-moz-transform:translateY(-100vh);-webkit-transform:translateY(-100vh);-ms-transform:translateY(-100vh);transform:translateY(-100vh);-moz-transition:-moz-transform .5s ease;-webkit-transition:-webkit-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease;-webkit-overflow-scrolling:touch;background:rgba(255,255,255,0.9);left:0;overflow-y:auto;position:fixed;width:100%;z-index:10001;width:100vw;height:100vw;max-width:400px;min-width:300px;max-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.share-overlay *{text-align:center}.share-overlay .share-container{position:absolute;width:100%;right:0px;top:0px}.share-overlay .share-container .share-button{position:relative;float:right;width:22px;height:22px;top:0px;right:1px;cursor:pointer}.share-overlay .share-container .share-button #share-dismiss{width:22px;height:22px}.share-overlay .share-container .share-button #share-dismiss:hover{background-position:100%}.share-overlay .track-info{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue";text-align:center;letter-spacing:1px;margin-bottom:1.2em}.share-overlay .track-info .track-number{font-size:30px;line-height:1.25}.share-overlay .track-info #track-artist{font-size:14px}.share-overlay .track-info #track-name{font-size:20px}.share-overlay .track-info #album-image{margin-top:20px;margin:0 auto}.share-overlay .share-section #share-title{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue";text-transform:uppercase;font-size:20px;letter-spacing:2px;margin:.2em 0}.share-overlay .share-section .share-content{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto}.share-overlay .share-section .share-content *{margin:0 auto;height:25px;width:35px}.share-overlay .share-section .share-content .divider{position:relative;height:15px;width:1px;margin:0 5px}.share-overlay .share-section .share-content .fb-container{text-align:center;cursor:pointer;transition:fill .2s ease}.share-overlay .share-section .share-content .tw-container{text-align:center;cursor:pointer;transition:fill .2s ease}.share-overlay .share-section .share-content .tb-container{text-align:center;cursor:pointer;transition:fill .2s ease}.share-overlay .share-section .share-content .mail-container{text-align:center;cursor:pointer;transition:fill .2s ease}.share-overlay .embed-section #embed-title{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue";text-transform:uppercase;font-size:20px;letter-spacing:2px;margin:.2em 0;margin-top:1em}.share-overlay .embed-section .embed-field>input{width:315px;height:21px;border-width:1px;border-style:solid;font-size:11px;font-family:"Arial";padding:0px 5px;color:#373737}.share-overlay.active{-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.top{position:relative;height:400px;display:block;background-color:transparent}.top .share-container{position:absolute;width:100%;z-index:5}.top .share-container .page-title{float:left;background-color:rgba(0,0,0,0.51);padding:1px 5px 3px 5px;letter-spacing:.5px;font-size:13px;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue";text-transform:uppercase}.top .share-container .page-title>a{text-decoration:none;color:#fff;height:100%;vertical-align:sub;cursor:pointer}.top .share-container .share-button{position:relative;float:right;width:22px;height:22px;text-align:center;vertical-align:middle;cursor:pointer}.top .share-container .share-button #share{width:18px;height:18px;background:rgba(0,0,0,0.51);padding:2px}.top .share-container .share-button #share:hover{background-position:100%}.top .share-container>*{display:inline-block;margin:auto}.top .image-container{text-align:center;width:100%;height:100%}.top .image-container #artwork{vertical-align:middle;max-width:100%;width:100%;max-height:100%;position:absolute;left:0;z-index:1}.top .image-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.bottom-controller{position:absolute;bottom:0;width:100%;height:50px;display:block;background:rgba(0,0,0,0.65);z-index:5}.bottom-controller .left-container{width:60px;height:60px;margin:auto;float:left}.bottom-controller .left-container .play-container{text-align:center;vertical-align:middle;cursor:pointer;background-position:0%;display:flex;align-items:center;justify-content:center}.bottom-controller .left-container .pause-container{text-align:center;cursor:pointer;background-position:0%;display:flex;align-items:center;justify-content:center}.bottom-controller .left-container>*{height:50px;margin:auto;display:block}.bottom-controller .right-container{margin-left:10px;position:absolute}.bottom-controller header.track-section-title{font-family:'Arial';color:#fff;font-size:12px;padding:8px 0 2px;white-space:nowrap;overflow:hidden}.bottom-controller header.track-section-title>span{display:inline-block;left:0;position:relative;white-space:nowrap;-webkit-transition:margin-left 5s ease-in-out;transition:margin-left 5s ease-in-out}.bottom-controller>*{display:inline-block}.progress-section{white-space:nowrap}.progress-section .progress-container{display:inline-flex;justify-content:center;align-items:center;width:248px;padding:0 7px;vertical-align:middle}.progress-section .progress-bar{vertical-align:middle;margin:0 auto;width:248px;cursor:pointer}.progress-section .progress{height:4.5px;border-radius:0px;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.05));background-image:-moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.05));background-image:-o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.05));background-image:linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.05));-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;width:100%;background-color:#d36b6d}.progress-section .progress-counter,.progress-section .progress-time{font-size:10px;color:#8d8d8d;text-transform:uppercase;vertical-align:middle}.progress-section>*{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#8d8d8d;display:inline-block;padding:5px 0 7px;letter-spacing:.1em}@media screen and (max-width:399px){.progress-section .progress-container{width:auto}.progress-section .progress-bar{width:55vw}}

/*# sourceMappingURL=main.768ff38c9301a78cf977.css.map*/