audio{width:275px;height:55px}audio::-webkit-media-controls{width:inherit;height:inherit;position:relative;direction:ltr;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#ffff}audio::-webkit-media-controls-panel{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;-webkit-user-select:none;position:relative;width:100%;z-index:0;overflow:hidden;text-align:right;bottom:auto;height:60px;background-color:#007bc4;border-radius:0;transition:opacity .3s}audio:-webkit-full-page-media{max-height:100%;max-width:100%}audio:-webkit-full-page-media::-webkit-media-controls-panel{bottom:0}audio::-webkit-media-controls-mute-button{-webkit-appearance:media-mute-button;display:flex;flex:none;border:none;box-sizing:border-box;width:35px;height:30px;line-height:30px;margin:0 6px 0 0;padding:0;background-color:#007bc4;color:inherit}audio::-webkit-media-controls-overlay-enclosure{display:none}audio::-webkit-media-controls-play-button{-webkit-appearance:media-play-button;display:flex;flex:none;border:none;box-sizing:border-box;width:30px;height:30px;line-height:30px;margin-left:9px;margin-right:9px;padding:0;background-color:#007bc4;color:#fff}audio::-webkit-media-controls-timeline-container{-webkit-appearance:media-controls-background;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1 1;-webkit-user-select:none;height:16px;min-width:0;color:#fff}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{-webkit-appearance:media-current-time-display;-webkit-user-select:none;flex:none;display:flex;border:none;cursor:default;height:30px;margin:0 9px 0 0;padding:0;line-height:30px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;font-style:normal;color:#fff;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;text-decoration:none}audio::-webkit-media-controls-timeline{-webkit-appearance:media-slider;display:flex;flex:1 1 auto;height:4px;margin:0 15px 0 0;padding:0;background-color:#007bc4;min-width:15px;border:initial;color:#fff}audio::-webkit-media-controls-volume-slider{-webkit-appearance:media-volume-slider;display:flex;flex:1 1.9 auto;height:4px;max-width:70px;margin:13px 15px 0 0;padding:0;background-color:#007bc4;min-width:15px;border:initial;color:#fff}