.speakText{display: flex;justify-content: end;padding-right: 60px;position: absolute;right: 0;top: 0}
.speakText .speakText-title{line-height: 1em;background-color: #000;color: #fff;font-weight: bold;text-transform: uppercase;padding: 0.5em 1em;font-size: 1.3em;flex-grow: 1;box-sizing: border-box;display: flex;align-items: center;min-width: 120px;width: max-content}
.speakText .speakText-cvs{display: flex;line-height: 38px;background-color: var(--background-main-color);color: #fff;align-items: center;padding: 0 1em;justify-content: space-between;box-sizing: border-box}
.speakText .speakText-cvs .speakText-value{font-size: 1.3em;padding: 0 1.5em 0 0.3em;white-space: nowrap}
.speakText .speakText-cvs .speakText-controls{display: flex;position: relative;align-items: center;padding: 0 1em 0 0}
.speakText .speakText-cvs .btn-icon{width: 38px;height: 38px;left: 5px;opacity: 1;visibility: visible;transition: opacity 0.3s;display: flex;align-items: center;justify-content: center}
.speakText .speakText-cvs .btn-icon:hover{cursor: pointer}
.speakText .speakText-cvs .btn-icon.hidden{opacity: 0;visibility: hidden;width: 0;height: 0;margin: 0;padding: 0}
.speakText .speakText-cvs .btn-icon .svg-icon{background-color: unset;width: 20px}
.speakText .speakText-cvs .speakText-speed{display: flex}
.speakText .speakText-cvs .btn-speed{width: 46px;background-color: rgba(255,255,255,1);color: var(--background-main-color);height: 25px;line-height: 25px;border-radius: 5px;margin: 0 0.5em;font-size: 1.2em;font-weight: bold;text-align: center;transition: background 0.3s}
.speakText .speakText-cvs .btn-speed:hover{cursor: pointer}
.speakText .speakText-cvs .btn-speed.selected{background-color: rgba(255,255,255,0.8)}
.z70.tts .content-wrapper{padding-top: 38px;position: relative}
.z70.tts .article-toolbar{margin-top: -38px}

@media (max-width: 768px){
    .z70.tts .content-wrapper{padding-top: 0}
    .speakText{top: unset;padding: 0;width: 100%;bottom: 38px}
    .speakText .speakText-cvs .btn-speed{width: 32px;margin: 0 0.3em}
}

@media (max-width: 480px){
    .speakText .speakText-cvs .speakText-controls{padding-left: 0}
    .speakText .speakText-cvs .speakText-value{opacity: 0;visibility: hidden;width: 0;padding: 0;height: 0}
}

@media (max-width: 260px){
    .speakText .speakText-cvs .speakText-speed{opacity: 0;visibility: hidden;width: 0;padding: 0;height: 0}
}