.ui-control{width:30px;height:30px;display:inline-block;border:none;border-radius:100%;position:relative;overflow:hidden;font-size:5px}.ui-control .ui-pause{opacity:0;position:absolute}.ui-control .ui-play{opacity:1;position:static}.ui-control--lg{width:50px;height:50px}.ui-control--playing .ui-play{opacity:0;position:absolute;width:0}.ui-control--playing .ui-pause{opacity:1;position:static}.ui-play,.ui-pause,.ui-control{transition:opacity 500ms}.gp{position:fixed;bottom:0;left:0;z-index:11;width:100%;padding:15px 0 0;box-shadow:-1px 0 2px 2px rgba(40,41,52,0.1),0 4px 14px 0 rgba(40,41,52,0.3);background:#fff}.gp-content{display:flex;align-items:center;justify-content:start;padding-bottom:10px;height:73px}.gp-controls{flex:0 0 auto;margin-right:20px;display:inline-block;vertical-align:center}.gp-controls .btn{max-height:30px}.gp-description{width:95%;display:flex;align-items:center;flex:1 1 auto}.gp-track-info{min-width:30%}.gp-elapsed,.gp-actions,.gp-dropup,.gp-volume{padding:5px 30px;line-height:0}.gp-elapsed,.gp-volume{margin-left:auto}.gp-elapsed+.gp-volume{margin-left:0}.gp-volume{border-right:1px solid #D5D6DE}.gp-actions{padding-right:0}.gp-trackbar{position:relative;height:3px;background:#EBEBF0}.gp-rwd,.gp-fwd{position:relative;text-align:center}.gp-rwd span,.gp-fwd span{line-height:28px;margin-left:1px}.gp-rwd .icon,.gp-fwd .icon{position:absolute;z-index:0;top:0;left:0}.gp-fwd{margin-left:10px}.gp-rwd{margin-right:10px}.gp-dropup{display:inline-flex;align-items:center;padding-right:0}.gp-dropup:hover{cursor:pointer}.gp-dropup .icon{transform:rotate(-90deg)}.gp-dropup-selected-cover{margin:auto 40px auto 0;display:inline-block;max-width:90px}.gp-dropup--content{width:100%;padding:20px 0;position:fixed;bottom:10000px;left:0;background:#EBEBF0}.gp-dropup--content.gp-dropup--active{bottom:90px;z-index:10}.gp-dropup-track-info{display:flex;width:100%;align-items:center;justify-content:space-between;color:#7D7E94}.gp-dropup-actions{position:relative;padding:10px 0;margin-top:10px;text-align:center}.gp-dropup-items{display:flex;height:100%;align-items:center;flex-flow:row wrap}.gp-dropup-item{border:1px solid #D5D6DE;width:100px;height:100px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;flex:0 0 auto}.gp-dropup-item:not(:last-child){margin-right:10px}.gp-dropup-item--selected{border:none;background:#414254}@media screen and (max-width: 767px){.gp-description{max-width:30px;order:-1}.gp-description div{padding:0}.gp-controls{display:flex;width:80%;align-items:center;justify-content:center}.gp-controls .i-xl{font-size:0}.gp-dropup-item{margin-bottom:10px}.gp-dropup--content{box-shadow:0 -1px 0 0 rgba(0,0,0,0.07),0 -5px 14px 0 rgba(0,0,0,0.07)}.gp-dropup--content.gp-dropup--active{bottom:55px}.gp-content{height:55px}}