.mc-text-to-speech-wrapper {
  position: relative;
  --tts-wrapper-border-bottom-color: var(--c-border);
  --tts-wrapper-border-bottom: 1px solid var(--tts-wrapper-border-bottom-color);
  --tts-caption-font-size: 0.75rem;
  --tts-caption-color: var(--tts-player-text-color);
  --tts-loader-color: var(--tts-player-icon-color);
  --tts-player-font-family: var(--ff-text);
  --tts-player-icon-color: var(--tts-player-text-color);
  --tts-player-icon-color-hover: var(--c-primary);
  --tts-player-text-color: var(--c-black-color);
  --tts-player-padding: 6px 16px 6px 10px;
  --tts-pause-label-font-weight: 500;
  --tts-pause-label-font-size: 1rem;
  --tts-pause-label-color: var(--tts-player-text-color);
  --tts-player-playback-rate-height: 24px;
  --tts-player-playback-rate-width: 54px;
  --tts-player-playback-rate-font-size: 0.875rem;
  --tts-player-playback-rate-line-height: 1.14286;
  --tts-player-playback-rate-color: var(--tts-player-text-color);
  --tts-player-playback-rate-color-hover: var(--tts-player-icon-color-hover);
  --tts-player-playback-rate-background: #D2D2D2;
  --tts-player-playback-rate-background-hover: rgba(213, 213, 213, 0.5);
  --tts-player-title-font-size: 1rem;
  --tts-player-title-font-family: var(--tts-player-font-family);
  --tts-player-duration-font-size: 0.875rem;
  --tts-player-playback-time-font-size: 0.75rem;
  --tts-player-play-pause-button-size: 26px;
  --tts-player-prev-next-button-size: 26px;
  --tts-playback-time-duration-font-weight: 400;
  --tts-playback-time-duration-font-size: var(--tts-player-duration-font-size);
  --tts-playback-time-duration-color: var(--tts-player-text-color);
  --tts-player-background-color: #F2F2F2;
  --tts-player-title-font-weight: 500;
}

.mc-text-to-speech-wrapper .beyondwords-player.media-loading,
.mc-text-to-speech-wrapper .beyondwords-player.media-loaded {
  border-radius: 100px;
}

.mc-text-to-speech-wrapper:has(.beyondwords-player.media-loading),
.mc-text-to-speech-wrapper:has(.beyondwords-player.media-loaded) {
  padding-bottom: 24px;
  border-bottom: var(--tts-wrapper-border-bottom);
}

.mc-text-to-speech-wrapper .beyondwords-player.standard {
  width: max-content;
}

.mc-text-to-speech-wrapper .beyondwords-player.standard:has(.user-interface.standard.playing) {
  width: inherit;
}


.mc-text-to-speech-wrapper .beyondwords-player ~ .new-feature-wizard {
  position: absolute;
  top: -5px;
}

.mc-text-to-speech-wrapper .beyondwords-player:not(.media-loading, .media-loaded) ~ .new-feature-wizard {
  display: none !important;
}

.mc-text-to-speech-wrapper .text-to-speech-caption {
  font-size: var(--tts-caption-font-size);
  font-weight: 300;
  line-height: 1.16667;
  margin-top: 10px;
  margin-bottom: 0;
  color: var(--tts-caption-color);
  margin-left: 14px;
}

.mc-text-to-speech-wrapper .text-to-speech-caption,
.mc-text-to-speech-wrapper .read-next__loader-icon {
  display: none;
}

.mc-text-to-speech-wrapper:has(.beyondwords-player .user-interface.standard.paused) .text-to-speech-caption,
.mc-text-to-speech-wrapper:has(.beyondwords-player .user-interface.standard.playing) .text-to-speech-caption,
.mc-text-to-speech-wrapper:has(.beyondwords-player.media-loading.standard) .read-next__loader-icon {
  display: block;
}


.mc-text-to-speech-wrapper .read-next__loader-icon {
  border-color: var(--tts-loader-color);
  border-bottom-color: transparent;
  position: absolute;
}

.mc-text-to-speech-wrapper .beyondwords-player.standard ~ .read-next__loader-icon {
  height: 20px;
  width: 20px;
  left: 15px;
  bottom: 25px;
}

/*
  BeyondWords player styles are extremely defensive against accidental overrides, hence the long selectors and !important.
  Refer to https://github.com/beyondwords-io/player/blob/main/doc/building-your-own-ui.md#style-overrides for more information.
*/

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.user-interface *:not(svg text) {
  font-family: var(--tts-player-font-family) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.standard {
  min-width: unset !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main.main {
  height: unset !important;
  padding: var(--tts-player-padding) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.playing .main.main {
  --tts-player-padding: 6px 10px;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .player-title {
  /* Some styles are dynamically set through JS to override highest precedence set from library */
  font-family: var(--tts-player-title-font-family) !important;
  height: auto !important;
  font-weight: var(--tts-player-title-font-weight) !important;
  line-height: 1.125 !important;
  margin-right: 2px !important;
}

@media (min-width: 365px) {
  .mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls {
    column-gap: 6px !important;
  }
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .visibility .play-pause-button {
  margin: 2px !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .visibility .play-pause-button,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .visibility .play-pause-button svg {
  height: var(--tts-player-play-pause-button-size) !important;
  width: var(--tts-player-play-pause-button-size) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.media-loading .user-interface .main .controls .visibility .play-pause-button svg,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .visibility .play-pause-button svg:not(.play-icon, .pause-icon),
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .visibility .play-pause-button[aria-label="Pause audio"] svg.play-icon,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .visibility .play-pause-button[aria-label="Play audio"] svg.pause-icon {
  display: none !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .visibility .play-pause-button svg * {
  fill: var(--tts-player-icon-color) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .visibility .play-pause-button.play-pause-button:hover,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .playback-rate-button:hover span,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .prev-button.prev-button:hover svg,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .next-button.next-button:hover svg {
  opacity: 1 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .visibility .play-pause-button:hover svg *,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .prev-button:hover svg *,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .next-button:hover svg *  {
  fill: var(--tts-player-icon-color-hover) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .playback-rate-button {
  /* Some styles are dynamically set through JS to override highest precedence set from library */
  display: block !important;
  color: var(--tts-player-playback-rate-color) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: var(--tts-player-playback-rate-background) !important;
  border-radius: 50px !important;
  order: 3 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .playback-rate-button {
  margin-left: auto !important;
  margin-right: 10px !important;
  
}

@media (min-width: 360px) {
  .mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .playback-rate-button {
    margin-right: 24px !important;
  }
}

@media (min-width: 1024px) {
  .mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .playback-rate-button {
    margin-right: 26px !important;
  }
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .playback-rate-button span {
  font-weight: 400 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .playback-rate-button:hover {
  background-color: var(--tts-player-playback-rate-background-hover) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.stopped .main .controls .time-indicator {
  flex-grow: unset !important;
  justify-content: end !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard:not(.stopped) .main .controls .time-indicator {
  justify-content: start !important;
  margin-left: 0 !important;
  min-width: 85px !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.mobile:not(.stopped) .main .controls .time-indicator {
  order: 2 !important;
  flex-grow: unset !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .time-indicator .inner {
  position: static !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .time-indicator .inner,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .playback-rate-button,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .prev-button,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .next-button {
  display: none !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .time-indicator .pause-label {
  display: none !important;
  font-weight: var(--tts-pause-label-font-weight) !important;
  font-size: var(--tts-pause-label-font-size) !important;
  color: var(--tts-pause-label-color) !important;
  line-height: 1.125 !important;
  margin-right: 2px !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .time-indicator .pause-label {
  display: block !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .time-indicator .inner .duration-in-mins {
  /* Some styles are dynamically set through JS to override highest precedence set from library */
  font-weight: 400 !important;
  line-height: 1.14286 !important;
  font-size: var(--tts-player-duration-font-size) !important;
  color: var(--tts-player-text-color) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .time-indicator .inner .playback-time {
  /* Some styles are dynamically set through JS to override highest precedence set from library */
  font-weight: 400 !important;
  line-height: 1.16667 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .time-indicator .inner .playback-time {
  order: 5 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .prev-button {
  order: 4 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .next-button {
  order: 5 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .prev-button svg,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .next-button svg {
  width: var(--tts-player-prev-next-button-size) !important;
  height: var(--tts-player-prev-next-button-size) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .prev-button svg *,
.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .next-button svg * {
  fill: var(--tts-player-icon-color) !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .progress-bar {
  order: 2;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard .main .controls .progress-bar {
  display: none !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .main .controls .playback-time-duration {
  display: none !important;
  flex-grow: 1 !important;
  text-align: right !important;
  order: 3 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .playback-time-duration {
  display: block !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface.standard.paused .main .controls .playback-time-duration .playback-time-duration-label {
  font-weight: var(--tts-playback-time-duration-font-weight) !important;
  font-size: var(--tts-playback-time-duration-font-size) !important;
  color: var(--tts-playback-time-duration-color) !important;
  line-height: 1.14286 !important;
}

.mc-text-to-speech-wrapper .bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp.bwp .user-interface .end {
  display: none !important;
}