*{box-sizing:border-box;color:#fff;font-family:Poppins,Arial,Helvetica,sans-serif;margin:0;padding:0}#root{background-color:#000;gap:10px;height:100vh;justify-content:space-between;padding:10px}#root,.welcome__note__outer{align-items:center;display:flex}.welcome__note__outer{color:#fff;flex-direction:column;height:100%;justify-content:center;overflow:scroll;padding:15px;width:100%}.welcome__note__heading,.welcome__note__image{animation:welcomeLoad .8s linear 1}.welcome__note__heading{font-size:60px;position:relative;text-align:center}.clientId__form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:50px;width:100%}.clientId__form input{background-color:initial;border:none;border-bottom:1px solid #deb887;flex-basis:400px;font-size:1.1em;margin-right:30px;outline:none;padding:10px}.welcome__note__button{animation:welcomeLoad .8s linear 1;background-color:#deb887;border:none;border-radius:30px;color:#000;cursor:pointer;font-size:1.2em;padding:10px 15px;text-decoration:none;transition:.3s}.welcome__note__button a{text-decoration:none}.welcome__note__button:hover{color:#fff}@keyframes welcomeLoad{0%{opacity:0}to{opacity:1}}@media (max-width:650px){.welcome__note__image{width:400px}.welcome__note__heading{font-size:40px}}@media (max-width:410px){.welcome__note__heading{font-size:30px}.welcome__note__image{width:300px}}::-webkit-scrollbar{display:none}.webplayer__side__bar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:20%}.webplayer__side__bar__bottom,.webplayer__side__bar__top{background-color:#121212;border-radius:10px;width:100%}.webplayer__side__bar__bottom{padding-bottom:100px}.webplayer__side__bar__top div{align-items:center;color:#767676;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:15px;justify-content:flex-start;margin:10px 0;padding-left:20px;transition:.3s}.webplayer__side__bar__top a{text-decoration:none}.webplayer__side__bar__top div:hover{color:#fff}.webplayer__side__bar__top__icons{font-size:20px}.webplayer__side__bar__bottom{display:flex;flex-direction:column;height:auto;margin-top:15px;overflow:auto;padding-left:20px;padding-top:10px}.webplayer__side__bar__bottom__heading{color:#767676;margin-bottom:5px}.webplayer__side__bar__bottom hr{width:98%}.webplayer__side__bar__bottom__playlist__item_a{text-decoration:none}.webplayer__side__bar__bottom__playlist__item{align-items:center;cursor:pointer;display:flex;gap:20px;height:70px;justify-content:flex-start;margin:10px 0;padding:10px}.playlist__item__image,.playlist__item__image img{height:100%}.playlist__item__description{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.playlist__item__name{font-size:.9em}.playlist__item__name:hover{text-decoration:underline}.playlist__item__owner{color:#767676;font-size:.8em;font-weight:600;margin-top:5px}.playlist__item__loading__image{animation:loadingImage 1.2s linear infinite;width:100%}@keyframes loadingImage{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1200px){.playlist__item__description,.trending__playlist__heading{display:none}.webplayer__side__bar__bottom{padding:0}.webplayer__side__bar__bottom__playlist__item{margin:0}.webplayer__side__bar{width:60px}.playlist__item__image img{height:40px;width:40px}.webplayer__side__bar__top svg{font-size:15 px}.webplayer__side__bar__top p{display:none}}.home__header{align-items:center;background-color:initial;display:flex;height:70px;justify-content:flex-end;padding-inline:30px;padding-top:10px;width:100%}.home__header__right{gap:40px}.home__header__right,.home__header__right a{align-items:center;display:flex;justify-content:center}.home__header__right a{background-color:#0000008d;border-radius:20px;font-size:.8em;gap:10px;padding:10px 15px;text-decoration:none}.home__header__right__down__symbol{cursor:pointer;font-size:12px;overflow:hidden;position:relative;text-overflow:ellipsis;transition:.4s;white-space:nowrap;width:100px}.home__header__logout{bottom:-25px;color:#8d7777;font-size:1em;font-weight:500;position:absolute;right:0}.home__header__logout:hover{color:#40e0d0}.home__header__right__down__symbol a{background-color:initial}@media (max-width:900px){a[href="https://www.spotify.com/in-en/download/windows/"]{display:none}.home__header__right{gap:10px}}#super{background:linear-gradient(#222,#131819,#121212);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:scroll;padding-bottom:100px;transition:all .4s;width:100%}.home__new__releases__card__outer,.home__playlist__card__outer,.home__top__albums__card__outer,.home__top__artist__card__outer{display:flex;flex-direction:column;padding:20px}.home__new__releases__card__outer .wrapper,.home__playlist__card__outer .wrapper,.home__top__albums__card__outer .wrapper,.home__top__artist__card__outer .wrapper{display:flex;flex-wrap:wrap;gap:20px}.home__top__artist__card__outer .wrapper{gap:40px}.playlist__card{align-items:center;background-color:#252f31;border-radius:5px;cursor:pointer;display:flex;gap:20px;max-width:320px;padding-right:10px}.playlist__card:hover{text-decoration:underline}a{text-decoration:none}.playlist__card img{width:70px}.playlist__card__image__load{height:50px;width:70px}.playlist__card__image__load,.playlist__card__title__load{animation:loadingImage 1s linear infinite;background-color:#6a6666;border-radius:5px}.playlist__card__title__load{padding:10px;width:150px}.home__artist__card,.home__new__releases__card,.home__top__albums__card{cursor:pointer;display:flex;flex-direction:column;max-width:200px;text-overflow:ellipsis}.home__artist__card img,.home__new__releases__card img,.home__top__albums__card img{border-radius:50%;height:200px;object-fit:cover;object-position:top;width:200px}.home__new__releases__card img,.home__top__albums__card img{border-radius:10px}.home__artist__card__image__load,.home__new__releases__card__image__load,.home__top__albums__card__image__load{animation:loadingImage 1s linear infinite;background-color:#252f31;border-radius:50%;height:200px;width:200px}@media (max-width:900px){.playlist__card{height:50px;width:200px}.playlist__card img{height:50px}}@media (max-width:1100px){.home__top__artist__card__outer .wrapper{gap:20px}.home__artist__card__image__load{height:100px;width:100px}.home__top__artist__card__outer .wrapper a{overflow:hidden;width:100px}.home__artist__card img{height:100px;width:100px}}@media (max-width:700px){.home__new__releases__card__outer,.home__top__albums__card__outer{margin-bottom:40px}.home__new__releases__card,.home__new__releases__card img,.home__new__releases__card__image__load,.home__top__albums__card,.home__top__albums__card img,.home__top__albums__card__image__load{height:120px;width:120px}}.banner__super,.banner__super__load{align-items:center;display:flex;flex-wrap:wrap;gap:20px;padding:10px 20px;width:100%}.banner__left{width:300px}.banner__right,.banner__right__load{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px}.banner__right__heading{font-size:50px}.banner__right__description{color:#ccb0bc;font-size:.8em;font-weight:500;margin:10px 0}.banner__right__bottom{color:#ccb0bc}.banner__right__bottom span{font-weight:600}.banner__left__load{height:250px;width:250px}.banner__left__load,.banner__right__description__load,.banner__right__one__load{animation:loadingImage 1.2s linear infinite;background-color:#2a3038;border-radius:20px}.banner__right__description__load,.banner__right__one__load{margin:20px;padding:10px;width:200px}.banner__right__description__load{margin:10px;width:50vw}.banner__image__artist{border-radius:50%;box-shadow:0 0 20px #000}.banner__right__heading__load{animation:loadingImage 1.2s linear infinite;background-color:#2a3038;border-radius:10px;margin:30px;padding:20px;width:40vw}.banner__image{transition:.4s}.banner__image:hover{cursor:pointer;scale:1.03}@media (max-width:700px){.banner__image{height:200px;width:200px}}@media (max-width:600px){.banner__right__heading{font-size:20px}}.controls__super{align-items:center;display:flex;height:50px;justify-content:flex-end;margin:20px 0;padding:20px 40px;position:relative}.controls__super__play__button{background-color:initial;border:none;border-bottom:1px solid #fff;outline:none;padding:5px 10px;transition:.1s;width:300px}.controls__super__list{cursor:pointer;font-size:20px}.controls__list__song__list{background-color:#3e3e3e;display:flex;flex-direction:column;gap:10px;padding:10px;position:absolute;right:50px;top:50px}.controls__list__song__list div{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:flex-start}.songs__super__search{margin-top:50px}.songs__wrapper{align-items:center;display:flex;gap:20px;justify-content:space-around;margin-bottom:10px;padding-left:100px;width:100%}.songs__hr{margin-bottom:5px;opacity:.4;text-align:center;width:100%}.songs__wrapper__audio{cursor:pointer;font-size:14px;padding-bottom:10px;padding-top:10px}.songs__wrapper__audio:hover{box-shadow:0 5px 10px #000000ab}.album__name,.artist__name,.song__addedon,.song__duration,.song__name{color:#acb0aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.song__image__artists{display:flex;gap:10px}.song__details__compact{flex-direction:column;gap:10px}.song__name{color:#fff}.first__tag{align-items:center;display:flex;flex-basis:10px}.no__space{display:flex;gap:20px;margin-right:100px}.song__details__compact{display:flex;justify-content:center}@media (max-width:1200px){.songs__wrapper{padding-left:10px}}@media (max-width:700px){.song__image__artists{justify-content:center}.album__name,.artist__name,.song__addedon,.song__duration{display:none}.artist__name,.song__name{width:250px}}.search__inputs{color:#000;max-width:450px}.search__form,.search__inputs{display:flex;gap:10px;position:relative}.search__form{flex-wrap:wrap}.icons__parent{position:relative}.search__inputs input{background-color:#4a4848;border:none;border-radius:30px;color:#000;color:#fff;outline:none;padding:10px 30px 10px 40px;width:300px}.search__inputs input::placeholder{color:#aba5a5}.input__label__search__icon{left:10px;position:absolute;top:8px}.input__label__cross__icon{cursor:pointer;position:absolute;right:20px;top:8px}.search__button{background-color:#4a4848;border:none;border-radius:10px;color:#fff;cursor:pointer;outline:none;padding:10px}.search__body{align-items:start;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:0 30px}#categories{display:flex;flex-wrap:wrap;gap:10px}.category__button{background-color:#3e3c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:300;outline:none;padding:5px 10px}.songs__super__search{display:flex;flex-direction:column}.songs__super__search h3{align-self:flex-start;margin-left:50px}.song :first-child{display:flex;justify-content:space-between}.search__song__loading{animation:loadingImage 1.2s linear infinite;background-color:#232121;border-radius:20px;height:50px;margin:20px 20px 20px 50px;width:90%}@media (max-width:750px){.search__body{padding:0 0 0 10px}}@media (max-width:400px){.search__inputs input{width:200px}}.music__player__super{background-color:#000;background:#000;bottom:0;display:flex;height:80px;justify-content:space-between;padding:10px;position:fixed;transition:.3s;width:100%}.song__image__artists__music__player{display:flex;gap:30px}.song__details__compact__music__player{display:flex;flex-direction:column;justify-content:center}.artist__name__music__player,.song__name__music__player{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.artist__name__music__player{color:#acb0aa}.music__player__controls{color:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center;width:400px}.control__buttons{align-items:center;display:flex;gap:30px;justify-content:center}.play__pause__button{cursor:pointer;font-size:40px}.track__range{align-items:center;display:flex;gap:5px}.track__range p{font-size:12px}.range{background-color:#fff;border-radius:5px;cursor:pointer;height:3px;width:400px}.music__controls__volume__controls__full__screen{align-items:center;display:flex;gap:20px;padding:10px 30px 10px 10px;transition:.4s}.music__controls__volume__controls__full__screen__triger{align-items:end}.volume__range{cursor:pointer;height:3px;transition:.3s}.full__screen__icon,.speaker__icon{cursor:pointer}.playing__feedback{align-items:center;display:flex;gap:10px;justify-content:space-around}.playing__feedback span{animation:playFeedback .4s linear infinite;background-color:#ff0;height:var(--height);width:2px}@keyframes playFeedback{0%,to{height:var(--height)}50%{height:0}}.song__image__artists__music__player__full__screen{align-items:center;display:flex;gap:40px;padding-left:100px}.song__image__artists__music__player__full__screen img{animation:full__screen__image .7s ease 1;height:350px;width:350px}@keyframes full__screen__image{0%{height:60px;opacity:0;transform:translateX(-100%);transform:translateY(100%);width:60px}to{height:350px;opacity:1;transform:translateY(0);transform:translateX(0);width:350px}}.song__details__compact__music__player__full__screen{display:flex;flex-direction:column;height:350px;justify-content:flex-end}.artist__name__music__player__full__screen,.song__name__music__player__full__screen{animation:headings__full__screen 1.3s linear 1;font-size:30px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:400px}@keyframes headings__full__screen{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}.controls__wrapper{align-items:center;display:flex;gap:20px}@media (max-width:750px){.playing__feedback{display:none}}@media (max-width:600px){.controls__wrapper{display:none}}@media (max-width:360px){.artist__name__music__player,.song__name__music__player{width:100px}}
/*# sourceMappingURL=main.c145f1ac.css.map*/