.elementor-417 .elementor-element.elementor-element-53407f7{--display:flex;}#elementor-popup-modal-417 .dialog-widget-content{animation-duration:0.5s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-417 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-417{justify-content:center;align-items:flex-end;}#elementor-popup-modal-417 .dialog-close-button{display:flex;top:-10%;background-color:var( --e-global-color-accent );font-size:1em;}#elementor-popup-modal-417 .dialog-close-button i{color:var( --e-global-color-text );}#elementor-popup-modal-417 .dialog-close-button svg{fill:var( --e-global-color-text );}#elementor-popup-modal-417 .dialog-close-button:hover i{color:var( --e-global-color-text );}#elementor-popup-modal-417 .dialog-close-button:hover{background-color:var( --e-global-color-4be550e );}@media(max-width:1024px){#elementor-popup-modal-417 .dialog-message{padding:0px 16px 0px 16px;}}/* Start custom CSS for html, class: .elementor-element-26747b9 */.tts-bar{
  display:flex;
  gap:12px;
  align-items:center;
  width:100%;
  

}

.tts-btn{
  width: fit-content;
  height:fit-content;
  border:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 8px !important;
  height:48px;
}

.tts-meta{ flex:1; min-width:0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: center;
}

.tts-title{
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:6px;
  width:40%;
  align-content:center;
  font-size:1.1em;
}

@media screen and (max-width:767px){
    .tts-title{
  display: none;

}

.tts-progress{
width: 80% !important;
}
}

.tts-progress{
  display:flex;
  gap:10px;
  align-items:center;
  width: 40%;
}

.tts-time{
  font-variant-numeric: tabular-nums;
  width:44px;
  text-align:center;
  opacity:.85;
}

.tts-seek{
  flex:1;
  width:100%;
}

.tts-icon{
    height: auto;
    width: 32px;
    padding-top: 10px;
}

/* Progress bar */
.tts-barwrap{
  position:relative;
  flex:1;
  height:10px;
  border-radius:999px;
  cursor:pointer;
  outline:none;
  
}

.tts-barbg{
  position:absolute; inset:0;
  border-radius:999px;
  opacity:.25;
  background: currentColor;
}

.tts-barbuf{
  position:absolute; inset:0;
  width:0%;
  border-radius:999px;
  opacity:.35;
  background: currentColor;
}

.tts-barfill{
  position:absolute; inset:0;
  width:0%;
  border-radius:999px;
  background: currentColor;
}

.tts-thumb{
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:14px; height:14px;
  border-radius:999px;
  background: currentColor;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}/* End custom CSS */