@aidenlx/player/src/providers/audio/styles.ts

Headless web components that make integrating media on the a web a breeze.

import { css } from 'lit';

export const audioElementStyles = css`
  :host {
    display: inline;
    contain: content;
  }

  :host([hidden]) {
    display: none;
  }

  audio {
    display: inline;
    border-radius: inherit;
    vertical-align: middle;
    outline: 0;
    border: 0;
    user-select: none;
    -webkit-user-select: none;
  }

  audio:not([width]) {
    width: 100%;
  }
`;