@rhds/elements/rh-audio-player/rh-audio-player-lightdom.css

Red Hat Design System Elements

*[hidden] {
  display: none !important;
}

rh-audio-player {
  /** Player base line height */
  line-height: var(--rh-line-height-body-text, 1.5);

  /** Player base font weight */
  font-weight: var(--rh-font-weight-body-text-regular, 400);

  /** Player base font size */
  font-size: var(--rh-font-size-code-md, 1rem);

  /** Player base font family */
  font-family: var(--rh-font-family-body-text, RedHatText, 'Red Hat Text', Helvetica, Arial, sans-serif);
  color:
    /** Player text color override */
    var(--rh-audio-player-text-color,
      /** Player text color */
      var(--rh-color-text-primary));

  &[color-palette^='dark'] > * {
    background-color:
      /** Dark palette panel surface override */
      var(--rh-audio-player-background-color,
        /** Dark palette panel surface */
        var(--rh-color-surface-darkest, #151515));
  }
}

rh-audio-player:not([expanded]) rh-transcript:not(:defined) {
  display: none;
}

rh-cue[start]:not(:defined):before,
rh-cue[voice]:not(:defined):before {
  /** Pre-upgrade cue heading font family */
  font-family: var(--rh-font-family-heading, RedHatDisplay, 'Red Hat Display', Helvetica, Arial, sans-serif);

  /** Pre-upgrade cue heading font size */
  font-size: var(--rh-font-size-body-text-md, 1rem);

  /** Pre-upgrade cue heading font weight */
  font-weight: var(--rh-font-weight-heading-bold, 700);
}

rh-cue[voice]:not(:defined):before {
  content: attr(voice);
}

rh-cue[start]:not(:defined):before {
  content: attr(start);
}

rh-cue[voice][start]:not(:defined):before {
  content: attr(start) ' - ' attr(voice);
}

rh-cue[voice][start]:empty {
  display: block;

  /** Empty cue block start margin */
  margin-top: var(--rh-space-lg, 16px);
}

rh-audio-player-about,
rh-audio-player-subscribe {
  display: block;
}

rh-audio-player-about,
rh-audio-player-subscribe,
rh-transcript {
  background-color:
    light-dark(
        /** Panel surface in light mode override */
        var(--rh-audio-player-background-color,
        /** Panel surface in light mode */
        var(--rh-color-surface-lightest, #ffffff)),
        /** Panel surface in dark mode override */
        var(--rh-audio-player-background-color,
        /** Panel surface in dark mode */
        var(--rh-color-surface-darkest, #151515))
      );
}

rh-audio-player > [slot='series'] {
  /** Series letter spacing */
  letter-spacing: var(--rh-letter-spacing-body-text, 0.0125rem);

  /** Series font size */
  font-size: var(--rh-font-size-body-text-xs, 0.75rem);

  /** Series font weight */
  font-weight: var(--rh-font-weight-heading-medium, 500);

  /** Series block end margin */
  margin: 0 0 var(--rh-space-md, 8px);
  padding: 0;
}

rh-audio-player > [slot='title'],
rh-audio-player [slot='heading'] {
  /** Title font size */
  font-size: var(--rh-font-size-heading-xs, 1.25rem);

  /** Title font family */
  font-family: var(--rh-font-family-heading, RedHatDisplay, 'Red Hat Display', Helvetica, Arial, sans-serif);

  /** Title font weight */
  font-weight: var(--rh-font-weight-heading-medium, 500);

  /** Title line height */
  line-height: var(--rh-line-height-heading, 1.3);

  /** Title block end margin */
  margin: 0 0 var(--rh-space-lg, 16px);
  padding: 0;
}

rh-audio-player [slot='heading'] {
  /** Panel heading font size */
  font-size: var(--rh-font-size-body-text-md, 1rem);
}