.mwai-tts {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
    cursor: pointer;
}
.mwai-tts svg {
    fill: var(--mwai-fontColor);
    filter: grayscale(100%);
    opacity: 1 !important;
    cursor: pointer;
    width: 18px;
    height: 20px;
}
.mwai-tts-enable {
    position: absolute;
    opacity: 0.7;
    z-index: 10;
    transition: all 0.3s ease-out;
    cursor: pointer;
}
.mwai-tts-enable.on {
    fill: #95db4e; opacity: 1;
}
.mwai-tts-enable.off {
    fill: #FFFFFF; opacity: 0.5;
}

.mwai-microphone.whisper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}
.mwai-microphone.whisper svg {
    fill: var(--mwai-fontColor);
    width: 20px;
    height: 20px;
    margin-right: 5px;
    fill: var(--mwai-fontColor);
    opacity: 0.5;
    filter: grayscale(100%);
    transition: opacity 0.3s ease-out;
}
  
.mwai-microphone.whisper[active="true"] svg {
    opacity: 1;
}
  
.mwai-microphone.whisper[disabled="true"] svg {
    opacity: 0;
}

.mwai-reply-actions .mwai-tts-button {
    fill: var(--mwai-fontColor);
    padding: 2px 6px;
    width: 24px;
    height: 24px;
    background: var(--mwai-backgroundPrimaryColor);
    cursor: pointer;
    border-radius: 5px;
}
.mwai-reply-actions .mwai-tts-button:hover {
    filter: brightness(1.2);
}

.mwai-chatgpt-theme .mwai-reply-actions .mwai-tts-button {
    fill: var(--mwai-fontColor);
    padding: 2px 6px;
    width: 24px;
    height: 24px;
    background: var(--mwai-backgroundPrimaryColor);
    cursor: pointer;
    border-radius: 5px;
  }
  
.mwai-chatgpt-theme .mwai-reply-actions .mwai-tts-button:hover {
    filter: brightness(1.2);
}
  
.mwai-timeless-theme .mwai-reply-actions .mwai-tts-button {
	fill: var(--mwai-fontColor);
    padding: 2px 6px;
	width: 24px;
	height: 24px;
	background: var(--mwai-backgroundPrimaryColor);
	cursor: pointer;
	border-radius: 5px;
}

.mwai-timeless-theme .mwai-reply-actions .mwai-tts-button:hover {
  fill: var(--mwai-backgroundPrimaryColor);
  background: var(--mwai-backgroundUserColor);
}

.mwai-timeless-theme .mwai-reply-actions .mwai-tts-button:hover svg {
  filter: invert(1);
}
  
.mwai-messages-theme .mwai-reply-actions .mwai-tts-button {
	fill: var(--mwai-fontColor);
    padding: 2px 6px;
	width: 24px;
	height: 24px;
	background: var(--mwai-backgroundPrimaryColor);
	cursor: pointer;
	border-radius: 5px;
}

.mwai-messages-theme .mwai-reply-actions .mwai-tts-button:hover {
  filter: brightness(1.2);
  fill: var(--mwai-backgroundPrimaryColor);
  background: var(--mwai-backgroundUserColor);
}
.mwai-messages-theme .mwai-reply-actions .mwai-tts-button:hover svg {
  filter: invert(1);
}

.aietts-voice-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
}
.aietts-voice-selector-toggle {
    display: flex;
    height: 100%;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
}
.aietts-volume-meter {
    width: 30%;
    height: 20px;
    background-color: var(--mwai-backgroundSecondaryColor);
    position: relative;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 15px;
}
.mwai-messages-theme .aietts-volume-meter {
    background-color: var(--mwai-backgroundAiColor);
}
.mwai-timeless-theme .aietts-volume-meter {
    background-color: var(--mwai-backgroundAiColor);
}