.elementor-383 .elementor-element.elementor-element-798edcf{--display:flex;}.elementor-383 .elementor-element.elementor-element-d526246{width:initial;max-width:initial;background-color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;}.elementor-383 .elementor-element.elementor-element-3dc4efb{--display:flex;}.elementor-383 .elementor-element.elementor-element-d583fbe{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-383 .elementor-element.elementor-element-9db52c5{text-align:start;}.elementor-383 .elementor-element.elementor-element-9db52c5 img{width:300px;}/* Start custom CSS for html, class: .elementor-element-d526246 */.cosmos-live-player{
  display:flex;
  align-items:center;
  background:#1684bf;
  max-width:100%;
  height:105px;
  min-height:105px;
  border-radius:0 8px 8px 0;
  overflow:hidden;
}

.cosmos-live-left{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:0 36px;
  background:#1684bf;
  height:105px;
  flex:0 0 auto;
}

.cosmos-live-label{
  color:#f3bd55;
  font-size:34px !important;
  font-weight:800;
  line-height:1;
  letter-spacing:.03em;
  white-space:nowrap;
}

.cosmos-live-visual{
  flex:1;
  background:#07567b;
  height:105px;
  min-height:105px;
  padding:18px 34px;
  box-sizing:border-box;
}

#cosmosAudioVisualizer{
  width:100%;
  height:100%;
  display:block;
}

.cosmos-live-player .plyr{
  width:auto !important;
  min-width:0 !important;
}

.cosmos-live-player .plyr--audio{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

.cosmos-live-player .plyr__controls{
  background:transparent !important;
  padding:0 !important;
  gap:14px;
}

.cosmos-live-player .plyr__control{
  color:#f3bd55 !important;
}

.cosmos-live-player .plyr__control[data-plyr="play"]{
  width:60px !important;
  height:60px !important;
  padding:0 !important;
  background:#fff !important;
  color:#f3bd55 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.cosmos-live-player .plyr__control[data-plyr="play"] svg{
  width:30px !important;
  height:30px !important;
  margin:0 !important;
  fill:currentColor !important;
}

.cosmos-live-player .plyr__volume{
  max-width:130px !important;
}

.cosmos-live-player .plyr__volume input[type="range"]{
  color:#f3bd55 !important;
}

@media (max-width:900px){
  .cosmos-live-player{
    flex-direction:column;
    height:auto;
    min-height:0;
  }

  .cosmos-live-left{
    width:100%;
    height:90px;
    padding:0 20px;
    gap:16px;
    box-sizing:border-box;
  }

  .cosmos-live-label{
    font-size:24px !important;
  }

  .cosmos-live-visual{
    width:100%;
    height:75px;
    min-height:75px;
  }

  .cosmos-live-player .plyr__control[data-plyr="play"]{
    width:52px !important;
    height:52px !important;
  }

  .cosmos-live-player .plyr__control[data-plyr="play"] svg{
    width:26px !important;
    height:26px !important;
  }
}/* End custom CSS */