.audioplayer.skin-steel{width:auto}.audioplayer.skin-steel .audioplayer-inner{display:inline-block;width:100%;height:auto;background-color:#ddd;transition-property:background;transition-duration:.3s;transition-timing-function:linear}.audioplayer.skin-steel .audioplayer-inner .the-thumb-con{display:inline-block;vertical-align:middle;height:100%}.audioplayer.skin-steel .audioplayer-inner .the-thumb{height:100%;width:80px;background-size:cover}.audioplayer.skin-steel .ap-controls{text-align:left;width:auto;height:80px;display:flex;align-items:center}.audioplayer.skin-steel .ap-controls .playbtn{border:0}.audioplayer.skin-steel .ap-controls .playbtn .dzsap-play-icon{border-style:solid;border-color:transparent;border-width:12px;border-left-width:20px;border-left-color:#fff}.audioplayer.skin-steel .ap-controls>.total-time,.audioplayer.skin-steel .ap-controls>.curr-time{display:none}.audioplayer.skin-steel .ap-controls>.the-bg{display:none}.audioplayer.skin-steel .ap-controls .ap-controls-left{width:auto;height:100%;position:relative;white-space:nowrap;display:inline-block;vertical-align:middle}.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn,.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn{width:80px;height:100%;background-color:#5a555a;position:relative;display:inline-block;vertical-align:top}.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn svg,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn svg{transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn svg path,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn svg path{fill:#444}.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn .svg1,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg1{margin-left:-4px;width:8px}.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn .svg2,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg2{margin-left:4px}.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg1{width:auto}.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn .svg2{width:8px}.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover svg,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover svg{margin-left:0;opacity:.8;transform:translate(-50%, -50%) scale(1.3)}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn{border-left:1px solid rgba(255,255,255,.1)}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause{top:0;left:0;position:relative;background-color:#5a555a;vertical-align:middle;transition-property:background;transition-duration:.2s;transition-timing-function:ease-out}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .playbtn{position:absolute;width:100%;height:100%;top:0;left:0;transition-property:left,width;transition-duration:.3s;transition-timing-function:linear;overflow:hidden}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .playbtn .dzsap-play-icon{position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-12px;width:auto;height:auto;transition-property:border,margin;transition-duration:.3s;transition-timing-function:linear}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .playbtn path{fill:#fff}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-13px;width:20px;height:25px;border:0px solid #191d21}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn path{fill:#e1d9ca}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn:before,.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn:after{content:"";position:absolute;width:6px;height:100%;left:0;background-color:#fff;transition-property:background;transition-duration:.3s;transition-timing-function:linear}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause .pausebtn:after{left:auto;right:7px;top:0%;height:100%;transition-property:right,top,height,background;transition-duration:.3s;transition-timing-function:ease-out}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause:hover,.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover{background-color:#db4343}.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:before,.audioplayer.skin-steel .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:after,.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover .pausebtn:before,.audioplayer.skin-steel .ap-controls .ap-controls-left .prev-btn:hover .pausebtn:after,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover .pausebtn:before,.audioplayer.skin-steel .ap-controls .ap-controls-left .next-btn:hover .pausebtn:after{content:"";position:absolute;width:6px;height:100%;background-color:#fff}.audioplayer.skin-steel .ap-controls .controls-right{float:none;display:inline-block;width:auto;min-width:40%;text-align:right;padding:10px 10px 5px 0}.audioplayer.skin-steel .ap-controls .ap-controls-right{float:none;display:inline-block;overflow:hidden;background-color:transparent;height:auto;flex:100;vertical-align:middle;position:relative;border-radius:0 3px 3px 0;padding-top:0px;padding-left:13px;padding-right:13px;text-align:left;margin-left:10px}.audioplayer.skin-steel .ap-controls .ap-controls-right>*{float:none}.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist{overflow:hidden;white-space:nowrap}.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con{position:relative;top:0;left:0;white-space:nowrap;max-width:none;width:160px;margin-bottom:3px}.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-artist{font-weight:bold;display:block;font-family:"Lato","Open Sans",sans-serif;color:inherit;margin-right:10px;margin-bottom:4px;font-size:10px;font-weight:bold;text-transform:uppercase;color:#222}.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-name{font-size:15px;color:#db4343;display:block;margin-bottom:5px;font-weight:bold;overflow:hidden;text-overflow:ellipsis}.audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-name a{color:#db4343}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume{width:57px;height:12px;position:absolute;float:none;bottom:auto;left:auto;right:15px;top:14px}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_static{width:auto;height:auto;background:transparent;top:0}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_static rect{fill:#a9a9a9}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volumeicon,.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_static,.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_cut{position:relative;left:0}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_active{position:absolute;height:auto;background:transparent;width:auto;overflow:hidden;top:0;left:0}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volume_active rect{fill:#222}.audioplayer.skin-steel .ap-controls .ap-controls-right .controls-volume .volumeicon{display:none}.audioplayer.skin-steel .ap-controls .ap-controls-right .scrubbar{margin-top:7px;height:10px}.audioplayer.skin-steel .ap-controls .ap-controls-right .scrubbar>.scrub-bg{border-radius:0px;height:10px;background-color:#fff;border:1px solid #222}.audioplayer.skin-steel .ap-controls .ap-controls-right .scrubbar>.scrub-prog{border-radius:0px;height:6px;top:2px;left:2px;max-width:calc(100% - 4px);background-color:#222}.audioplayer.skin-steel .ap-controls .ap-controls-right .curr-time,.audioplayer.skin-steel .ap-controls .ap-controls-right .total-time{position:relative;display:inline-block;color:inherit;font-size:14px;top:0;bottom:auto;padding:0;font-size:10px}.audioplayer.skin-steel .ap-controls .ap-controls-right .separator-slash{opacity:.2;display:inline-block;vertical-align:middle;font-size:16px}.audioplayer.skin-steel .ap-controls .ap-controls-right .curr-time{padding-left:2px;opacity:.5}.audioplayer.skin-steel.curved-buttons .con-playpause{border-radius:50%}.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause{background-color:#eee}.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause .dzsap-play-icon{border-left-color:#222}.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause .pausebtn:before,.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause .pausebtn:after{background-color:#222}.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause:hover .dzsap-play-icon{border-left-color:#fff}.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause:hover .pausebtn:before,.audioplayer.skin-steel.theme-light .ap-controls-left .con-playpause:hover .pausebtn:after{background-color:#fff}.audioplayer.skin-steel.is-playing .audioplayer-inner .con-playpause .playbtn{width:12%;left:40%}.audioplayer.skin-steel.is-playing .audioplayer-inner .con-playpause .playbtn .dzsap-play-icon{border-width:14px;border-left-width:35px;margin-left:-8px;margin-top:-15px}.audioplayer.skin-steel.is-playing .audioplayer-inner .con-playpause .pausebtn:after{right:0}.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .playbtn .dzsap-play-icon{border-width:6px;border-left-width:10px;margin-left:-4px;margin-top:-6px}.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn{height:12px;margin-top:-6px;margin-left:-11px}.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:before,.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:after{width:4px}.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:before{left:3px}.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .pausebtn:after{right:4px}.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:before,.audioplayer.skin-steel.size-mini .ap-controls .ap-controls-left .con-playpause:hover .pausebtn:after{width:4px}.audioplayer.skin-steel.size-mini .ap-controls-left .prev-btn,.audioplayer.skin-steel.size-mini .ap-controls-left .con-playpause,.audioplayer.skin-steel.size-mini .ap-controls-left .next-btn{width:40px;height:40px}.audioplayer.skin-steel.size-mini .ap-controls-left .prev-btn .svg1{width:5px;margin-left:-3px}.audioplayer.skin-steel.size-mini .ap-controls-left .prev-btn .svg2{width:7px}.audioplayer.skin-steel.size-mini .ap-controls-left .next-btn .svg2{width:5px;margin-left:3px}.audioplayer.skin-steel.size-mini .ap-controls-left .next-btn .svg1{width:7px}.audioplayer.skin-steel.size-mini .audioplayer-inner .the-thumb{width:40px;height:40px}.audioplayer.skin-steel.size-mini .ap-controls-right{vertical-align:middle}.audioplayer.skin-steel.size-mini .ap-controls-right .meta-artist .the-artist:first-child{margin-top:3px;margin-bottom:2px}.audioplayer.skin-steel.size-mini .ap-controls-right .meta-artist-con .the-name{margin-bottom:0}.audioplayer.skin-steel.size-mini .ap-controls-right .curr-time,.audioplayer.skin-steel.size-mini .ap-controls-right .separator-slash,.audioplayer.skin-steel.size-mini .ap-controls-right .total-time{display:none}.audioplayer.skin-steel.under-400 .controls-right{display:none}.slider-clipper .audioplayer.skin-steel,.slider-clipper .audioplayer-tobe.skin-steel{width:100%}/*# sourceMappingURL=player-skin--skin-steel.css.map */