* path, player progress-bar {fill: #46b7ae;background-color:#46b7ae}.show-player{width:25px;height:25px;background:var(--icon) no-repeat;float:right;margin-right:10px}.info-player{width:fit-content;float:left}.info-player p{height:fit-content;display:inline-block;margin-right:10px;font: 600 0.67em/25px 'Open Sans';color:#949596;text-transform:uppercase;margin-right:12px;float:left}.show-player.hide{display:none}.show-player,player action,close{cursor:pointer}player{display:flex;height:30px;justify-content:space-between;align-items:stretch;width:0;overflow:hidden;animation:width 2s linear}player.show{width:220px}player action, player display, player close {display: flex; flex-grow: 1; justify-content: space-between; align-items: center}player action{width:25px;height:25px}player action[type="play"]{content:var(--icon)}player action[type="pause"]{content:var(--icon);display:none}player action.hide{display:none}player action.show{display:block}player action svg{width:100%;height:100%}player display{flex-grow:2;font:600 0.67em/25px 'Open Sans';color:#949596;height: 25px}display progress-bar{width:43px;height:5px;position:relative;--percent:attr(progress)}player display progress-bar progress{display:block;left:0;width:var(--progress, 0);height:100%;background-color:#5d5d5d;max-width:100%}player close{margin-left:10px;background:var(--icon) no-repeat;height:25px}player audio{display:none}