@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Permanent+Marker&display=swap);.pro_ads_img{position:relative;max-width:100%;text-align:center}.pro_ads_img img{filter:blur(.9px);width:100%}.pro_ads_img::before{content:"This option available in Pro Version only";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:20px;max-width:80%;font-weight:700}.elementor-element .icon{position:relative}.elementor-element .icon .bl_icon::after{content:"MP";font-size:11px;position:absolute;right:5px;top:5px;background:#4527A4;color:#fff;padding:2px 5px 3px 5px;border-radius:3px;font-family:monospace;text-align:center;line-height:1;vertical-align:middle}.art-video-player{max-width:100%!important;height:600px!important}:root{--light-clr:#e5e5e5;--primary-clr:#6490f6;--secondary-clr:#c1daff;--active-clr:rgba(149, 153, 186, 0.4);--player-bg:rgba(5, 9, 51, 0.4);--scrollbar-track:rgb(79, 78, 78);--scrollbar-thumb:rgb(116, 116, 116)}.playlist-wrapper{font-family:"Nunito",sans-serif;display:flex;align-items:center;justify-content:center;height:100vh}.playlist-container{position:relative;width:90%;min-height:80vh;background:#00112473;box-shadow:0 0 5px rgb(0 0 0 / .4);border-radius:15px;overflow:hidden}.playlist-container::after,.playlist-container::before{content:"";position:absolute;width:250px;aspect-ratio:1/1;border-radius:50%;transition:5s ease-in-out}.playlist-container::after{top:-3%;left:-5%;transform:scale(1);background-color:#5768af}.playlist-container:hover::after{left:85%;transform:scale(1.2);background-color:#a0acbd}.playlist-container::before{bottom:-3%;right:-5%;transform:scale(1);background-color:#ab4c72}.playlist-container:hover::before{right:85%;transform:scale(1.2);background-color:#bda5ad}.playlist-container .content{position:absolute;inset:0;width:100%;height:100%;display:grid;grid-template-columns:100%;place-items:center;background:rgb(53 54 72 / .2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .5);border-radius:inherit;box-shadow:0 .5px 0 1px rgb(255 255 255 / .2) inset,0 1px 0 0 rgb(255 255 255 / .6) inset,0 4px 16px rgb(0 0 0 / .1);z-index:10;color:var(--light-clr);overflow-y:auto;padding:30px 30px 10px}.playlist-container .content::-webkit-scrollbar{width:7px}.playlist-container .content::-webkit-scrollbar-track{box-shadow:inset 0 0 .3rem var(--scrollbar-track);border-radius:40px;margin:18px 0}.playlist-container .content::-webkit-scrollbar-thumb{box-shadow:inset 0 0 .5rem var(--scrollbar-thumb);background-color:var(--primary-clr);outline:none;border-radius:40px}.slider-playlist{display:grid;grid-template-columns:45% 55%;align-items:center}.playlist-container .swiper{width:300px;height:auto;display:flex}.playlist-container .swiper-slide{display:grid;grid-template-rows:4fr 1fr;padding:15px;border-radius:10px;background-color:#d3d2d6;box-shadow:0 .5px 0 1px rgb(255 255 255 / .2) inset,0 1px 0 0 rgb(255 255 255 / .6) inset,0 4px 16px rgb(0 0 0 / .1);user-select:none}.playlist-container .swiper-slide img{aspect-ratio:1/1;border-radius:5px;margin-bottom:14px;pointer-events:none}.playlist-container .swiper-slide h1{width:max-content;font-family:"Permanent Marker",serif;font-size:18px;letter-spacing:2px;color:#222224;text-transform:uppercase;transform:rotate(-3deg);margin:auto}.playlist{width:100%}.playlist-item{display:grid;grid-template-columns:15% 65% 15% 5%;align-items:center;width:100%;height:auto;padding:8px 10px;margin-bottom:15px;border-bottom:2px solid var(--primary-clr);color:var(--light-clr);cursor:pointer;user-select:none}.playlist-item img{width:70%;aspect-ratio:1/1;border-radius:5px;overflow:hidden}.playlist-item .song p:nth-child(1){font-weight:500;margin-bottom:3px}.playlist-item .song p:nth-child(2){font-weight:300;opacity:.5}.playlist-item i{font-size:1.2rem;color:var(--light-clr)}.active-playlist-item{background-color:var(--active-clr);border-radius:5px}.playlist-container .player{position:sticky;left:0;bottom:0;width:100%;border:1px solid rgb(255 255 255 / .3);border-radius:10px;background:var(--player-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:2px 2px 10px 2px rgb(0 0 0 / .25);display:flex;flex-direction:column;align-items:center;padding:10px 0 5px;z-index:15;overflow:hidden}.controls{display:flex;justify-content:center;align-items:center;column-gap:25px}.controls svg{width:24px;height:24px;cursor:pointer;transform:scale(1);will-change:transform}.controls #shuffleBtn path{stroke:#fff}.controls #nextBtn path,.controls #prevBtn path{fill:#fff}#playPauseBtn{width:45px;aspect-ratio:1/1;margin:5px 0;color:var(--primary-clr);outline:0;background:var(--light-clr);border:2px solid rgb(255 255 255 / .3);border-radius:50%;box-shadow:0 10px 20px rgb(5 36 28 / .3);font-size:1.5rem;transform:scale(1);will-change:transform}#playPauseIcon{display:flex;align-items:center;justify-content:center}#playPauseIcon::before{content:' '!important}#playPauseIcon.fa-pause svg.pause{display:block}#playPauseIcon.fa-pause svg.play{display:none}#playPauseIcon.fa-play svg.pause{display:none}#shuffleBtn:hover,#prevBtn:hover,#nextBtn:hover,#playPauseBtn:hover{transform:scale(1.05)}.volume{position:relative;display:flex;align-items:center}.volume svg path{stroke:#fff}#volume-range{position:absolute;left:30px;top:9px;appearance:none;-webkit-appearance:none;width:120px;height:4px;background:var(--primary-clr);border-radius:4px;cursor:pointer;padding:0}#volume-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--light-clr);width:12px;aspect-ratio:1/1;border-radius:50%}#progress-bar{appearance:none;-webkit-appearance:none;width:90%;height:5px;background:linear-gradient(90deg,var(--light-clr),var(--secondary-clr),var(--primary-clr),var(--secondary-clr),var(--light-clr));border-radius:4px;margin:12px 0 16px;cursor:pointer;padding:0}#progress-bar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--light-clr);width:15px;aspect-ratio:1/1;border-radius:50%}.plyr--html5 .plyr__volume{justify-content:flex-end}.plyr--html5 .plyr__progress input{width:100%}@media (max-width:1300px){.playlist-container .swiper{width:270px}}@media (max-width:1100px){.playlist-container .content{padding:40px 20px 20px}.playlist-container .swiper{width:240px}.slider-playlist{grid-template-columns:50% 50%}}@media (max-width:900px){.playlist-container .content{padding:30px 40px 20px;overflow-x:hidden}.playlist{margin-bottom:60px}.slider-playlist{grid-template-columns:100%}.playlist-container.swiper{margin:30px auto 50px}.playlist-container .player{width:110%}#volume-range{width:50px}}@media (max-width:580px){.playlist-container .content{overflow-x:hidden}.playlist-container.swiper{width:220px;margin:20px auto 35px}.playlist-item{margin-bottom:10px}.playlist-container .player{width:115%}.controls{column-gap:15px}.controls i{font-size:1.3rem}#playPauseBtn{width:40px;font-size:1.2rem}.volume i{font-size:.9rem}#volume-range{left:20px;top:6px;width:40px}}