@-webkit-keyframes minScale{0%{transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);opacity:0}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1}}@keyframes minScale{0%{transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);opacity:0}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1}}.audio{align-items:center;width:500px}.audio__player{align-items:center;height:35px;padding-left:10px;border-radius:32px;-ms-border-radius:32px;-o-border-radius:32px;overflow:hidden}.audio__player--container{flex:1;max-width:370px}.audio__player--container:focus:before{border:2px dashed #4d7aeb;border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.audio__player:before{content:"";display:block;position:absolute;left:30px;width:80%;height:1.5px;background:#fff;z-index:2}.audio__bar{left:0;width:0;height:100%;will-change:width}.audio__bar--transition{transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;z-index:1;pointer-events:none}.audio__tooltip{top:-20px;font-size:12px;line-height:12px;border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;padding:5px;z-index:3;display:none;margin-left:-21px}.audio__tooltip--active{display:block}.audio__svg{width:15px;height:15px;z-index:2;animation:minScale .3s ease-in-out;-webkit-animation:minScale .3s ease-in-out}.audio__svg__download{width:15px;height:15px;top:50%;right:13px;transform:translateY(50%) rotate(180deg);-webkit-transform:translateY(50%) rotate(180deg);-moz-transform:translateY(50%) rotate(180deg);-ms-transform:translateY(50%) rotate(180deg);-o-transform:translateY(50%) rotate(180deg);transform-origin:top center}.audio__time{font-size:16px;line-height:21px;margin-left:20px}