.daudio-wrap{position:relative;border:2px solid #000;line-height:32px}.daudio-wrap audio{display:none}.daudio-outer{display:table;width:100%;height:100%}.daudio-buttons,.daudio-progress,.daudio-time{display:table-cell;vertical-align:top}.daudio-buttons,.daudio-time{width:1%;white-space:nowrap}.daudio-buttons{border-right:2px solid #000}.daudio-buttons-inner{width:32px;height:32px;overflow:hidden;position:relative}.daudio-buttons button{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;transition:.3s background-color;outline:none}.daudio-buttons button:hover{background-color:#000}.daudio-buttons button.daudio-play:before,.daudio-buttons button.daudio-pause:before,.daudio-buttons button.daudio-pause:after{content:'';display:block;position:absolute}.daudio-buttons button.daudio-play:before{border:8px solid transparent;border-left:16px solid #000;transition:.3s border-color;top:50%;left:50%;margin-top:-8px;margin-left:-7px}.daudio-buttons button.daudio-play:hover:before{border-left-color:#fff}.daudio-buttons button.daudio-pause:before,.daudio-buttons button.daudio-pause:after{width:4px;height:16px;top:50%;margin-top:-8px;background-color:#000;transition:.3s background-color}.daudio-buttons button.daudio-pause:before{left:10px}.daudio-buttons button.daudio-pause:after{right:10px}.daudio-buttons button.daudio-pause:hover:before,.daudio-buttons button.daudio-pause:hover:after{background-color:#fff}.daudio-buttons button.daudio-pause{display:none}.daudio-playing .daudio-buttons button.daudio-pause{display:block}.daudio-playing .daudio-buttons button.daudio-play{display:none}.daudio-progress{position:relative;cursor:pointer}.daudio-progress-bar{position:absolute;z-index:10;top:0;left:0;height:32px;background-color:rgba(0,0,0,0.6)}.daudio-time{border-left:2px solid #000;padding:0 10px}