.media_upload_wrapper{
  max-width:100%;
  width:100%;
}
.media_upload_wrapper .core-media-upload-input{
  height:0.0625rem !important;
  opacity:0;
  overflow:hidden;
  position:absolute;
  width:0.0625rem !important;
  z-index:-1;
}
.media_uploader_box{
  border:0.125rem dashed var(--theme-border-color);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:12.5rem;
  border-radius:0.75rem;
  padding:1.125rem;
  cursor:pointer;
  width:100%;
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.media_upload_wrapper.is-dragover .media_uploader_box{
  border-color:var(--theme-color);
  background:rgba(79, 91, 255, .04);
  box-shadow:0 0 0 0.125rem rgba(79, 91, 255, .08);
}
.media_uploader_box .media_uploader_box_content{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:0.625rem;
  max-width:22.5rem;
  text-align:center;
  width:100%;
}
.media_uploader_box .media_upload_text{
  color:var(--theme-font-color);
  font-size:var(--theme-font-size);
  padding-bottom:1.25rem;
  margin:0;
}
.media_uploader_box .media_upload_text a{
  font-weight:500;
  text-decoration:none;
  color:var(--theme-color);
  transition:all 0.3s ease;
}
.media_uploader_box .media_upload_text a:hover{
  text-decoration:underline;
}
.media_uploader_box .media_uploader_upload_url{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:100%;
  padding-bottom:1.25rem;
}
.media_uploader_box .media_uploader_upload_url input{
  background:transparent;
  border-width:0 0 0.0625rem;
  border-style:solid;
  border-color:var(--theme-border-color);
  border-radius:0;
  box-sizing:border-box;
  color:var(--theme-font-color, #1f2430);
  font-size:0.75rem;
  height:1.75rem;
   min-width:85% !important;
  max-width:18.125rem;
  outline:0;
  padding:0 0.5rem;
  width:100%;
}
.media_uploader_box .media_uploader_upload_url button,
.media_uploader_box .media_preview_actions button{
  align-items:center;
  background:transparent;
  color:var(--theme-color);
  cursor:pointer;
  display:inline-flex;
  justify-content:center;
  line-height:1;
  margin:0;
  padding:0;
}
.media_uploader_box .media_uploader_upload_url button{
  border-radius:5px;
  height:30px;
  width:30px;
}
.media_uploader_box .media_uploader_upload_url button svg{
  height:30px;
  width:30px;
}
.media_uploader_box .media_uploader_box_hint{
  font-size:var(--theme-font-size-small);
  color:var(--theme-font-color-light);
}

/*Camera Modal*/
.media_uploader_camera_modal{
  align-items:center;
  background:rgba(0, 0, 0, .6);
  bottom:0;
  display:flex;
  justify-content:center;
  left:0;
  padding:20px;
  position:fixed;
  right:0;
  top:0;
  z-index:10000;
}
.media_uploader_camera_modal_container{
  background:var(--theme-list-background-color, #fff);
  border-radius:8px;
  box-shadow:0 12px 40px rgba(0, 0, 0, .25);
  max-width:560px;
  padding:14px;
  width:100%;
}
.media_uploader_camera_modal_stage{
  background:#111;
  border-radius:6px;
  overflow:hidden;
}
.media_uploader_camera_modal_stage video,
.media_uploader_camera_modal_stage canvas{
  display:block;
  max-height:60vh;
  object-fit:contain;
  width:100%;
}
.media_uploader_camera_modal_actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  margin-top:12px;
}

/*Media Preview Card*/
.media_uploader_preview_item{
  box-sizing:border-box;
  margin-top:12px;
  width:230px;
  padding:12px;
  border-radius:10px;
  border:1px solid var(--theme-border-color);
}
#album_cover-wrapper .media_uploader_preview_item,
#song_cover-wrapper .media_uploader_preview_item{
  width:100%;
}
.media_uploader_preview_item .media_uploader_preview_item_img{
  border-radius:8px;
  box-sizing:border-box;
  overflow:hidden;
  width:100%;
  aspect-ratio:16/12;
  margin-bottom:12px;
  background:#f4f5f8;
  border:1px solid #dfe1e8;
}
#album_cover-wrapper .media_uploader_preview_item .media_uploader_preview_item_img,
#song_cover-wrapper .media_uploader_preview_item .media_uploader_preview_item_img{
  aspect-ratio:16/4;
}
.media_uploader_preview_item .media_uploader_preview_item_img img{
  display:block;
  height:100%;
  object-fit:cover;
  width:100%;
}
.media_uploader_preview_item .media_preview_footer{
  align-items:center;
  display:flex;
  gap:10px;
  justify-content:space-between;
  margin-top:8px;
  min-height:22px;
}
.media_uploader_preview_item .media_uploader_file_size{
  color:var(--theme-font-color-light);
  font-size:12px;
  line-height:1.3;
  min-width:1px;
}
.media_uploader_preview_item .media_preview_actions{
  align-items:center;
  display:flex;
  gap:8px;
}
.media_uploader_preview_item .media_preview_actions button{
  background:none !important;
  border:0 !important;
  padding:0 !important;
  font-size:17px;
  height:20px;
  width:20px;
  color:var(--theme-font-color);
  transition:all 0.6s ease;
}
.media_uploader_preview_item .media_preview_actions button:hover{
  color:red;
}
@media only screen and (max-width:767px){
  .media_upload_wrapper{
    max-width:100%;
  }
  .media_upload_wrapper .media_uploader_box{
    min-height:132px;
    padding:16px;
  }
  .media_upload_wrapper .media_uploader_box_content{
    max-width:100%;
  }
}

/*SONG UPLOAD ELEMENT*/
.song_uploader .music-upload-input{
  height:1px !important;
  opacity:0;
  overflow:hidden;
  position:absolute;
  width:1px !important;
  z-index:-1;
}
.music_uploaded_file_list{
  background:none !important;
  border:0 !important;
  display:none;
  margin:15px 0 0 !important;
  padding:0;
  max-height:inherit !important;
}
.music_uploaded_file_list li.file{
  border-bottom:1px solid var(--theme-border-color);
  list-style:none;
  background:none !important;
  padding:10px 0 !important;
}
.music_uploaded_file_list li.file:last-child{
  border-bottom:0;
}
.music_upload_item_icon{
  float:left;
  font-size:20px;
  margin-right:15px;
  width:20px;
  color:var(--theme-font-color-light);
}
[dir="rtl"] .music_upload_item_icon{
  float:right;
  margin-left:10px;
  margin-right:0;
}
.music-upload-item-body{
  overflow:hidden;
}
.music-upload-item-row{
  align-items:center;
  display:flex;
  gap:10px;
  justify-content:space-between;
}
.music_uploaded_file_list .music-upload-item-row .file-name{
  flex:1;
  font-weight:500;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.music_uploaded_file_list .music-upload-item-row .file-name-link{
  color:var(--theme-color);
}
.music_uploaded_file_list .music-upload-item-row .ui-sortable-handle{
  cursor:move;
}
.music_uploaded_file_list .music-upload-cancel,
.music_uploaded_file_list .file-remove{
  font-size:18px;
  text-decoration:none;
  color:var(--theme-font-color-light);
}
.music_uploaded_file_list .music-upload-cancel:hover,
.music_uploaded_file_list .file-remove:hover{
  color:#d9534f;
}
.music_uploaded_file_list .music-upload-progress-row{
  align-items:center;
  display:flex;
  gap:10px;
  margin-top:0.125rem;
}
.music_uploaded_file_list .music-upload-progress{
  background:var(--theme-border-color);
  border-radius:0.25rem;
  flex:1;
  height:0.375rem;
  overflow:hidden;
}
.music_uploaded_file_list .music-upload-progress-bar{
  background:var(--theme-color);
  display:block;
  height:100%;
  transition:width .15s ease;
  width:0;
}
.music_uploaded_file_list .music-upload-percent{
  color:var(--theme-color);
  line-height:1;
  font-size:0.75rem;
  min-width:2.25rem;
  text-align:end;
}