@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";.carousel[data-v-beeb4caf]{width:100%;height:200px;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);position:relative}.carousel img[data-v-beeb4caf]{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:1s}.carousel img.active[data-v-beeb4caf]{opacity:1}.heading[data-v-50b2d8aa]{margin:30px 0 10px;text-transform:capitalize;font-weight:400;font-size:30px}.playlists-group[data-v-50b2d8aa]{position:relative;width:100%;min-height:200px;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto}.playlist-card[data-v-50b2d8aa]{flex:0 0 auto;max-width:150px;height:100%;margin-right:20px}.playlist-card-img[data-v-50b2d8aa]{width:100%;height:150px;object-fit:cover;border-radius:20px}.playlist-card-name[data-v-50b2d8aa]{width:100%;font-size:20px;text-transform:capitalize;padding:5px}.music-seek-bar[data-v-e3448fd7]{-webkit-appearance:none;width:100%;position:absolute;top:-4px;height:8px;background:var(--secondary-color);overflow:hidden}.music-player-section.active .music-seek-bar[data-v-e3448fd7]{position:relative;display:block;border-radius:50px;margin:auto}.current-time[data-v-e3448fd7]{position:absolute;margin-top:5px;left:30px}.duration[data-v-e3448fd7]{position:absolute;margin-top:5px;right:30px}i[data-v-d474db15]{margin:0 5px;display:none}i.active[data-v-d474db15]{display:inline}.title[data-v-be16baa6]{font-weight:300;font-size:40px;text-align:center;margin-top:15px;text-transform:capitalize;margin-bottom:30px}.queue[data-v-be16baa6]{width:100%;height:80px;padding:0 30px;display:flex;align-items:center;border-top:2px solid var(--alpha-color)}.queue-cover[data-v-be16baa6]{width:60px;height:60px;border-radius:10px;overflow:hidden;margin-right:20px;position:relative}.queue-cover img[data-v-be16baa6]{width:100%;height:100%;object-fit:cover}.queue-cover i[data-v-be16baa6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:var(--primary-color);display:none}.queue.active i[data-v-be16baa6]{display:block}.queue .name[data-v-be16baa6]{font-size:22px;text-transform:capitalize}*{margin:0;padding:0;box-sizing:border-box}:root{--background: #141414;--text-color: #fff;--primary-color: #63ff69;--secondary-color: #000;--alpha-color: rgba(0, 0, 0, .5);--shadow: 0 15px 40px var(--alpha-color)}html{background:var(--background);display:flex;justify-content:center}body{width:100%;height:100vh;max-width:375px;position:relative;background:var(--background);font-family:roboto,sans-serif;color:var(--text-color)}::-webkit-scrollbar{display:none}.home-section{width:100%;padding:20px 20px 100px;height:100%;overflow-y:auto}.music-player-section{width:100%;height:100px;position:fixed;bottom:0;left:0;background:var(--alpha-color);transition:1s}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.backdrop-blur{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){.backdrop-blur{background-color:#090909e6}}.current-song-name{font-weight:300;font-size:20px;text-align:center;margin-top:5px;text-transform:capitalize}.controls{position:relative;width:80%;margin:auto;display:flex;justify-content:center;align-items:center;height:60px;font-size:30px}.controls span{display:none;opacity:0;transition:1s}.music-player-section.active .controls{justify-content:space-between}.music-player-section.active .controls span{font-size:25px;display:block;opacity:.5}.music-player-section.active .controls span.active{color:var(--primary-color);opacity:1}.music-player-section .hide{display:none;opacity:0;transition:1s}.music-player-section.active .hide{display:block;opacity:1}.music-player-section.active{width:100%;height:100%;padding:30px;display:flex;flex-direction:column}.music-player-section.active .current-song-name{font-size:40px}.music-player-section.active .controls{width:100%;font-size:50px}.artist-name{text-align:center;font-size:20px;text-transform:capitalize}.cover{width:30vh;height:30vh;object-fit:cover;margin:auto;border-radius:20px;box-shadow:var(--shadow)}.icon{position:absolute;top:60px;transform:scale(1.3)}.back-btn{left:40px}.nav-btn{right:40px}.volume-slider{-webkit-appearance:none;width:100px;position:absolute;right:-35px;bottom:80px;transform:rotate(-90deg);border-radius:20px;background:var(--alpha-color);overflow:hidden;opacity:0;display:none}.volume-slider.active{opacity:1;display:block}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;height:40px;width:10px;background:var(--primary-color);box-shadow:-200px 0 1px 200px var(--primary-color)}.playlist{width:100%;height:100%;position:fixed;top:0;right:-100%;padding:30px 0;background:var(--background);z-index:3;transition:1s;overflow:auto}.playlist.active{right:0}.cursor-pointer{cursor:pointer}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:1.5rem;border-radius:.75rem;background:#211f1f}input[type=range]::-moz-range-track{-webkit-appearance:none;height:1.5rem;border-radius:.75rem;background:#211f1f}input[type=range]::-moz-range-progress{background:#211f1f;height:1.5rem;border-radius:.75rem 0 0 .75rem}input[type=range]::-ms-track{-webkit-appearance:none;height:1.5rem;border-radius:.75rem;background:#211f1f;color:transparent;border:0}input[type=range]::-ms-fill-lower{background:#1e3650;border-radius:.75rem 0 0 .75rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1.5rem;width:1.5rem;border-radius:.75rem;background:var(--primary-color);cursor:pointer;margin-top:0}input[type=range]::-moz-range-thumb{-webkit-appearance:none;height:1.5rem;width:1.5rem;border-radius:.75rem;background:var(--primary-color);cursor:pointer;margin-top:-14px}input[type=range]::-ms-thumb{height:1.5rem;width:1.5rem;border-radius:.75rem;background:var(--primary-color);cursor:pointer;margin-top:-14px}