.rp{display:flex;flex-flow:row nowrap;height:113px;max-width:100%;margin:20px auto 0;align-items:center;justify-content:center;border-top:1px solid #EBEBF0;border-bottom:1px solid #EBEBF0}.rp-content{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;min-width:35%}.rp-items{width:65%;height:100%;flex:0 1 auto;justify-content:space-between;align-items:center;overflow-y:hidden;overflow-x:auto}.rp-item{text-align:center;min-width:130px;width:100%;display:inline-block;vertical-align:middle}.rp-current{display:inline-flex;vertical-align:middle;align-items:center;flex-flow:row wrap;padding-right:20px}.rp-title,.rp-title+p{margin-bottom:5px}.rp-cover{margin:0 20px;position:relative;border-radius:100%;width:70px;height:70px;background-color:#fff}.rp-cover-img{position:absolute;top:5px;left:5px;width:60px;height:60px;overflow:hidden;border-radius:100%}.rp-progress--pie{fill:none;stroke:#DE4856;stroke-width:2;transform:rotate(-0.25turn)}.rp-state-signifier{opacity:0;height:0;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#DE4856;transition:opacity 1s}.rp-state-signifier .icon{stroke:#DE4856}.rp-status-playing{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.rp-status-playing img{margin-bottom:15px}.rp-status-playing:before{content:"";position:absolute;bottom:-1px;left:0;background:#DE4856;width:100%;height:2px}.rp-status-playing .rp-state-signifier{text-align:center;height:auto;opacity:1;position:absolute;bottom:15px}.rp-ui-control{background:#DE4856}.rp-ui-control--playing{background:#DE4856}