/* === Automatically created from sayTTS.scss - do not modify! === */

#pfy.pfy-default-styling .pfy-tts-widget, .pfy-default-styling .pfy-tts-widget {
  position: relative;
  width: 9em;
}
#pfy.pfy-default-styling .pfy-tts-widget .pfy-button, .pfy-default-styling .pfy-tts-widget .pfy-button {
  font-size: 1em;
  position: relative;
}
#pfy.pfy-default-styling .pfy-tts-widget .pfy-button .pfy-pause-icon, .pfy-default-styling .pfy-tts-widget .pfy-button .pfy-pause-icon {
  transform: scale(1.5);
}
#pfy.pfy-default-styling .pfy-tts-widget .pfy-tts-speed-wrapper, .pfy-default-styling .pfy-tts-widget .pfy-tts-speed-wrapper {
  display: none;
}
#pfy.pfy-default-styling .pfy-tts-widget .pfy-tts-buttons, .pfy-default-styling .pfy-tts-widget .pfy-tts-buttons {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
#pfy.pfy-default-styling .pfy-tts-widget .pfy-player-icon, .pfy-default-styling .pfy-tts-widget .pfy-player-icon {
  height: 1em;
}
#pfy.pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper, .pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper {
  margin-top: 0.3em;
  width: 100%;
  font-size: 0.8em;
  gap: 0.1em;
}
#pfy.pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper label, .pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper label {
  flex: 1 0 2.5em;
  text-align: center;
}
#pfy.pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper label, .pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper label {
  flex: 0 1 auto;
}
#pfy.pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper label span, .pfy-default-styling .pfy-tts-widget span.pfy-tts-speed-wrapper label span {
  display: block;
}
#pfy.pfy-default-styling .pfy-tts-widget div.pfy-tts-speed-wrapper, .pfy-default-styling .pfy-tts-widget div.pfy-tts-speed-wrapper {
  box-shadow: inset 0 0 4px gray;
  background: #eee;
  padding: 0.2em;
}
#pfy.pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-buttons, .pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-buttons {
  display: flex;
  gap: 0.3em;
}
#pfy.pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-buttons button, .pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-buttons button {
  flex: 1 0 2.8em;
  padding-left: 0;
  padding-right: 0;
}
#pfy.pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-speed-wrapper, .pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-speed-wrapper {
  display: flex;
  justify-content: space-between;
}
#pfy.pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-open, .pfy-default-styling .pfy-tts-widget.pfy-tts-open .pfy-tts-open {
  opacity: 0;
}
.pfy-default-styling .pfy-no-webspeech .pfy-tts-widget {
  display: none;
}