.tts--audio-front-player{ position: fixed;bottom: 0;z-index: 99999999999 !important;border-radius: 0;width: 100%;left: 0;right: 0; margin: 0 auto; text-align: center;background-color: #f2f2f2;box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;-webkit-transform: translateY(500px);transform: translateY(500px);}
.tts--audio-front-player.is-player-show{ -webkit-transform: translateY(0);transform: translateY(0); }
.tts--audio-front-player .tts-mobile{ display: flex;justify-content: flex-start;width: 20%;align-items: center;gap: 1rem;}
.tts--audio-front-player .tts-container{width: 100%;padding: 0.5rem 2rem;display: flex;align-items: center;text-align: center;justify-content: flex-start;gap: 0.8rem; }
.tts--audio-front-player .page-title{font-weight: 500;color: #000;font-size: 1.1rem; text-align: left;}
.tts--audio-front-player .tts-media-player-icon{width: 40px;height: 40px; flex: 0 0 auto;}
.tts--audio-front-player .tts-media-player-icon img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.tts--audio-front-player audio{ width:75%; }
.tts--audio-front-player audio::-webkit-media-controls-panel {background-color: #f2f2f2; }
.tts--audio-front-player audio::-webkit-media-controls-enclosure {border-radius: 0;}
.tts--audio-front-player audio::-webkit-media-controls-timeline {background-color: #f2f2f2;border-radius: 25px;margin-left: 10px;margin-right: 10px;}
.tts--audio-front-player audio::-webkit-media-controls-play-button {background-color: #f2f2f2;border-radius: 50%;}
.tts--audio-front-player audio::-webkit-media-controls-current-time-display,.tts--audio-front-player audio::-webkit-media-controls-time-remaining-display {color: #000;}
.tts--audio-front-player audio::-webkit-media-controls-mute-button {background-color: #f2f2f2;border-radius: 50%;}
.tts-account-main .tts-voice-audio.playcircle{animation-name: rotate;animation-duration: 45s;animation-iteration-count: infinite;animation-timing-function: linear; }
.tts--audio-floating{position: fixed;width: 50px;height: 50px;background-color: #fff;right: 20px;top: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: #3b3b3b 2px 3px 10px; z-index: 2;cursor: pointer; padding: 2px;}
.tts--audio-floating img{object-fit: cover;height: 50px;width: 50px;border-radius: 50%;}
.tts--audio-front-player .tts--audio-player-close{position: absolute;right: 0px;top: -25px;font-size: 12px;background: #454f5b;display: flex;justify-content: center;align-items: center;padding: 3px;height: 20px;width: 20px;z-index: 999 !important;border: none;cursor: pointer;}
.tts--audio-front-player .tts--audio-player-close svg {fill: #fff;padding: 2px;}

@media only screen and (max-width: 649px) {
    .tts--audio-front-player .tts-container{ width:85%; }
    .tts--audio-front-player .tts-container {display: block; }
    .tts--audio-front-player .tts-media-player-icon {width: 35px;height: 35px;}
    .tts--audio-front-player .tts-mobile {margin-bottom: 1rem; width: 100% !important;}
    .tts--audio-front-player audio {width: 100% !important;float: left;margin-bottom: 1rem;}
}
@media only screen and (max-width: 992px) {
    .tts--audio-front-player audio {width: 70%;}
}

.tts--audio-shortcode{ margin:1.5rem 0; position: relative; width:300px; }
.tts--audio-shortcode .initial-audio-play{display: flex;align-items: center;justify-content: center; gap:1rem; cursor: pointer;width: 300px;height: 100%;position: absolute;top: 0;left: 0;background: rgb(0 0 0 / 60%);z-index: 999999 !important;}
.tts--audio-shortcode .initial-audio-play span{ color:#fff; font-size: 17px;font-weight: 500;text-transform: capitalize; margin: 0; padding: 0;display: flex;align-items: center;gap: 1rem;}
.tts--audio-shortcode audio{ position: relative; width: 300px;}
.tts--audio-shortcode audio::-webkit-media-controls-panel {background-color: #f2f2f2; }
.tts--audio-shortcode audio::-webkit-media-controls-enclosure {border-radius: 0;}
.tts--audio-shortcode audio::-webkit-media-controls-timeline {background-color: #f2f2f2;border-radius: 25px;margin-left: 10px;margin-right: 10px;}
.tts--audio-shortcode audio::-webkit-media-controls-play-button {background-color: #f2f2f2;border-radius: 50%;}
.tts--audio-shortcode audio::-webkit-media-controls-current-time-display,.tts--audio-shortcode audio::-webkit-media-controls-time-remaining-display {color: #000;}
.tts--audio-shortcode audio::-webkit-media-controls-mute-button {background-color: #f2f2f2;border-radius: 50%;}
.tts--audio-shortcode .tts--error-message{line-height:1.5;background: #fbeae5;width: fit-content;padding: 1rem;font-size: 1.1rem;font-weight: 600;color: #815151;display: flex;gap: 1rem;justify-content: flex-start;}
.tts--audio-shortcode.tts-w-100, .tts--audio-shortcode.tts-w-100 .initial-audio-play, .tts--audio-shortcode.tts-w-100 audio{width: 100%;margin: 0 auto; }
.tts--audio-shortcode.tts-w-center, .tts--audio-shortcode.tts-w-center .initial-audio-play, .tts--audio-shortcode.tts-w-center audio{width: 300px;margin: 0 auto; }
@media only screen and (max-width: 649px) {
    .tts--audio-shortcode,.tts--audio-shortcode .initial-audio-play,.tts--audio-shortcode audio{width:100%; text-align: center;}
    
}

.tts--snackbar {display: none; min-width: 250px;transform: translateX(-50%);background-color: #8f5454;color: #fff; text-align: center;border-radius: 2px; padding: 16px;position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 18px;}
.tts--snackbar.show {display: block;}
.tts--spinner path {fill: #fff;}
.tts--spinner{ height:20px; width:20px;-webkit-animation: loading .5s linear infinite;animation: loading .5s linear infinite;}
@keyframes loading {
  to {transform: rotate(360deg);}
}