:root {
  --mp3song-primary: rgb(17 17 17);
  --mp3song-primary-color: #e4e6eb;
  --mp3song-player-color: #2f3234;
  --mp3song-player-track: #464646;
  --mp3song-player-active-track: #565656;
  --mp3song-dark-white: #fff;
  --mp3song-color-gray: #878787;
  --mp3song-second: #18191a;
  --mp3song-3rd-color: #262627;
  --mp3song-border: #fff;
  --mp3song-shadow: rgb(0 0 0 / 38%);
  --mp3song-blue: #0083db;
  --mp3song-clr: #00c9ff;
  --mp3song-clr-hover: #00c8ffcb;
  --mp3song-brand: #0083db;
  --mp3song-brand-mask: #fff; 
  --mp3song-brand-transparent: #fff;
  --mp3song-assets: url(https://cdn.mp3hub.lk/mp3song.php/GZmwbWsSQS=/mp3song-assets/img/static.webp);
  --mp3song-site-error-assets: url(https://cdn.mp3hub.lk/mp3song.php/GZmwbWsSQS=/mp3song-assets/img/site-error.webp);
  --mp3song-logo-position: 0px -119px;
  --mp3song-mode-position: -46px -236px;
  --mp3song-search-position: -86px -245px;
  --mp3song-sponsor-badge-position: -155px -246px;
  --mp3song-search404-position: 1px 1px;
  --mp3song-ban-position: 1px -163px;
  --mp3song-download-icon-position: -186px -228px;
  --mp3song-follow-icon-position: -216px -228px;
  --mp3song-unfollow-icon-position: -241px -228px;
  --mp3song-ring-icon-position: -267px -229px;
  --mp3song-ring-dialog-position: -165px -278px;
  --mp3song-ring-airtel-position:  0px -328px;
  --mp3song-ring-mobitel-position:  0px -278px;
  --mp3song-ring-hutch-position: -83px -278px;
  --mp3song-itune-position: -105px -349px;
  --mp3song-spotify-position: -145px -349px;
  --mp3song-facebook-position: -227px -349px;
  --mp3song-whatsapp-position: -187px -349px;
  --mp3song-404-position: -250px 1px;
  --mp3song-sponsor-close-bg: #262627 !important;
  --mp3song-sponsor-close-color: #bababa !important;
}

[data-theme="light"] {
  --mp3song-primary: #f0f2f5;  
  --mp3song-primary-color: #050505;
  --mp3song-player-color: #fff;
  --mp3song-player-track: #f0f2f5;
  --mp3song-player-active-track: #d6d6d6;
  --mp3song-dark-white: #050505;
  --mp3song-color-gray: #878787;
  --mp3song-second: #fff;
  --mp3song-3rd-color: #262627;
  --mp3song-border: #f0f2f5;
  --mp3song-shadow: rgb(0 0 0 / 38%);
  --mp3song-blue: #0083db;
  --mp3song-clr: #00c9ff;
  --mp3song-clr-hover: #00c8ffcb;
  --mp3song-brand: rgb(17 17 17);
  --mp3song-brand-mask: #343a40; 
  --mp3song-brand-transparent: #343a40;
  --mp3song-assets: url(https://cdn.mp3hub.lk/mp3song.php/GZmwbWsSQS=/mp3song-assets/img/static.webp);
  --mp3song-site-error-assets: url(https://cdn.mp3hub.lk/mp3song.php/GZmwbWsSQS=/mp3song-assets/img/site-error.webp);
  --mp3song-logo-position: 0px -1px;
  --mp3song-mode-position: -3px -236px;
  --mp3song-search-position: -86px -245px;
  --mp3song-sponsor-badge-position: -122px -246px;
  --mp3song-search404-position: 1px 1px;
  --mp3song-ban-position: 1px -163px;
  --mp3song-download-icon-position: -186px -228px;
  --mp3song-follow-icon-position: -216px -228px;
  --mp3song-unfollow-icon-position: -241px -228px;
  --mp3song-ring-icon-position: -267px -229px;
  --mp3song-ring-dialog-position: -165px -278px;
  --mp3song-ring-airtel-position:  0px -328px;
  --mp3song-ring-mobitel-position:  0px -278px;
  --mp3song-ring-hutch-position: -83px -278px;
  --mp3song-itune-position: -105px -349px;
  --mp3song-spotify-position: -145px -349px;
  --mp3song-facebook-position: -227px -349px;
  --mp3song-whatsapp-position: -187px -349px;
  --mp3song-404-position: -250px 1px;
  --mp3song-sponsor-close-bg: #dbdbdb !important;
  --mp3song-sponsor-close-color: #717171 !important;
}


/*mp3song box*/
.mp3song-box {
	background: var(--mp3song-second) !important;
	box-shadow: 0 1px 2px var(--mp3song-shadow) !important;
	transition:.5s ease-in-out !important;
}
.mp3song-box-hover:hover {
	background: var(--mp3song-primary) !important;
	box-shadow: 0 1px 2px var(--mp3song-shadow) !important;
}
/*mp3song box end*/


/*mp3song btns*/
.mp3song-btn-primary {
	background: var(--mp3song-clr) !important;
	color: #fff !important;
}

.mp3song-btn-primary:hover {
	background: var(--mp3song-clr-hover) !important;
	color: #fff !important;
}

.mp3song-btn-second {
	background: var(--mp3song-second) !important;
	color: #fff !important;
}

.mp3song-btn-second:hover {
	background: var(--mp3song-clr-hover) !important;
	color: #fff !important;
}

.mp3song-btn-3rd {
	background: var(--mp3song-3rd-color) !important;
	border: 1px solid var(--mp3song-3rd-color) !important;
	color: #fff !important;
}

.mp3song-btn-3rd:hover {
	background: var(--mp3song-3rd-color) !important;
	color: #fff !important;
}


/*mp3song btns end*/


/*mp3song-input*/
.mp3song-inputs {
	background: var(--mp3song-primary) !important;
	color: var(--mp3song-primary-color) !important;
}
/*mp3song-input end*/


.tyftduf1 {
	border-radius: 1px !important;
}
.tyftduf2 {
	border-radius: 2px !important;
}
.tyftduf3 {
	border-radius: 3px !important;
}
.tyftduf4 {
	border-radius: 4px !important;
}
.tyftduf5 {
	border-radius: 5px !important;
}
.tyftduf6 {
	border-radius: 6px !important;
}
.tyftduf7 {
	border-radius: 7px !important;
}
.tyftduf8 {
	border-radius: 8px !important;
}
.tyftduf9 {
	border-radius: 9px !important;
}
.tyftduf10 {
	border-radius: 10px !important;
}
.tyftduf11 {
	border-radius: 11px !important;
}
.tyftduf12 {
	border-radius: 12px !important;
}
.tyftduf13 {
	border-radius: 13px !important;
}
.tyftduf14 {
	border-radius: 14px !important;
}
.tyftduf15 {
	border-radius: 15px !important;
}
.tyftduf16 {
	border-radius: 16px !important;
}
.tyftduf17 {
	border-radius: 17px !important;
}
.tyftduf18 {
	border-radius: 18px !important;
}
.tyftduf19 {
	border-radius: 19px !important;
}
.tyftduf20 {
	border-radius: 20px !important;
}
.tyftduf50 {
	border-radius: 50% !important;
}
.tyftdufr {
	border-radius: 15px 0 15px 0 !important;
}
.tyftdufl {
	border-radius: 0 15px 0 15px!important;
}
.moqs5ry {
	color: var(--mp3song-primary-color) !important;
}
.bnmgiyy {
	margin-top: 90px !important;
}
.fhgytre {
	margin-bottom: 30px !important;
}
.gtfd4pq {
	color: var(--mp3song-clr) !important;
}
.oeadght {
	background: var(--mp3song-clr-hover) !important;
}
.ghtuufqr {
	color: var(--mp3song-blue) !important;
}
.aezzlpby {
	box-shadow: 0 1px 2px var(--mp3song-shadow) !important;
}
.fghzcjut {
	vertical-align: -1px !important;
}
.fghchyut {
	vertical-align: -2px !important;
}
.fghjkiut {
	vertical-align: -3px !important;
}
.fghfagut {
	vertical-align: 1px !important;
}
.fghfhiut {
	vertical-align: 2px !important;
}
.fghferut {
	vertical-align: 3px !important;
}
.fghferum {
	vertical-align: middle !important;
}
.vgjhshf1 {
	font-weight: 100 !important;
}
.vgjhshf2 {
	font-weight: 200 !important;
}
.vgjhshf3 {
	font-weight: 300 !important;
}
.vgjhshf4 {
	font-weight: 400 !important;
}
.vgjhshf5 {
	font-weight: 500 !important;
}
.vgjhshf6 {
	font-weight: 600 !important;
}
.vgjhshf7 {
	font-weight: 700 !important;
}
.vgjhshf8 {
	font-weight: 800 !important;
}

.sht55fh1 {
	border: 1px solid var(--mp3song-border) !important;
}
.sht55fh2 {
	border: 2px solid var(--mp3song-border) !important;
}
.sht55fh3 {
	border: 3px solid var(--mp3song-border) !important;
}
.sht55fh4 {
	border: 4px solid var(--mp3song-border) !important;
}
.sht55fh5 {
	border: 5px solid var(--mp3song-border) !important;
}
.ghhjfdyf {
	color: var(--mp3song-dark-white) !important;
}

.vbnghyr {
  color: #fff !important;
}

.vbnghyr:hover {
  color: #fff !important;
}


.gghdhggs {
	color: var(--mp3song-color-gray) !important;
}

.vggtyyf {
	margin: 0 auto !important;
}

.gghtfu {
  transition: all 0s ease-in-out !important;
	display: none;
}

.gghtfx {
  transition: all 0s ease-in-out !important;
	display: none;
}

.rghtyuh {
  transition: all 0s ease-in-out !important;
  display: none;
}

.fghutuo {
  transition: all 0s ease-in-out !important;
  display: none;
}

.bhhghyi {
  transition: all 0s ease-in-out !important;
  display: none;
}

.vbbnhg6 {
  margin-left: 10px !important;
}

.bbghu6 {
  width: 100% !important;
}

.bgght766 {
  height: 100% !important;
}
.vbghty6 {
  max-width: 100% !important;
}
.zx0yhoq {
  max-height: 100% !important;
}

.vvbghjh {
  -webkit-mask-image: linear-gradient(
          -75deg, rgba(0, 0, 0, .6) 30%, #010101 50%, rgba(0, 0, 0, .6) 70%);
  -webkit-mask-size: 300%;
  animation: vvbghjh 3s infinite;
  transition: all 0.4s ease-in-out !important;

}

@-webkit-keyframes vvbghjh {
  from {
    -webkit-mask-position: 250%
  }

  to {
    -webkit-mask-position: -50%
  }
}

.vvhgjyo {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: -2px !important;
    font-family: 'Poppins', sans-serif;
}
.sxxvto {
  cursor: pointer !important;
}
.mghhfytr {
	display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.aesqhgyp {
	background-image: var(--mp3song-assets);
}

.gghtyuf {
  background-image: var(--mp3song-site-error-assets);
}

.ffgthgff {
  border-radius: 4px 4px 4px 12px !important;
}

.vggtyq2 {
  transition:.5s ease-in-out !important;
}

.bgjthyrs {
    transition:.5s ease-in-out !important;
    background-position: var(--mp3song-logo-position);
    background-size: auto;
    width: 300px;
    height: 112px;
    background-repeat: no-repeat;
    display: inline-block;
}
.hjguowh {
    background-position: var(--mp3song-mode-position);
    background-size: auto;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    display: inline-block;
    
}
.gghhtou {
    background-position: var(--mp3song-search-position);
    background-size: auto;
    width: 21px;
    height: 23px;
    background-repeat: no-repeat;
    display: inline-block;
}

.dgghtuo {
    background-position: var(--mp3song-sponsor-badge-position);
    background-size: auto;
    width: 21px;
    height: 23px;
    background-repeat: no-repeat;
    display: inline-block;
}

.tfghyo3 {
    background-position: var(--mp3song-search404-position);
    background-size: auto;
    width: 237px;
    height: 168px;
    background-repeat: no-repeat;
    display: inline-block;
}

.bgghyurh {
    background-position: var(--mp3song-ban-position);
    background-size: auto;
    width: 237px;
    height: 149px;
    background-repeat: no-repeat;
    display: inline-block;
}

.pddswyt {
    background-position: var(--mp3song-download-icon-position);
    background-size: auto;
    width: 17px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.rryffjf {
    background-position: var(--mp3song-follow-icon-position);
    background-size: auto;
    width: 17px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.rrfhgug {
    background-position: var(--mp3song-unfollow-icon-position);
    background-size: auto;
    width: 17px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.tgghdyr {
    background-position: var(--mp3song-ring-icon-position);
    background-size: auto;
    width: 17px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.tfhguoo {
    background-position: var(--mp3song-ring-dialog-position);
    background-size: auto;
    width: 78px;
    height: 43px;
    background-repeat: no-repeat;
    display: inline-block;
}
.tfhguuo {
    background-position: var(--mp3song-ring-airtel-position);
    background-size: auto;
    width: 78px;
    height: 43px;
    background-repeat: no-repeat;
    display: inline-block;
}
.tfhgupo {
    background-position: var(--mp3song-ring-mobitel-position);
    background-size: auto;
    width: 78px;
    height: 43px;
    background-repeat: no-repeat;
    display: inline-block;
}
.tfhguqo {
    background-position: var(--mp3song-ring-hutch-position);
    background-size: auto;
    width: 78px;
    height: 43px;
    background-repeat: no-repeat;
    display: inline-block;
}
.idgfytu {
    background-position: var(--mp3song-itune-position);
    background-size: auto;
    width: 40px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
}
.sagghyu {
    background-position: var(--mp3song-spotify-position);
    background-size: auto;
    width: 31px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
}
.bgghyer {
    background-position: var(--mp3song-facebook-position);
    background-size: auto;
    width: 31px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
}
.lggfhtig {
    background-position: var(--mp3song-whatsapp-position);
    background-size: auto;
    width: 31px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
}
.gtyhudh {
    background-position: var(--mp3song-404-position);
    background-size: auto;
    width: 171px;
    height: 194px;
    background-repeat: no-repeat;
    display: inline-block;
}