.profileSection{display:flex;align-items:center;justify-content:start;position:fixed;width:100%;row-gap:50px;height:100vh;overflow-y:hidden;z-index:9;flex-direction:column}.profileSection .ad-container,.profileSection .ad-container-2{width:10%;height:auto;position:fixed;top:50%;left:10px;transform:translateY(-50%)}.profileSection .ad-container-2{left:unset;right:10px}.profileSection>img,.profileSection>svg{max-width:425px;max-height:150px}.profileSection>img path:last-child,.profileSection>svg path:last-child{fill:var(--md-ref-palette-primary40)}.profileSection .manage-profile-btn-container{background-color:transparent;width:100%;height:150px;display:flex;align-items:flex-start;justify-content:center}.profileSection .manage-profile-btn-container .manage-profile-btn{cursor:pointer;padding:18px;width:200px;background:transparent;color:#fff;font-size:15px;font-weight:400;border:1px solid var(--md-source);letter-spacing:1px;outline:none;border-radius:5px;transition:.4s;background-color:var(--md-ref-palette-primary30)}.profileSection .manage-profile-btn-container .manage-profile-btn:hover{opacity:.5}.profileSection ::-webkit-scrollbar{display:none}.profileSection .profileList{max-height:450px;overflow-y:scroll}.profileSection .profileList .thumb{width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:20px;background-color:var(--md-ref-palette-primary90);border-radius:4px;transition:.4s;position:relative}.profileSection .profileList .thumb .edit-delete-icons-container{display:flex;position:absolute;top:0;left:0;width:100%;column-gap:20px;height:100%;align-items:center;justify-content:center;background-color:hsla(0,0%,41%,.6);transition:.5s}.profileSection .profileList .thumb .edit-delete-icons-container img{background-color:rgba(54,54,54,.6);padding:10px;border-radius:5px;width:50px;height:50px;cursor:pointer;transition:.5s}.profileSection .profileList .thumb .edit-delete-icons-container img:hover{background-color:rgba(87,87,87,.3)}.profileSection .profileList .thumb .text{font-size:20px;font-weight:500}.profileSection .profileList .thumb:not(.add) svg{width:100px}.profileSection .profileList .thumb.add .thumb{background-color:var(--md-ref-palette-primary40)}.profileSection .profileList .thumb.add svg{width:70px}.profileSection .profileList .thumb.add svg circle{fill:var(--md-ref-palette-primary30)}.profileSection .profileList .thumb:hover{cursor:pointer}.profileSection .profileList .thumb:hover .thumb{box-shadow:0 4px 30px 0 rgba(185,183,255,.698);border:6px solid #fff}@media only screen and (max-width:600px){.profileSection .manage-profile-btn-container{height:200px}.profileSection .manage-profile-btn-container .manage-profile-btn{width:70%}}.invalid-user-popupp{background-color:#fff;z-index:99999;transform:translateY(-50%);padding:40px 80px 30px;border-radius:5px;box-shadow:0 0 10px #5a5a5a}.invalid-user-popupp .cross-icon{border:2px solid red;border-radius:50%;padding:5px;width:60px;height:60px}.invalid-user-popupp .invalid-title{color:#595959;font-size:25px;font-weight:500;text-align:center}.invalid-user-popupp .action-btns{display:flex;column-gap:20px}.invalid-user-popupp .ok-btn{color:#fff;background:var(--md-source);border:none;padding:15px 20px;border-radius:5px}.invalid-user-popupp .ok-btn:hover{cursor:pointer}.invalid-user-popupp .ok-btn:nth-child(2){background:gray}.edit-modal-container{background-color:var(--md-sys-color-surface-dark)!important;min-width:600px}.edit-modal-container .heading p{font-size:20px;color:#fff;font-weight:500;margin:0;text-align:center;padding-top:25px}.edit-modal-container .login{height:auto;padding:25px}.edit-modal-container .login .loginForm{padding:0;margin:0}.edit-modal-container .login .heading{position:absolute;top:0;left:0;width:100%;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center}.edit-modal-container .login .heading p{font-size:20px;color:#fff;font-weight:500;text-align:center;padding:20px}.edit-modal-container .login .playlist-name-input{width:100%;border-radius:3px;padding:20px 15px;border:2px solid var(--md-ref-palette-primary60);outline:none;color:#fff;font-size:17px;background-color:var(--md-ref-palette-primary30)}.edit-modal-container .login .btns{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.edit-modal-container .login .btns button{width:100%;transition:.4s;padding:15px;border-radius:3px;font-size:16px;color:#fff;border:2px solid var(--md-sys-color-on-surface-dark);background-color:transparent;width:150px}.edit-modal-container .login .btns button:hover{cursor:pointer;background-color:var(--md-source)}@media only screen and (max-width:768px){.edit-modal-container{min-width:95%}}