@font-face{font-family:Vazir;src:url(Vazir.2e3f797b.eot);src:url(Vazir.2e3f797b.eot?#iefix) format("embedded-opentype"),url(Vazir.2d7fe27d.woff2) format("woff2"),url(Vazir.893413fe.woff) format("woff"),url(Vazir.220a0b25.ttf) format("truetype");font-weight:400}@font-face{font-family:Vazir;src:url(Vazir-Bold.0be5662a.eot);src:url(Vazir-Bold.0be5662a.eot?#iefix) format("embedded-opentype"),url(Vazir-Bold.12fe5eb5.woff2) format("woff2"),url(Vazir-Bold.9f80113f.woff) format("woff"),url(Vazir-Bold.486f69c5.ttf) format("truetype");font-weight:700}@font-face{font-family:Vazir;src:url(Vazir-Light.bd8d0cf4.eot);src:url(Vazir-Light.bd8d0cf4.eot?#iefix) format("embedded-opentype"),url(Vazir-Light.02f11015.woff2) format("woff2"),url(Vazir-Light.bbb5e017.woff) format("woff"),url(Vazir-Light.df107a29.ttf) format("truetype");font-weight:300}@font-face{font-family:Vazir;src:url(Vazir-Medium.7859870e.eot);src:url(Vazir-Medium.7859870e.eot?#iefix) format("embedded-opentype"),url(Vazir-Medium.d4f92e1e.woff2) format("woff2"),url(Vazir-Medium.ed3b4d83.woff) format("woff"),url(Vazir-Medium.d3d5ae65.ttf) format("truetype");font-weight:500}@font-face{font-family:Vazir;src:url(Vazir-Thin.80621be6.eot);src:url(Vazir-Thin.80621be6.eot?#iefix) format("embedded-opentype"),url(Vazir-Thin.b6b0270b.woff2) format("woff2"),url(Vazir-Thin.8fc9d9ee.woff) format("woff"),url(Vazir-Thin.2bf8bf20.ttf) format("truetype");font-weight:100}body,html{height:100%;overflow:hidden;margin:0;min-width:300px;font-family:Vazir;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}.logo{width:100px;background-color:#ec1e77;background-image:-o-linear-gradient(40deg,#ac145c 40%,#ec1e77 100%);background-image:linear-gradient(50deg,#ac145c 40%,#ec1e77);border-bottom-right-radius:10px}.logo a{display:block;padding:7px 10px;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.logo a:not(:hover){opacity:.8}.artwork{background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='%23fff' stroke='%23ac145c' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.14v14l11-7-11-7z'/%3E%3C/svg%3E") 40 30,pointer}.artwork.playing{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='%23fff' stroke='%23ac145c' viewBox='0 0 24 24'%3E%3Cpath d='M14 19h4V5h-4v14zm-8 0h4V5H6v14z'/%3E%3C/svg%3E") 40 30,pointer}.track-info{text-align:right;padding:30px;background-color:#ec1e77;background-image:-o-linear-gradient(110deg,#ac145c 10%,#ec1e77 60%);background-image:linear-gradient(-20deg,#ac145c 10%,#ec1e77 60%);color:#fff;z-index:10;height:110px}.track-info .play{position:absolute;left:0;top:0}.track-info .play:before{position:absolute;top:-30px;left:0;display:block;width:150px;height:40px;background-position:0 0;background-repeat:no-repeat;background-size:130px auto;clip:rect(0,150px,30px,0);z-index:0;content:"";background-image:url(curve.8c5de008.svg)}.track-info .play button{position:relative;display:block;background-repeat:no-repeat;background-position:50%;background-size:26px auto;height:50px;width:50px;border-radius:50%;z-index:1;top:-20px;left:40px;background-color:#ac145c;color:#fff}.track-info .play button:hover:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.track-info .play button svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.track-info .share{left:45px;bottom:20px;width:100%;height:40px}.track-info .share>button{left:0;top:0;width:40px;height:40px;background-color:#ac145c}.track-info .share .share-options,.track-info .share>button{border-radius:25px;color:#fff;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.track-info .share .share-options{-webkit-box-shadow:0 2px 15px -4px #000;box-shadow:0 2px 15px -4px #000;background-color:#fff;top:50%;left:45px;right:0;max-width:270px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;visibility:hidden;opacity:0;margin-left:-10px;-ms-flex-pack:distribute;justify-content:space-around}.track-info .share .share-options>*{display:inline-block;vertical-align:middle;padding:5px 0}.track-info .share.active button{-webkit-transform:rotate(90deg) scale(.8);-ms-transform:rotate(90deg) scale(.8);transform:rotate(90deg) scale(.8)}.track-info .share.active .share-options{visibility:visible;opacity:1;margin-left:0}.track-info .name{font-size:1.1em;margin:-3px 0 5px;font-weight:500}.track-info .name a{color:#fff}.track-info .artists{color:#deb5c9;font-size:.8em;font-weight:300}.track-info .artists,.track-info .name{max-width:80%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.track-info .progress-bar{position:absolute;top:-20px;height:6px;border-radius:0 4px 4px 0;right:20px;left:210px}.track-info .progress-bar,.track-info .progress-bar .time{background-color:rgba(0,0,0,.5)}.track-info .progress-bar .time{min-width:100px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:100%;border-radius:8px;height:20px;font-size:.8em;padding:0 10px;line-height:22px;text-align:center;-ms-flex-pack:distribute;justify-content:space-around}.track-info .progress-bar .progress{background-color:#fff;height:2px;margin:2px 0 0 1px;width:0;max-width:100%}.dialog{position:fixed;top:0;left:0;right:0;bottom:110px;background-color:rgba(0,0,0,.85);z-index:5;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E"),pointer}.dialog>*{max-width:80%;text-align:center}.dialog a{color:#fff;background-color:#ac145c;background-image:-o-linear-gradient(40deg,#ac145c 40%,#ec1e77 100%);background-image:linear-gradient(50deg,#ac145c 40%,#ec1e77);font-size:1.2em;font-weight:500;padding:10px 30px;border-radius:40px;margin:20px}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.w-100{width:100%}.h-100{height:100%}.pos-f{position:fixed}.pos-r{position:relative}.pos-a{position:absolute}.t-0{top:0}.l-0{left:0}.b-0{bottom:0}.r-0{right:0}button{border:none;outline:0;cursor:pointer}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden;white-space:nowrap;top:100%;font-size:.7em;margin-bottom:4px;color:#fff;font-weight:500;margin-top:2px}[data-tooltip]:hover:after{visibility:visible}a{text-decoration:none}.cursor-pointer{cursor:pointer}