body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-page{background-color:#121212;color:#fff;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden;position:relative;width:100%}.left-navbar{background-color:#000;grid-column:1/2;grid-row:1/3;min-width:200px;padding:10px 20px 0 25px;width:250px}.top-bar{background-color:#07070764;grid-row:1/2;height:64px;z-index:999}.middle-page,.top-bar{grid-column:2/3;overflow:auto}.middle-page{background-color:#121212;grid-row:1/3;height:auto;padding-bottom:80px;width:100%}.middle-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.footer{grid-column:1/3;grid-row:3/4}.footer,.message{height:auto;z-index:999}.message{background-color:#2e77d0;border:0 solid;border-radius:5px;bottom:110px;color:#fff;font-weight:500;left:50%;padding:8px 15px 10px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mob-bottom-bar{background:linear-gradient(180deg,hsla(0,0%,7%,0) 0,hsla(0,0%,7%,.3) 26%,#121212 65%,#121212);bottom:-1px;height:auto;position:fixed;width:100%;z-index:999}@media (max-width:550px){.main-page{background-color:#121212;height:100vh;position:relative;width:100%}.footer{bottom:57px;height:auto;position:fixed;width:100%;z-index:999}.middle-page{background-color:#121212;grid-column:2/3;grid-row:1/3;height:100%;overflow:auto;width:100%}}.navlink{color:#b3b3b3;text-decoration:none}.divider{background-color:hsla(0,0%,50%,.311);height:.5px;margin-bottom:10px;width:100%}.navlinkliked{opacity:.65;text-decoration:none;transition:all .3s}.active,.navlinkliked:hover{opacity:1}.active{text-decoration:none}.navlinkactive{fill:#fff;color:#fff;opacity:1}.navbar-content{display:flex;flex-direction:column;height:100%;padding-top:15px;width:100%}.logo-container{margin-bottom:30px;width:100%}.logo-container,.navbar-logo-svg{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navbar-logo-svg{width:140px}.home-navbar-menu{align-content:center;align-items:center;display:flex;margin-bottom:15px;transition:all .15s}.home-icon-logo{height:auto;width:25px}.home-title{font-size:15px;font-weight:500;margin-left:10px}.search-navbar-menu{align-content:center;align-items:center;display:flex;margin-bottom:15px;transition:all .15s}.search-icon-logo{height:auto;width:25px}.search-title{font-size:15px;font-weight:500;margin-left:10px}.library-navbar-container{position:relative}.library-navbar-menu{align-content:center;align-items:center;display:flex;margin-bottom:40px;transition:all .3s}.library-not-login-section{background-color:#0d72ea;border-radius:7px;height:auto;position:absolute;top:-5px;-webkit-transform:translateX(140px);transform:translateX(140px);width:336px;z-index:999}.library-not-login-inner-section{padding:15px;position:relative}.library-not-login-content{color:#fff;height:100%;width:100%}.library-not-login-heading{margin-bottom:10px}.library-not-login-paragraph{font-weight:500;margin-bottom:25px}.library-not-login-button-section{align-items:center;display:flex;justify-content:flex-end}.library-not-login-notnow-button{background-color:initial;border:0 solid;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:800}.library-not-login-login-button{background-color:#fff;border:0 solid;border-radius:50px;cursor:pointer;font-weight:600;margin-left:10px;padding:5px 15px}.library-icon-logo{height:auto;width:25px}.library-title{font-size:15px;font-weight:500;margin-left:10px;text-decoration:none}.home-navbar-menu:hover,.library-navbar-menu:hover,.search-navbar-menu:hover{color:#fff;cursor:pointer;transition:all .3s}.create-playlist-container{position:relative}.create-playlist{align-content:center;align-items:center;color:#b3b3b3;display:flex;margin-bottom:15px;transition:all .15s}.playlist-not-login-section{background-color:#0d72ea;border-radius:7px;height:auto;position:absolute;top:0;-webkit-transform:translateX(150px);transform:translateX(150px);width:336px;z-index:999}.playlist-not-login-inner-section{padding:15px;position:relative}.playlist-not-login-content{color:#fff;height:100%;width:100%}.playlist-not-login-heading{margin-bottom:10px}.playlist-not-login-paragraph{font-weight:500;margin-bottom:25px}.playlist-not-login-button-section{align-items:center;display:flex;justify-content:flex-end}.playlist-not-login-notnow-button{background-color:initial;border:0 solid;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:800}.playlist-not-login-login-button{background-color:#fff;border:0 solid;border-radius:50px;cursor:pointer;font-weight:600;margin-left:10px;padding:5px 15px}.create-playlist-logo{height:auto;width:25px}.create-playlist-title{font-size:15px;font-weight:600;margin-left:10px}.create-playlist:hover{color:#fff;cursor:pointer}.liked-song-container{position:relative}.liked-songs{fill:#fff;align-content:center;align-items:center;color:#fff;cursor:pointer;display:flex;margin-bottom:15px;padding-bottom:10px;transition:all .15s}.notlog{opacity:.65}.likedsongs-not-login-section{background-color:#0d72ea;border-radius:7px;height:auto;position:absolute;top:0;-webkit-transform:translateX(150px);transform:translateX(150px);width:336px;z-index:999}.liked-song-inner-section{padding:15px;position:relative}.pointer-arrow{color:#0d72ea;height:auto;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:35px}.likedsongs-not-login-content{color:#fff;height:100%;width:100%}.likedsongs-not-login-heading{margin-bottom:10px}.likedsongs-not-login-paragraph{font-weight:500;margin-bottom:25px}.likedsongs-not-login-button-section{align-items:center;display:flex;justify-content:flex-end}.likedsongs-not-login-notnow-button{background-color:initial;border:0 solid;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:800}.likedsongs-not-login-login-button{background-color:#fff;border:0 solid;border-radius:50px;cursor:pointer;font-weight:600;margin-left:10px;padding:5px 15px}.heart-logo{background:linear-gradient(135deg,#450af5,#c4efd9);border-radius:3px;height:auto;padding:5px;width:25px}.liked-song-title{font-weight:600;margin-left:10px}.liked-songs:hover{color:#fff;opacity:1}.liked-playlist-navbar-name{color:#b3b3b3;cursor:pointer;font-size:14px;font-weight:600;padding:5px 0;text-decoration:none}.liked-playlist-navbar-name:hover{color:#fff;transition:all .3s}.audio-player-bottom-main-container{background-color:#181818;height:90px;padding:0 16px;position:relative;width:100%}.audio-player-bottom-inner-content{display:flex;height:100%;width:100%}.current-audio-playing-detail-div{align-items:center;display:flex;justify-content:flex-start;min-width:180px;width:30%}.current-song-playing-image{height:56px;width:56px}.current-song-playing-name-singer{display:flex;flex-direction:column;font-weight:400;margin:0 14px}.current-playing-song-name{color:#fff;font-weight:400}.current-playing-song-singer-name{color:#b3b3b3}.current-playing-song-like-button{height:32px;width:32px}.current-playing-song-like-button,.liked-current-song{align-items:center;background-color:initial;border:0;display:flex;justify-content:center}.liked-current-song{fill:#65e065;height:15px;width:15px}.current-playing-song-like-button-svg{fill:#b3b3b3}.current-playing-song-like-button-svg:hover{fill:#fff}.current-audio-playing-player-div{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:722px;width:40%}.previous-audio-button{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.previous-audio-button-svg{fill:hsla(0,0%,100%,.7)}.previous-audio-button-svg:hover{fill:#fff;transition:all .2s}.playing{color:#558e00}.audio-play-pause-button{align-items:center;display:flex;justify-content:center}.play-pause{background-color:#fff;border-radius:50%;padding:10px}.audio-next-button,.play-pause{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.audio-next-button-svg{fill:hsla(0,0%,100%,.7)}.audio-next-button-svg:hover{fill:#fff;transition:all .2s}.lower-player-audio-slider,.upper-audio-player-play-pause{align-items:center;display:flex;gap:16px;justify-content:center;width:100%}.current-audio-playing-time{color:hsla(0,0%,100%,.7);min-width:40px}.current-audio-playing-slider{align-items:center;display:flex;height:12px;justify-content:center;position:relative;width:100%}.current-audio-playing-slider-inner{background-color:hsla(0,0%,100%,.3);border:0 solid;border-radius:2px;display:flex;height:4px;overflow:hidden;position:relative;width:100%}.slider-progress-bar{background-color:#fff;border-radius:2px;height:100%;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%}.current-audio-playing-duration{color:hsla(0,0%,100%,.7);min-width:40px}.current-audio-playing-volume-div{min-width:180px;width:30%}.current-audio-playing-detail-inner-div{align-items:center;display:flex;justify-content:center}.player-audio-slider-range{background-color:hsla(0,0%,100%,.3);height:4px;outline:none;width:100%}.current-audio-playing-volume-div{align-items:center;display:flex;justify-content:flex-end}.volume-inner-section{gap:10px}.volume-bar,.volume-inner-section{align-items:center;display:flex;justify-content:center}.volume-bar{border:0 solid;border-radius:2px;height:5px;width:105px}.volume-svg{fill:hsla(0,0%,100%,.7)}.volume-input{height:100%;width:100%}.volume-progres-main-div{background-color:hsla(0,0%,100%,.3);overflow:hidden;position:relative}.volume-progres-main-div,.volume-progress-bar{border:0 solid;border-radius:2px;height:100%;width:100%}.volume-progress-bar{background-color:#fff;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (max-width:550px){.current-audio-playing-detail-div{align-items:center;display:flex;justify-content:flex-start;min-width:70%;width:30%}.current-audio-playing-player-div{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:30%}.current-playing-song-name{color:#fff;font-size:10px;font-weight:400}.current-playing-song-singer-name{color:#b3b3b3;font-size:10px}.current-audio-playing-slider{align-items:center;bottom:0;display:flex;height:12px;justify-content:center;left:0;position:absolute;width:100%}}.bottom-before-login{background-image:linear-gradient(90deg,#af2896,#509bf5);height:70px;padding:11px 24px 11px 15px;width:100%}.before-login-footer-content{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.left-footer-before-login{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:auto}.footer-heading-bofore-login{font-size:.75rem;font-weight:500;letter-spacing:.1rem;text-transform:uppercase}.footer-para-before-login{font-size:1rem;font-weight:600}.right-footer-after-login-button{align-self:center;background-color:#fff;border:0 solid;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px}.topbar-before-login{height:100%;padding:11px 30px;width:100%;z-index:999}.logout-button{background-color:initial;border:.005rem solid hsla(0,0%,100%,.363);border-radius:50px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:7px 10px}.top-bar-before-login-content{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.topbar-before-left,.topbar-before-right{align-items:center;display:flex;height:100%;width:auto}.topbar-before-right{gap:10px}.navigation-button{background-color:#000;border-radius:50%;cursor:pointer;height:auto;margin-right:15px;padding:3px;width:35px}.topbar-login{background-color:initial;color:grey;margin-right:25px}.topbar-login,.topbar-signup{border:0 solid;cursor:pointer;font-size:1rem;font-weight:700}.topbar-signup{background-color:#fff;border-radius:50px;padding:15px 30px}.profile-button{background-color:#000;border-radius:23px;cursor:pointer}.profile-button-inner-content{align-content:center;align-items:center;display:flex;gap:4px;justify-content:center;padding:2px 10px 2px 2px}.profile-logo{background-color:#535353;border:0 solid;border-radius:50%;padding:5px}.profile-logo-svg-div{height:auto;margin-bottom:2px;width:auto}.profile-logo-svg{fill:#fff;height:15px;width:15px}.profile-logo-svg,.profile-name-div{align-content:center;align-items:center;display:flex;justify-content:center}.profile-name-div{font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-name{padding-bottom:5px}@media(max-width:550px){.profile-name{font-size:12px;padding-bottom:1px}.profile-logo-svg{fill:#fff;align-content:center;align-items:center;display:flex;height:10px;justify-content:center;width:10px}.topbar-before-login{height:100%;padding:7px 20px;width:100%;z-index:999}.topbar-login{background-color:initial;color:grey;margin-right:25px}.topbar-login,.topbar-signup{border:0 solid;cursor:pointer;font-size:1rem;font-weight:700}.topbar-signup{background-color:#fff;border-radius:50px;padding:7px 15px}.logout-button{background-color:initial;border:.005rem solid hsla(0,0%,100%,.363);border-radius:50px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 10px 8px}}.main-playlistdetail,.upper-playlistdetail{height:auto;width:100%}.upper-playlistdetail{background:linear-gradient(rgba(0,0,0,.5) 100%),var(rgba(5 255 0 1) 100%);min-width:600px}.upperplaylist-inner-content{height:auto;position:relative;width:100%}.upper-playlistdetail-content{display:flex;height:350px;padding:0 30px 20px;position:relative;width:100%}.first-background,.second-background{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.second-background{background:linear-gradient(1turn,hsla(0,0%,7%,.533),rgba(44,44,44,.216) 64%,hsla(0,0%,100%,0))}.playlistdetail-main-image-container{align-self:flex-end;height:300px;height:auto;margin-right:30px;width:300px}.playlist-detail-main-image{box-shadow:0 4px 60px rgba(0,0,0,.5);height:100%;width:100%}.playlistdetail-main-detail-container{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding-bottom:10px;width:100%}.playlist-text{font-size:15px;font-weight:500;text-transform:uppercase}.playlist-headin{font-size:90px;text-transform:capitalize}.playlistdetail-main-detail-container h4{font-weight:300;margin-bottom:20px}.playlistdetail-totalnumbers-songs{display:flex;height:auto;width:auto}.playlist-detail-spotify-logo{align-items:center;display:flex;height:100%;width:100%}.playlist-detail-spotify-logo p{font-weight:600;margin-left:10px;text-transform:capitalize}.playlist-detail-logo-image{background:transparent;height:30px;width:30px}.middle-playlist{height:auto;position:relative;width:100%;z-index:1}.color{z-index:-2}.bottom-background,.color{height:300px;left:0;position:absolute;top:0;width:100%}.bottom-background{background:linear-gradient(180deg,rgba(0,0,0,.58) 0,rgba(9,9,9,.8) 50%,#121212 99%);border:0;z-index:-1}@media (max-width:550px){.upper-playlistdetail{background:linear-gradient(rgba(0,0,0,.5) 100%),var(rgba(5 255 0 1) 100%);height:auto;min-width:auto;width:100%}.upper-playlistdetail-content{display:flex;flex-direction:column;height:auto;padding:0 30px 20px;position:relative;width:auto}.playlistdetail-main-image-container{align-items:center;align-self:center;display:flex;height:auto;justify-content:center;margin-bottom:10px;margin-right:0;margin-top:80px;width:auto}.playlist-detail-main-image{box-shadow:0 4px 60px rgba(0,0,0,.5);height:auto;width:150px}.playlist-headin{font-size:40px;text-transform:capitalize}.playlist-text{display:none}}.main-middle-playlist-section{height:auto;padding:20px 0;width:100%}.middle-playlist-inner-content{align-items:center;display:flex;margin:0 0 30px;padding:0 30px;z-index:20}.middleplaylist-play-button{align-items:center;border-radius:50%;display:flex;margin-right:40px;padding:15px}.middleplaylist-like-button{align-items:center;color:#fff;display:flex;height:100%;width:auto}.middleplaylistlikebutton{fill:hsla(0,0%,100%,.7)}.playlistdetail-songs-detail-menu{height:auto;margin-bottom:20px;padding:0 30px;width:100%}.playlistdetail-song-inner-menu-content{grid-gap:16px;border-bottom:.5px solid hsla(0,0%,100%,.114);color:#b3b3b3;display:grid;grid-template-columns:16px 4fr 3fr 2fr;height:auto;padding:10px 20px;width:100%}.songs-menu-detail-song-number{font-size:1rem;font-weight:400;height:100%;letter-spacing:.1em;text-transform:uppercase;width:auto}.songs-menu-detail-song-album,.songs-menu-detail-song-duration,.songs-menu-detail-song-title{align-items:center;display:flex;font-size:.8rem;font-weight:400;height:100%;letter-spacing:.1em;text-transform:uppercase;width:auto}.songs-menu-detail-song-duration{justify-self:center}@media(max-width:550px){.main-middle-playlist-section{height:auto;padding:20px 0 150px;width:100%}}.playlistsong-main-div{height:auto;padding:0 30px;width:100%}.playlist-song-inner-content{grid-gap:16px;color:#b3b3b3;display:grid;grid-template-columns:16px 4fr 3fr 2fr;height:56px;padding:0 20px;width:100%}.playlist-song-inner-content:hover{background-color:hsla(0,0%,74%,.167);border:0 solid;border-radius:5px;color:#fff;transition:all .15}.playlist-song-number{fill:grey;align-self:center;display:flex}.playlist-song-number:hover{fill:#fff}.playlist-song-title-div{align-items:center;display:flex}.playlist-song-img{height:40px;margin-right:16px;width:40px}.playlist-song-name{color:#fff;font-weight:600;text-transform:capitalize}.playlist-song-singer{font-size:14px;text-transform:capitalize}.playlist-song-album{align-self:center;display:flex;text-transform:capitalize}.playlist-song-duration{gap:25px}.playlist-song-duration,.playlist-song-like-div{align-self:center;display:flex;justify-self:center}.playlist-song-like-div{width:15px}.playlist-song-like-svg{fill:#05ff00}.playlist-song-like-hover-svg{fill:#b3b3b3}@media (max-width:550px){.playlist-song-inner-content{grid-gap:16px;color:#b3b3b3;display:grid;grid-template-columns:16px 4fr auto;height:56px;padding:0 20px;width:100%}.playlist-song-name{color:#fff;font-size:14px;text-transform:capitalize}.playlist-song-singer{font-size:10px}}.mob-navbar-main{padding:10px 0}.mob-inner-content,.mob-navbar-main{height:auto;width:100%}.mob-menu-div{align-content:center;height:auto;justify-content:space-around;margin:0 auto;width:95%}.mob-menu,.mob-menu-div{align-items:center;display:flex}.mob-menu{color:#a8a8a8;flex-direction:column;text-decoration:none}.menu-logo-mob{height:21px;width:21px}.menu-name{font-size:12px;text-decoration:none;text-transform:capitalize}.active{color:#fff}*{box-sizing:border-box;margin:0;padding:0}.likedsong-main-div{height:auto;padding:0 30px;width:100%}.liked-song-inner-content{grid-gap:16px;color:#b3b3b3;display:grid;grid-template-columns:16px 4fr 3fr 2fr;height:56px;padding:0 20px;width:100%}.liked-song-inner-content:hover{background-color:hsla(0,0%,74%,.167);border:0 solid;border-radius:5px;color:#fff;transition:all .15}.liked-song-number{align-self:center;display:flex}.liked-song-title-div{align-items:center;display:flex}.liked-song-img{height:40px;margin-right:16px;width:40px}.liked-song-name{color:#fff;text-transform:capitalize}.liked-song-album{align-self:center;display:flex;text-transform:capitalize}.liked-song-duration,.liked-song-like-song-div{align-self:center;display:flex;justify-self:center}.liked-song-like-svg{fill:rgba(5 255 0 1)}.no-liked-song-heading{font-size:2rem;font-weight:700}.no-liked-songs-main-div{align-items:center;display:flex;height:100%;justify-content:center;padding-top:100px;width:100%}.no-liked-songs-innner-content{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;text-align:center}.uPxdw{fill:#f5f5f5}.no-liked-song-description{font-weight:500}@media(max-width:550px){.no-liked-songs-main-div{align-items:center;display:flex;height:100%;justify-content:center;padding-top:60px;width:100%}}.home-main-section{height:auto;padding:64px 30px 0;width:100%}.section-playlist{display:flex;flex-direction:column;margin-bottom:30px}.playlist-section-heading{font-size:22px;padding:15px 0;text-transform:capitalize}.playlist-name{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));justify-content:space-between;overflow:hidden}@media (max-width:550px){.playlist-name{grid-gap:24px;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;overflow:hidden}}.link{align-items:center;display:flex;justify-content:center}.main-playlist-container{height:100%;min-width:200px;width:auto}.playlist-content{background-color:#161616;border-radius:7px;height:100%;padding:16px;width:auto;width:100%}.playlist-image-container{height:100%;margin-bottom:20px;position:relative}.playlist-image{border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.5);height:100%;width:100%}.playlist-play-button-div{align-items:center;background-color:#1ed760;border-radius:50%;bottom:15px;cursor:default;display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.playlist-playbutton{width:50px}.playlist-heading{color:#fff;font-size:17px;margin-bottom:10px;text-transform:capitalize}.playlist-para{color:#6a6a6a;color:var(--text-subdued,#6a6a6a);font-size:.875rem;font-weight:600;line-height:25px}.playlist-content:hover{background-color:#43434357;cursor:pointer}@media (max-width:550px){.main-playlist-container{height:100%;max-width:250px;min-width:120px}.playlist-para{display:none}.playlist-heading{color:#fff;font-size:13px;margin-bottom:3px}}.library-playlist-main-page{height:100%;padding:64px 30px 0;width:100%}.library-inner-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.library-playlist-no-playlist{display:flex;flex-direction:column;gap:16px}.library-playlist-before-login-song-svg-div{align-items:center;display:flex;justify-content:center}.libraryt-no-playlist-song-logo{fill:#fff;height:auto;width:70px}.library-no-playlist-heading{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;margin-bottom:8px;margin-top:20px;text-align:center;text-transform:capitalize}.library-no-playlist-help-text{font-size:17px;font-weight:500;margin-bottom:32px}.library-no-playlist-button,.library-no-playlist-help-text{align-items:center;display:flex;justify-content:center}.library-no-playlist-button-create-playlist{border-radius:30px;color:#000;font-size:16px;font-weight:600;padding:15px 25px}.library-heading{padding:10px 0 25px;text-transform:capitalize}.library-liked-section{background:linear-gradient(149.46deg,#450af5,#8e8ee5 99.16%);border-radius:7px;grid-column:1/3;height:100%;min-height:180px;position:relative;width:100%}.library-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(186px,1fr))}.liked-song-heading-number-library{bottom:50px;left:20px;position:absolute}.liked-song-heading{color:#fff;font-size:25px;margin-bottom:10px;text-transform:capitalize}.liked-songs-number{font-size:15px}.library-liked-inner-section{height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:550px){.library-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.library-liked-section{background:linear-gradient(149.46deg,#450af5,#8e8ee5 99.16%);border-radius:7px;grid-column:1/3;grid-row:1/2;height:150px;position:relative;width:100%}}.link{color:#fff;text-decoration:none}.main-library-playlist-container{height:100%;min-width:180px;width:auto}.library-playlist-content{background-color:#161616;border-radius:7px;height:100%;padding:16px;width:auto;width:100%}.library-playlist-image-container{height:181px;margin-bottom:20px;position:relative;width:100%}.library-playlist-image{border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.5);height:100%;width:100%}.library-playlist-play-button-div{align-items:center;background-color:#1ed760;border-radius:50%;bottom:15px;cursor:default;display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.library-playlist-playbutton{width:50px}.library-playlist-heading{color:#fff;font-size:17px;margin-bottom:0}.library-playlist-para{color:#6a6a6a;color:var(--text-subdued,#6a6a6a);font-size:.875rem;font-weight:600;line-height:25px}.library-playlist-content:hover{background-color:#43434357;cursor:pointer}.playlist-name-description{height:64px;width:100}.library-default-image-container{height:181px;width:100%}.default-image-div{align-content:center;background-color:#333;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;width:100%}.default-image-svg{fill:#b3b3b3;height:100%;width:60px}.library-playlist-heading,.library-playlist-para{text-transform:capitalize}@media(max-width:550px){.library-playlist-content{background-color:#161616;border-radius:7px;height:100%;padding:10px;width:auto;width:100%}.library-playlist-heading{color:#fff;font-size:13px;margin-bottom:0}.library-playlist-image-container{height:auto;position:relative;width:100%}.main-library-playlist-container{height:100%;min-width:auto;width:auto}.playlist-name-description{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100}}.search-page-main-container{padding:64px 30px 0}.without-search-content-main-content{grid-gap:24px;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));grid-template-rows:1fr;height:auto;width:100%}.browseall-heading{font-size:25px;font-weight:600;padding:20px 0;text-transform:capitalize}.search-input-div{background-color:#fff;border:0 solid;border-radius:20px;padding:7px 10px}.search-input-div,.search-input-inner-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-input-inner-content{align-items:center;display:flex;gap:10px;justify-content:center}.search-input{align-items:center;border:none;display:flex;font-size:14px;outline:none;width:250px}.search-content{margin-bottom:10px;margin-top:10px}@media(max-width:550px){.without-search-content-main-content{grid-gap:10px;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:auto;width:100%}}.card-main-div{height:212px;overflow:hidden;text-decoration:none;width:auto}.card-main-inner-div{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.card-heading{color:#fff;font-size:22px;font-weight:650;left:20px;position:absolute;text-transform:capitalize;top:20px}.card-image{bottom:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);height:100px;position:absolute;right:0;-webkit-transform:rotate(25deg) translate(18%,-2%);transform:rotate(25deg) translate(18%,-2%);width:100px}@media (max-width:550px){.card-main-div{height:150px;overflow:hidden;width:auto}.card-image{bottom:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);height:70px;position:absolute;right:0;-webkit-transform:rotate(25deg) translate(18%,-2%);transform:rotate(25deg) translate(18%,-2%);width:70px}}.login-top-section{align-items:center;border-bottom:.5px solid hsla(0,0%,50%,.292);height:120px;margin-bottom:40px}.login-top-logo-div,.login-top-section{display:flex;justify-content:center;width:100%}.login-top-logo-div{align-content:center;height:68px;overflow:hidden}.login-middle-section{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.login-middle-inner-content{height:100%;padding:20px;width:450px}.login-email-div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:25px;width:100%}.login-email-label{font-size:16px;font-weight:700;line-height:1.25rem;padding-bottom:8px}.login-email-input{border-radius:4px;color:#000;color:var(--text-base,#000);font-size:1rem;font-weight:500;line-height:1.5rem;outline:none;padding:14px;width:100%}.login-email-error-message{color:red}.login-password-div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:40px;width:100%}.login-password-label{font-size:16px;font-weight:700;line-height:1.25rem;padding-bottom:8px}.login-password-input{border-radius:4px;color:#000;color:var(--text-base,#000);font-size:1rem;font-weight:500;line-height:1.5rem;outline:none;padding:14px;width:100%}.login-buttom-div{align-content:center;display:flex;height:auto;justify-content:flex-end;margin-bottom:25px;width:100%}.login-login-button{background-color:#1ed760;border:0;border-radius:800px;cursor:pointer;font-size:16px;letter-spacing:.107em;line-height:1.25rem;padding:14px 32px;text-transform:uppercase}.login-form-bottom-border{background-color:hsla(0,0%,50%,.479);height:.5px;margin-bottom:30px;width:100%}.login-bottom-section{height:100%;width:100%}.login-bottom-inner-content,.login-bottom-section{align-items:center;display:flex;justify-content:center}.login-bottom-inner-content{flex-direction:column;height:auto;width:450px}.login-bottom-heading{font-size:20px;font-weight:700;line-height:1.5rem;margin-bottom:0;margin-top:0;padding-bottom:20px}.login-bottom-signup-button-div{height:100%;width:100%}.login-signup-buttom{background-color:initial;border:.5px solid grey;border-radius:500px;color:#6b6b6b;cursor:pointer;font-size:17px;font-weight:540;height:auto;outline:none;padding:13px 0;text-transform:uppercase;width:100%}.invalid-input{border:.1rem solid red}.valid-input{border:.1rem solid grey}.singup-top-section{align-items:center;border-bottom:.5px solid hsla(0,0%,50%,.292);height:120px;margin-bottom:40px}.singup-top-logo-div,.singup-top-section{display:flex;justify-content:center;width:100%}.singup-top-logo-div{align-content:center;height:68px;overflow:hidden}.singup-middle-section{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.singup-middle-inner-content{height:100%;margin-bottom:20px;padding:20px;width:450px}.singup-email-div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:25px;width:100%}.singup-email-label{font-size:16px;font-weight:700;line-height:1.25rem;padding-bottom:8px}.singup-email-input{border-radius:4px;color:#000;color:var(--text-base,#000);font-size:1rem;font-weight:500;line-height:1.5rem;outline:none;padding:14px;width:100%}.singup-email-error-message{color:red}.singup-confirmemail-div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:25px;width:100%}.singup-confirmemail-label{font-size:16px;font-weight:700;line-height:1.25rem;padding-bottom:8px}.singup-confirmemail-input{border-radius:4px;color:#000;color:var(--text-base,#000);font-size:1rem;font-weight:500;line-height:1.5rem;outline:none;padding:14px;width:100%}.singup-confirmemail-error-message{color:red}.singup-password-div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:40px;width:100%}.singup-password-label{font-size:16px;font-weight:700;line-height:1.25rem;padding-bottom:8px}.singup-password-input{border-radius:4px;color:#000;color:var(--text-base,#000);font-size:1rem;font-weight:500;line-height:1.5rem;outline:none;padding:14px;width:100%}.singup-buttom-div{align-content:center;display:flex;height:auto;justify-content:center;margin-bottom:10px;width:100%}.singup-singup-button{background-color:#1ed760;border:0;border-radius:800px;color:#000;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:22px;font-weight:800;line-height:1.25rem;padding:14px 32px}.singup-bottom-section{height:100%;width:100%}.singup-bottom-inner-content,.singup-bottom-section{align-items:center;display:flex;justify-content:center}.singup-bottom-inner-content{flex-direction:column;gap:8px;height:auto;width:450px}.spotify-terms-conditions-div{font-size:.6975rem;font-weight:500;text-align:center}.spotify-terms-condition-text{color:#1db954;text-decoration:underline}.spotify-privacy-policy{font-size:.6975rem;font-weight:500;margin-bottom:20px;text-align:center}.spotify-privacy-policy-text{color:#1db954;text-decoration:underline}.hava-an-account-div{font-size:18px;font-weight:700;margin-bottom:10px}.signup-login-button{color:#1db954;text-decoration:underline}.input-error-message{align-items:center;display:flex;margin-top:5px}.error-svg{fill:#d70000;margin-right:5px}.error-message{color:#d70000;font-weight:600}.error-page-main-div{align-content:center;align-items:center;background-color:#121212;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.error-page-inner-content{align-items:center;display:flex;flex-direction:column;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1;margin:40px 0 16px}.error-page-description{color:#a7a7a7;display:inline-block;font-weight:400;margin:0 0 40px}.error-page-home{background:#fff;border:1px solid #878787;border-radius:48px;color:#000;display:inline-block;font-size:1em;font-weight:700;line-height:24px;margin-bottom:36px;padding:12px 32px;text-align:center;text-decoration:none;white-space:nowrap}
/*# sourceMappingURL=main.7b86ad30.css.map*/