:root {
  --wpsp-player-bg-color: #1261b1;
  --wpsp-primary-color: #2e8ded;
  --wpsp-border-radius: 0; }

.wpspeech {
  position: relative;
  display: flex;
  align-items: center;
  align-content: space-between;
  background-color: var(--wpsp-player-bg-color, #333333);
  border-radius: var(--wpsp-border-radius, 0px);
  color: #fff; }
  .wpspeech.wpspeech--singular {
    margin-bottom: 30px; }
  .wpspeech button {
    transition: background 150ms ease-in-out !important; }
    .wpspeech button:hover, .wpspeech button:active, .wpspeech button:not(:hover):not(:active):not(.has-background) {
      background-color: transparent !important; }
  .wpspeech .mejs-play button {
    background-position: 0 1px;
    background-repeat: no-repeat; }
  .wpspeech .mejs-pause > button {
    background-position: -20px 1px;
    background-repeat: no-repeat; }
  .wpspeech__voice {
    margin-right: 10px; }
    .wpspeech__voice svg {
      fill: currentColor;
      width: 16px;
      height: 16px; }
    .wpspeech__voice__button {
      cursor: pointer;
      padding: 3px 5px;
      display: flex;
      align-items: center; }
      .wpspeech__voice__button .wpsp-close-icon {
        display: none; }
      .wpspeech__voice__button--pressed .wpsp-voice-icon {
        display: none; }
      .wpspeech__voice__button--pressed .wpsp-close-icon {
        display: block; }
      .wpspeech__voice__button * {
        pointer-events: none; }
    .wpspeech__voice__list {
      list-style: none;
      padding: 4px 10px !important;
      margin: 0 !important;
      background-color: var(--wpsp-player-bg-color, #333333);
      position: absolute;
      right: 0;
      top: 100%;
      border-radius: var(--wpsp-border-radius, 0px);
      transition: all .2s linear;
      opacity: 0;
      visibility: hidden;
      z-index: 9999; }
      .wpspeech__voice__list--show {
        top: 110%;
        opacity: 1;
        top: 110%;
        visibility: visible; }
      .wpspeech__voice__list__item {
        cursor: pointer;
        padding: 3px 0;
        margin: 0;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        opacity: 0.7;
        transition: opacity .2s ease-in-out; }
        .wpspeech__voice__list__item--active, .wpspeech__voice__list__item:hover {
          opacity: 1; }
  .rtl .wpspeech__voice {
    margin-left: 10px;
    margin-right: 0; }
  .rtl .wpspeech__voice__list {
    left: 0;
    right: auto; }
  .wpspeech--shortcode .wpspeech__voice__list, .wpspeech--singular .wpspeech__voice__list {
    font-size: 11px;
    white-space: nowrap; }
  .wpspeech--widget .wpspeech__voice__list {
    font-size: 13px;
    padding: 0 15px !important;
    width: 100%;
    box-sizing: border-box; }
    .wpspeech--widget .wpspeech__voice__list li {
      position: relative;
      margin: 0 !important;
      padding: 10px 0 !important; }
      .wpspeech--widget .wpspeech__voice__list li:not(:last-child)::after {
        height: 0px;
        border-bottom: 1px solid;
        border-color: #fff;
        content: "";
        display: block;
        position: absolute;
        top: auto;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0.3; }
      .wpspeech--widget .wpspeech__voice__list li .wpspeech-time-published {
        margin-inline-start: 5px;
        font-size: 0.8em;
        font-style: oblique; }
      .wpspeech--widget .wpspeech__voice__list li .wpspeech-time-updated {
        display: none; }
  .wpspeech .mejs-container,
  .wpspeech .mejs-container .mejs-controls,
  .wpspeech .mejs-embed,
  .wpspeech .mejs-embed body {
    background: none; }
  .wpspeech .mejs-container {
    flex-grow: 1; }
    .wpspeech .mejs-container .mejs-controls {
      padding: 0 5px; }
      .wpspeech .mejs-container .mejs-controls .mejs-time {
        line-height: 11px; }
      .wpspeech .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
        background: var(--wpsp-primary-color, #0073AA); }
      .wpspeech .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
        display: none !important; }

/*# sourceMappingURL=wpspeech.css.map */