.App{width:100%;height:100vh;position:relative;overflow:hidden;display:flex}.background{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/background-DhyiBBLK.jpg) no-repeat center;background-size:cover;filter:grayscale(100);z-index:-1}@media screen and (max-width: 748px){.App.mobile{top:60px;bottom:60px;height:auto}}.LeftMenu{width:280px;height:100%;min-height:100vh;z-index:1;background:var(--bg-color3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 15px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.LeftMenu .logoBox{color:var(--text-primary);display:flex;align-items:center;gap:2vh;justify-content:center;cursor:pointer;margin-bottom:3vh}.LeftMenu .logoBox img{height:50px;width:50px;border-radius:50%;object-fit:cover}.LeftMenu .logoBox i{font-size:25px}.LeftMenu .logoBox i:nth-of-type(2){font-size:20px!important}.LeftMenu .logoBox h2{font-size:22px}.LeftMenu .searchBox{width:100%;height:45px;position:relative;margin-top:20px;color:var(--text-primary);overflow:hidden;border-radius:10px}.LeftMenu .searchBox input{width:100%;height:100%;outline:none;border:none;background:#00000085;padding-left:45px;color:#fff;font-size:14px;font-weight:700}.LeftMenu .searchBox .searchIcon{position:absolute;color:#f0f8ff;top:0;left:0;width:45px;height:45px;text-align:center;line-height:45px;font-size:20px}.menuBox{margin:15px 0}.menuBox .title{color:var(--text-secondary4);font-size:12px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.menuBox ul{width:100%;padding:0}.menuBox ul li{list-style:none;margin:5px 0;width:100%;padding:5px 0;position:relative}.menuBox ul li a{text-decoration:none;color:var(--text-secondary4);display:flex;align-items:center;font-size:16px}.menuBox ul li a i{font-size:18px;margin-right:15px}.menuBox ul li:before{position:absolute;content:"";top:0;left:-15px;width:0px;height:100%;background:var(--button-color);border-radius:5px}.menuBox ul li:hover:before,.menuBox ul li.active:before{width:5px;transition:.3s}.menuBox ul li:hover a,.menuBox ul li.active a{color:var(--text-primary);transition:.3s}.playListBox{cursor:pointer;margin:15px 0}.playListBox .nameBox{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary4);margin-bottom:10px}.playListBox .nameBox p{font-size:12px;font-weight:700;text-transform:uppercase}.playListBox .nameBox i{cursor:pointer;color:var(--text-primary)}.playListBox .scrollBox{height:140px;overflow-x:hidden;overflow-y:scroll;position:relative}.playListBox .scrollBox .playList{display:flex;align-items:center;color:var(--text-secondary4);margin:10px 0}.playListBox .scrollBox .playList:hover{color:var(--text-primary);transition:.3s}.playListBox .scrollBox .playList .iconP{margin-right:15px}.playListBox .scrollBox .playList .trash{margin-left:auto;transition:.3s}.playListBox .scrollBox .playList .trash:hover{color:red}.playListBox .scrollBox .playList i{font-size:18px}.playListBox .scrollBox .playList p{font-size:16px;text-overflow:ellipsis;overflow:hidden;display:inline}.trackList{border-top:1px solid rgba(255,255,255,.103);padding-top:20px;margin-top:auto}.trackList .top{display:flex;align-items:center}.trackList .top img{width:50px!important}.trackList .top .trackName{margin-left:10px;color:var(--text-primary);font-size:14px}.trackList .top .trackName .trackArtist{display:block;font-size:12px;color:var(--text-secondary5)}.trackList .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:var(--text-secondary5)}.trackList .bottom i{font-size:18px}.trackList .bottom i:hover{color:var(--text-primary);transition:.3s;cursor:pointer}.trackList .bottom input{position:relative;height:5px;border:none;outline:none;border-radius:5px;background:var(--bg-color4);-webkit-appearance:none;-moz-appearance:none;appearance:none}.trackList .bottom input:before{position:absolute;content:"";top:0;left:0;background:#adff2f;width:var(--player-volume);height:100%;border-radius:10px;z-index:2}.trackList .bottom input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:20px;border-radius:10px;background:var(--text-primary);border:2px solid rgb(0,0,0);cursor:pointer;position:relative;margin:-2px 0 0;z-index:3;box-sizing:border-box;transition:all .25s linear}@media screen and (max-width: 1080px){.LeftMenu{width:64px;min-width:64px}.LeftMenu .logoBox img{height:40px;width:40px}.LeftMenu .logoBox h2{display:none}.LeftMenu .searchBox,.LeftMenu .playListBox,.LeftMenu .trackList,.LeftMenu .menuBox ul li a span{display:none}.LeftMenu .menuBox ul li a i{font-size:26px}.LeftMenu .menuBox ul li{margin:25px 0}.LeftMenu .logoBox h2{margin-left:20px}}@media screen and (max-height: 760px){.LeftMenu .searchBox{display:none}.playListBox .scrollBox{height:70px}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vh;flex-grow:1;background-color:var(--bg-color20)}.spinner{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 748px){.spinner-container{height:calc(100dvh - 120px)}}.rightMenu{height:100vh;width:100px;min-width:100px;z-index:1;background:var(--bg-color5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.103);transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:25px 0}.rightMenu .top,.rightMenu .profile{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.rightMenu .top i,.rightMenu .profile i,.rightMenu .profile p{margin:20px 0;color:var(--text-primary);text-align:center;font-size:20px;position:relative}.rightMenu .profile p{font-weight:700}.rightMenu .top i p span{color:var(--text-header);margin-right:5px}.rightMenu .top i.has-unseen:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;top:0;right:0;background:#45ab2e}.rightMenu .top i:hover .rightMenu .profile i:hover{transform:scale(1.2);transition:transform .3s}.rightMenu .top i p{font-size:14px}.rightMenu .profile .profileImg{width:40px;height:40px;overflow:hidden;border-radius:100%;box-shadow:0 0 20px #2229}.rightMenu .profile .profileImg img{width:100%;height:100%;object-fit:cover}.rightMenu .notificationsBox{position:absolute;width:30vh;height:100vh;background:var(--bg-color6);top:0;right:100px;display:flex;flex-direction:column;align-items:center;padding:2vh}.rightMenu .notificationsBox h5{color:var(--text-primary);font-weight:700;font-size:24px}.rightMenu .notificationsBox hr{width:100%;margin-top:1vh;margin-bottom:1vh}.rightMenu .notificationsBox .notificationsList{width:100%;display:flex;flex-direction:column;list-style:none;gap:2vh;padding:0;margin:0;overflow-y:auto}.rightMenu .notificationsBox .notificationsListItem{display:flex;align-items:center;gap:.5vh;background:#303030d4;border-radius:10px;padding:1vh;color:var(--text-secondary2);width:100%;position:relative}.rightMenu .notificationsBox .notificationsListItem img{width:5vh;height:5vh;border-radius:50%;object-fit:cover}.rightMenu .notificationsBox .notificationsListItem i{position:absolute;top:.5vh;right:.5vh;font-size:18px;cursor:pointer;color:wheat}.rightMenu .notificationsBox .notificationData{width:72%;padding:0 1vh;border-radius:5px;overflow:hidden}.rightMenu .notificationsBox .notificationData p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;color:#cdcdcd;line-height:1.2em;max-height:5em;margin:0;word-break:break-word;white-space:normal}.rightMenu .notificationsBox .notificationsListItem span{color:var(--text-secondary3);font-size:.9em}@media screen and (max-width: 1080px){.rightMenu{min-width:64px;width:64px}.rightMenu .profile .loginBtn{font-size:12px}.rightMenu .notificationsBox{right:64px;width:25vh;padding:1vh 1.5vh}.rightMenu .notificationsBox .notificationData{width:70%}.rightMenu .top i p span{font-size:11px}}.mobileNav-top{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-color21);display:flex;justify-content:space-between;align-items:center;padding:0 15px;z-index:10}.mobileNav-top-left{display:flex;align-items:center;cursor:pointer}.mobileNav-logo{height:40px;width:40px;object-fit:cover;margin-right:10px}.mobileNav-title{font-size:20px;font-weight:700;color:var(--text-primary)}.mobileNav-top-right{display:flex;align-items:center;cursor:pointer}.mobileNav-profile{height:40px;width:40px;border-radius:50%;object-fit:cover}.mobileNav-bottom{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-color21);display:flex;justify-content:space-around;align-items:center;padding:10px 0;z-index:10;border-top:1px solid rgba(0,0,0,.1)}.mobileNav-item{color:var(--text-secondary2);text-decoration:none;font-size:12px;text-align:center;position:relative}.mobileNav-item .icon{font-size:20px;margin-bottom:2px}.mobileNav-item.active{color:var(--text-primary)}.mobileNav-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100%;height:6px;background:var(--button-color);border-radius:5px;transition:all .3s ease}.mobileNav-icon{color:var(--text-secondary2);font-size:20px;cursor:pointer;position:relative}.mobileNav-icon:hover,.mobileNav-icon:active{color:var(--text-primary)}.badge{position:absolute;top:0;right:0;background:#45ab2e;color:var(--text-primary);height:13px;margin-right:12px}.mobileNotifications{position:fixed;top:60px;left:0;right:0;background:#121010d9;padding:10px;max-height:200px;overflow-y:auto;z-index:15}.mobileNav-bell{font-size:20px;cursor:pointer;margin-right:20px;transition:color .3s ease}.mobileNav-bell:hover,.mobileNav-bell:active{color:#fff}.mobileNotificationsModal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-color22);z-index:20;display:flex;flex-direction:column}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--bg-color21);border-bottom:1px solid rgba(255,255,255,.1)}.modalHeader h2{color:var(--text-primary);margin:0;font-size:18px}.closeBtn{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer}.modalContent{flex:1;padding:15px;overflow-y:auto}.mobileNav-user-dropdown{position:relative;display:inline-block;margin-left:10px;cursor:pointer}.mobileNav-userText{color:var(--text-secondary2);font-size:14px;margin:0;-webkit-user-select:none;user-select:none}.mobileNav-userText .mobileNav-menu{font-size:20px;color:var(--text-secondary2);cursor:pointer;margin-left:10px;transition:color .3s ease}.dropdown-menu{position:absolute;top:190%;right:-40%;background:var(--bg-color21);border:1px solid rgba(255,255,255,.1);border-radius:5px;box-shadow:0 2px 8px #0000004d;padding:10px 0;min-width:120px;z-index:30}.dropdown-item{padding:8px 15px;color:var(--text-secondary);font-size:14px;white-space:nowrap}.dropdown-item i{display:flex;gap:5px}.dropdown-item:hover{background:#ffffff1a;color:var(--text-primary)}.mobileNotificationsModal .notificationsBox{position:static;width:100%;height:auto;background:var(--bg-color22);display:flex;flex-direction:column;align-items:center;padding:2vh 1.5vh}.mobileNotificationsModal .notificationsBox h5.notificationsHeading,.mobileNotificationsModal .notificationsBox hr{display:none}.mobileNotificationsModal .notificationsBox .notificationsList{width:100%;display:flex;flex-direction:column;gap:2vh;padding:0;margin:0;overflow-y:auto}.mobileNotificationsModal .notificationsBox .notificationsListItem{display:flex;align-items:center;gap:.5vh;background:var(--bg-color15);border-radius:10px;padding:1vh;color:var(--text-secondary2);width:100%;position:relative}.mobileNotificationsModal .notificationsBox .notificationsListItem img{width:5vh;height:5vh;border-radius:10px;object-fit:cover}.mobileNotificationsModal .notificationsBox .notificationsListItem i{position:absolute;top:.5vh;right:.5vh;font-size:18px;cursor:pointer}.mobileNotificationsModal .notificationsBox .notificationData{width:72%;padding:0 1vh;border-radius:5px;overflow:hidden}.mobileNotificationsModal .notificationsBox .notificationData p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary2);line-height:1.2em;max-height:5em;margin:0;word-break:break-word;white-space:normal}.mobileNotificationsModal .notificationsBox .notificationsListItem span{color:var(--text-secondary3);font-size:.9em}.mobilePlaylistsModal{height:calc(100dvh - 120px);position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--bg-color22);z-index:20;display:flex;flex-direction:column;padding:10px}.mobilePlaylistsModal .modalHeader{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-color21);border-bottom:1px solid rgba(255,255,255,.1)}.mobilePlaylistsModal .modalHeader h2{color:var(--text-primary);margin:0;font-size:18px}.mobilePlaylistsModal .closeBtn{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer}.mobilePlaylistsModal .modalContent{flex:1;overflow-y:auto;padding:10px;background:var(--bg-color21);border-radius:5px;margin-top:10px}@media screen and (max-height: 500px){.mobilePlaylistsModal .modalHeader,.mobilePlaylistsModal .modalContent{padding:5px;font-size:14px}}.homeBox{height:100vh;width:100vw;z-index:1;flex-grow:1;background:var(--bg-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease;padding:20px;overflow-y:auto}.trending{margin-top:20px;display:flex;align-items:center;justify-content:space-between;color:var(--text-primary)}.trending img{width:300px;height:200px;border-radius:10px}.trending .left .info{margin-top:12px;padding:26px}.trending .left .info h2{font-size:56px;margin-bottom:8px}.trending .left .info h4,.trending .left .info h5{display:inline}.trending .left .info h5{margin-left:12px;color:var(--text-secondary)}.trending .left .info .buttons{margin-top:30px;display:flex;align-items:center;gap:16px}.trending .left .info .buttons button{padding:12px 16px;background-color:var(--button-color);border:none;border-radius:14px;color:var(--button-text);font-weight:700;cursor:pointer}.trending .left .info .buttons i{color:var(--button-color);height:44px;width:44px;display:flex;justify-content:center;align-items:center;border:2px solid white;padding:8px;border-radius:100%;cursor:pointer}.onTime{margin-top:14px;display:flex;gap:20px}.onTime .albums .header,.onTime .musicList .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.onTime .albums .header a,.onTime .musicList .header a{color:var(--text-header);font-size:12px;text-decoration:none}.onTime .albums{color:var(--text-primary);background-color:var(--bg-color2);padding:20px;border-radius:6px;width:40%}.onTime .albums .items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onTime .albums .items .item{padding:22px 10px;display:flex;align-items:center;border-radius:6px;cursor:pointer;gap:10px;transition:.3s ease-in-out}.onTime .albums .items .item .imgPic{position:relative}.onTime .albums .items .item .imgPic i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-size:2.5vh;opacity:0;color:var(--button-color);transition:opacity .3s ease-in-out;pointer-events:none}.onTime .albums .items .item img{width:70px;height:70px;object-fit:cover;border-radius:10px}.onTime .albums .items .item span,.onTime .albums .items .item p{font-size:15px;color:var(--text-primary)}.onTime .albums .items .item span{color:var(--text-secondary2)}.onTime .albums .items .item p{font-family:cursive;font-size:20px;font-weight:700}.onTime .albums .items .item:hover i{opacity:1}.onTime .albums .items .item:nth-child(1){background-color:var(--bg-color-home1)}.onTime .albums .items .item:nth-child(1):hover{background-color:var(--bg-color-home2)}.onTime .albums .items .item:nth-child(2){background-color:var(--bg-color-home3)}.onTime .albums .items .item:nth-child(2):hover{background-color:var(--bg-color-home4)}.onTime .albums .items .item:nth-child(3){background-color:var(--bg-color-home5)}.onTime .albums .items .item:nth-child(3):hover{background-color:var(--bg-color-home6)}.onTime .albums .items .item:nth-child(4){background-color:var(--bg-color-home7)}.onTime .albums .items .item:nth-child(4):hover{background-color:var(--bg-color-home8)}.onTime .albums .items .item:nth-child(5){background-color:var(--bg-color-home9)}.onTime .albums .items .item:nth-child(5):hover{background-color:var(--bg-color-home10)}.onTime .albums .items .item:nth-child(6){background-color:var(--bg-color-home11)}.onTime .albums .items .item:nth-child(6):hover{background-color:var(--bg-color-home12)}.onTime .musicList{background-color:var(--bg-color2);color:var(--text-primary);padding:20px;border-radius:6px;width:65%}.onTime .musicList .items .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;transition:transform .3s ease-in-out,box-shadow .2s ease-in-out;border-radius:15px;will-change:transform;padding:10px}.onTime .musicList .items .item:hover{box-shadow:var(--shadow2)}.onTime .musicList .items .item .info,.onTime .musicList .items .item .actions{display:flex;align-items:center;gap:20px}.onTime .musicList .items .item .info p{color:var(--text-secondary3);font-size:12px;font-weight:700;margin-top:6px}.onTime .musicList .items .item .info img{width:50px;height:50px;object-fit:cover;border-radius:10px}.onTime .musicList .items .item .actions p{font-size:13px;font-weight:700}.onTime .musicList .items .item .actions .icon{display:flex;align-items:center;justify-content:center;background-color:var(--text-secondary3);padding:6px;border:2px solid #464748;border-radius:6px}.onTime .musicList .items .item .actions .icon i{font-size:10px;color:var(--button-color)}.onTime .musicList .items .item .actions i{color:var(--text-secondary3);cursor:pointer}.onTime .musicList .items .item:last-child{margin-bottom:0}.favouriteArtists{width:100%;height:auto;margin-top:3vh;gap:20px;padding:20px;background-color:var(--bg-color2)}.favouriteArtists .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:var(--text-primary);font-size:24px}.favouriteArtists .header a{color:var(--text-header);font-size:14px;text-decoration:none}.favouriteArtists .artists{display:flex;flex-wrap:wrap;gap:1vw;justify-content:center}.favouriteArtists .artists .item{color:var(--text-primary);display:flex;flex-direction:column;width:17vh;height:20vh;padding:1vh;align-items:center;transition:transform .3s ease-in-out,box-shadow .2s ease-in-out;border-radius:15px;box-shadow:var(--shadow2);will-change:transform}.favouriteArtists .artists .item:hover{transform:scale(1.08);cursor:pointer}.favouriteArtists .artists .item .imgPic{position:relative}.favouriteArtists .artists .item .imgPic img{width:13vh;height:13vh;border-radius:50%;object-fit:cover}.favouriteArtists .artists .item .imgPic i{position:absolute;right:.5vh;bottom:.5vh;font-size:4vh;color:var(--button-color)}.favouriteArtists .artists .item .data{align-self:flex-start}.favouriteArtists .artists .item .data p{font-size:18px;font-weight:700}.favouriteArtists .artists .item .data span{font-size:12px;color:var(--text-secondary3)}@media screen and (max-width: 1900px){.favouriteArtists .artists .item:nth-child(8){display:none}}@media screen and (max-width: 1700px){.favouriteArtists .artists .item:nth-child(7){display:none}}@media screen and (max-width: 1500px){.favouriteArtists .artists .item:nth-child(6){display:none}}@media screen and (max-width: 1400px){.trending img{width:200px;height:180px}.trending .left .info h2{font-size:36px}.onTime .albums{width:30%}.onTime .albums .items{grid-template-columns:1fr}.onTime .albums .items .item{padding:10px}.onTime .albums .items .item span,.onTime .albums .items .item p{font-size:14px}.onTime .albums .items .item p{font-size:16px}.onTime .albums .items .item:nth-child(5),.onTime .albums .items .item:nth-child(6){display:none}.onTime .musicList .items .item .info p{display:none}.onTime .musicList .items .item .info .details p{display:block}.favouriteArtists .artists .item:nth-child(5){display:none}}@media screen and (max-width: 1200px){.trending .left .info h2{font-size:24px}.trending .left .info h5{display:block;font-size:12px;margin-left:0}.trending .left .info .buttons button{padding:10px 12px;font-size:12px}.trending .left .info .buttons i{height:38px;width:38px}.onTime{flex-direction:column}.onTime .albums{width:100%}.onTime .albums .items{grid-template-columns:1fr 1fr}.onTime .albums .items .item{padding:22px 10px}.onTime .albums .items .item span,.onTime .albums .items .item p{font-size:13px}.onTime .albums .items .item p{font-size:16px}.onTime .musicList{width:100%}}@media screen and (max-width: 1100px){.favouriteArtists .artists .item:nth-child(4){display:none}}@media screen and (max-width: 860px){.favouriteArtists .artists .item:nth-child(3){display:none}}@media screen and (max-width: 768px){.trending img{width:160px;height:140px}.trending .left .info .buttons button{padding:10px;font-size:10px}.trending .left .info .buttons i{height:36px;width:36px}.onTime .albums .items{gap:5px}.onTime .albums .items .item{padding:15px 8px;gap:5px}.onTime .albums .items .item img{width:50px;height:50px}.onTime .albums .items .item span,.onTime .albums .items .item p{font-size:12px}.onTime .albums .items .item p{font-size:14px}.onTime .musicList{width:100%}.favouriteArtists{height:50vh}.favouriteArtists .artists{align-items:center;flex-direction:column}}@media screen and (max-height: 740px){.favouriteArtists .artists .item:nth-child(5){display:block}}@media screen and (max-width: 748px){.homeBox{height:calc(100dvh - 120px)}}.error-alert{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;flex-grow:1;flex-direction:column;background-color:var(--bg-color20)}.error-alert .error{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.error-details{display:flex;flex-direction:column}.error-details p{margin-top:1rem;font-size:2vh;color:var(--text-primary);text-align:center;padding:0 1rem;word-wrap:break-word}.chatView{height:100vh;width:calc(100vw - 380px);z-index:1;flex-grow:1;background:var(--bg-color10);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease;display:flex}.chatView .chatList{display:flex;height:100vh;flex-direction:column;width:30%;border-right:1px solid rgb(136,136,136)}.chatView .chat{width:70%;border-left:1px solid rgb(136,136,136);height:100%;display:flex;flex-direction:column}.chatView .chatNone{flex:3;color:var(--text-secondary);text-align:center;margin-top:10vh;font-size:30px}.chatView .chatList .userInfo{display:flex;align-items:center;justify-content:space-between;padding:20px}.userInfo .user{display:flex;align-items:center;gap:20px}.userInfo .user img{width:50px;height:50px;background:#626268;border-radius:50%;object-fit:cover;cursor:pointer}.userInfo .user h2{color:var(--text-primary);font-size:22px;font-weight:700}.userInfo .icons{display:flex;gap:20px}.userInfo .icons i{width:20px;color:var(--text-primary)}.chatUserList{flex:1;overflow:scroll}.chatUserList .search{display:flex;align-items:center;gap:20px;padding:20px}.chatUserList .search .searchBar{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg-color7);border-radius:10px;padding:10px;max-width:100%}.chatUserList .search .searchBar input{background-color:transparent;outline:none;border:none;color:var(--text-primary);width:100%}.chatUserList .search .searchBar i{color:var(--text-primary)}.chatUserList .search .addUserBtn{width:36px;height:36px;background:var(--bg-color7);padding:5px;border-radius:10px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:30px}.chatUserList .userItem{display:flex;align-items:center;gap:20px;padding:20px;cursor:pointer;border-bottom:1px solid rgb(136,136,136)}.chatUserList .userItem img{height:50px;width:50px;background:#0f0f0f;object-fit:cover;border-radius:50%}.chatUserList .userItem .text{display:flex;flex-direction:column;gap:10px}.chatUserList .userItem .text span{font-weight:500;color:var(--text-primary)}.chatUserList .userItem .text p{font-size:14px;font-weight:300;color:var(--text-primary)}.chatUserList .userItem i{color:var(--text-primary);font-size:24px;margin-left:auto;transition:.3s ease-in-out}.chatUserList .userItem i:hover{color:red}.chat .top{height:10%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgb(136,136,136)}.chat .top .user{display:flex;align-items:center;gap:20px}.chat .top .user img{height:60px;width:60px;border-radius:50%;background:#000;object-fit:cover;cursor:pointer}.chat .top .user .userData{display:flex;flex-direction:column;gap:5px}.chat .top .user .userData span{font-size:18px;color:var(--text-primary);font-weight:700}.chat .top .user .userData p{font-weight:300;font-size:14px;color:var(--text-header)}.chat .top .icons{display:flex;gap:20px}.chat .top .icons i{color:var(--text-primary);font-size:16px}.chat .center{width:100%;padding:20px;height:80%;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.chat .center .message{max-width:70%;display:flex;gap:20px;align-items:flex-start}.chat .center .message img{width:40px;height:40px;background:#000;object-fit:cover;border-radius:50%;cursor:pointer}.chat .center .text{display:flex;flex-direction:column;gap:5px;max-width:100%}.chat .center .text img{width:100%;height:300px;border-radius:10px;object-fit:cover}.chat .center .text p{background:#373737;padding:20px;border-radius:10px;color:#cdcdcd;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word}.chat .center .text span{color:var(--text-primary);font-size:13px}.chat .center .text .info{display:flex;justify-content:flex-start;gap:2vh}.chat .center .text .info button{display:none;border:none;outline:none;padding:5px 10px;border-radius:8px;font-weight:700;transition:.3s ease-in-out;cursor:pointer}.chat .center .text .info button:hover{color:var(--button-color);background:var( --bg-color7)}.chat .center .messageOwn{max-width:70%;align-self:flex-end}.chat .center .messageOwn img{display:none}.chat .center .messageOwn .text{gap:5px}.chat .center .messageOwn .text .info{justify-content:flex-end}.chat .center .messageOwn .text p{background:#9a9c9c;color:#000}.chat .center .messageOwn .info button{display:block}.chat .bottom{height:10%;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid rgb(136,136,136);gap:20px;margin-top:auto}.chat .bottom .icons{display:flex;gap:20px}.chat .bottom i{color:var(--text-primary);font-size:18px;cursor:pointer}.chat .bottom input{background:var(--bg-color7);border:none;outline:none;color:var(--text-primary);padding:20px;font-size:16px;border-radius:10px;min-width:50%}.chat .bottom .emoji{position:relative}.chat .bottom .emoji .emojiPickerWrapper{position:absolute;z-index:5;bottom:45px;left:-265px}.chat .bottom .sendButton{background:var(--bg-color13);padding:10px 20px;color:var(--text-primary);border:none;border-radius:5px;cursor:pointer}.addUser{width:max-content;height:max-content;padding:30px;position:absolute;border-radius:10px;background:var(--bg-color18);top:0;bottom:0;right:0;left:0;margin:auto}.addUser .cancel{position:absolute;font-size:2vh;right:1vh;top:1vh;color:var(--button-cancel)}.addUser form{display:flex;gap:20px}.addUser form input{border:none;outline:none;padding:15px;border-radius:10px}.addUser form button{padding:15px;border-radius:10px;background:#353535;border:none;cursor:pointer;color:#fff}.addUser .userList{display:flex;flex-direction:column;overflow:scroll;height:25vh}.addUser .user{margin-top:50px;display:flex;align-items:center;justify-content:space-between}.addUser .user .detail{display:flex;align-items:center;gap:20px}.addUser .user .detail img{height:50px;width:50px;border-radius:50%;object-fit:cover;background:#000}.addUser .user .detail span{color:#fff}.addUser .user button{padding:10px;border-radius:10px;background:#353535;border:none;cursor:pointer;color:var(--text-primary)}.styledButton{padding:10px 20px;border:none;border-radius:10px;background:#353535;color:#fff;cursor:pointer;transition:background .3s ease-in-out}.styledButton:hover{background:#353535cc}.addUser .user.selected{padding:5px;border-radius:10px;background:#353535cc}.addUser .groupNameInput{margin:20px 0}.addUser .groupNameInput input{width:100%;padding:10px;border-radius:10px;border:none;outline:none;background:#0a0a0aa1;color:#fff}.addUser{text-align:center}.editMessageInput{padding:10px;background:#343436cc;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);border-radius:5px;font-size:16px;width:100%;box-sizing:border-box}.editMessageInput:focus{outline:none;border-color:#0ff}@media screen and (max-width: 1080px){.chatList{z-index:6;background:#252525}.chatView .chatList.hidden{width:40px;background:transparent;transform:translate(-100%);transition:transform .2s ease-in-out}.chatView .chatList.hidden .userInfo .user,.chatView .chatList.hidden .userInfo .icons{display:none}.chatView .chatList.hidden .chatUserList{display:none}.chatView .chatList.visible{position:absolute;transform:translate(0);transition:transform .2s ease-in-out}.chatUserList .userItem{gap:15px}.chatUserList .userItem img{height:45px;width:45px}.chatUserList .userItem .text{gap:5px}.chat .center{padding:20px;gap:20px}.chat .center .message{gap:10px}.chat .center .message img{width:30px;height:30px}.chat .center .message .text{gap:5px}.chat .center .message .text img{width:100%;height:300px}.chat .center .messageOwn .text{gap:5px}.chat .bottom{gap:10px;padding:10px}.chat .bottom .icons{gap:10px}.chat .bottom input{padding:15px 20px}.chat .bottom .sendButton{padding:10px}.chatView{flex-direction:column}.chatView .chatList{width:100%;border-right:none}.chatView .chat{width:100%}.chatView.mobile-mode .chat{display:none}.chat .top .backBtn{background:none;border:none;color:var(--text-primary);font-size:16px;padding:10px;cursor:pointer}}@media screen and (max-width: 748px){.chatView{height:calc(100dvh - 120px)}.chatView .chatList .userInfo{padding:10px}.chatView .chatList .userInfo .user{gap:10px}.chatView .chatList .userInfo .user img{height:45px;width:45px}.chatView .chatList .userInfo .user h2{font-size:18px}.chatView .chatList .userInfo .icons{gap:10px;margin-left:10px}.chatView .chatList .userInfo .icons i{width:20px}.chat .top{padding:10px}.chat .top .user{gap:10px}.chat .top .user img{height:45px;width:45px}.chat .top .user .userData{gap:5px}.chat .top .user .userData span,.chat .top .user .userData p{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .top .icons{gap:10px;margin-left:20%}}.albumsView,.artistsView,.artistAlbums,.fans{height:100vh;width:100vw;z-index:1;flex-grow:1;background:var(--bg-color7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease;display:flex;flex-direction:column}.albumsView .banner,.artistsView .banner,.artistAlbums .banner,.fans .banner{height:26vh;position:relative}.albumsView .banner img,.artistsView .banner img,.artistAlbums .banner img,.fans .banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100)}.albumsView .banner .bottom,.artistsView .banner .bottom,.artistAlbums .banner .bottom,.fans .banner .bottom{position:absolute;bottom:0;left:0;width:100%;height:5rem;background-image:linear-gradient(transparent,#000)}.albumsView .searchBox,.artistsView .searchBox,.artistAlbums .searchBox,.fans .searchBox{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:3vh;height:6vh;margin-bottom:3vh;box-shadow:none}.albumsView .searchBox .search,.artistsView .searchBox .search,.artistAlbums .searchBox .search,.fans .searchBox .search{width:25vh;height:45px;position:relative;color:var(--text-primary);overflow:hidden;border-radius:10px}.albumsView .searchBox .search input,.artistsView .searchBox .search input,.artistAlbums .searchBox .search input,.fans .searchBox .search input{width:100%;height:100%;outline:none;border:none;background:#ffffffa1;padding-left:45px;color:#000;font-size:14px;font-weight:700}.albumsView .searchBox .search .searchIcon,.artistsView .searchBox .search .searchIcon,.artistAlbums .searchBox .search .searchIcon,.fans .searchBox .search .searchIcon{position:absolute;color:var(--text-primary);top:0;left:0;width:45px;height:45px;text-align:center;line-height:45px;font-size:20px}.albumsView .searchBox button,.artistsView .searchBox button,.artistAlbums .searchBox button,.fans .searchBox button{outline:none;border:none;padding:10px 15px;background:var(--button-color);color:var(--button-text);border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}.albumsView .albums,.albumsView .artists,.albumsView .users,.artistsView .albums,.artistsView .artists,.artistsView .users,.artistAlbums .albums,.artistAlbums .artists,.artistAlbums .users,.fans .albums,.fans .artists,.fans .users{display:flex;flex-wrap:wrap;width:100%;height:62vh;gap:8vh 12vh;padding:1vh 5vh;overflow:scroll}.albumsView .albums .album,.albumsView .albums .artist,.albumsView .albums .user,.albumsView .artists .album,.albumsView .artists .artist,.albumsView .artists .user,.albumsView .users .album,.albumsView .users .artist,.albumsView .users .user,.artistsView .albums .album,.artistsView .albums .artist,.artistsView .albums .user,.artistsView .artists .album,.artistsView .artists .artist,.artistsView .artists .user,.artistsView .users .album,.artistsView .users .artist,.artistsView .users .user,.artistAlbums .albums .album,.artistAlbums .albums .artist,.artistAlbums .albums .user,.artistAlbums .artists .album,.artistAlbums .artists .artist,.artistAlbums .artists .user,.artistAlbums .users .album,.artistAlbums .users .artist,.artistAlbums .users .user,.fans .albums .album,.fans .albums .artist,.fans .albums .user,.fans .artists .album,.fans .artists .artist,.fans .artists .user,.fans .users .album,.fans .users .artist,.fans .users .user{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;position:relative;background-color:var(--bg-color8);padding:20px;border-radius:8px;width:29vh;height:34vh;box-shadow:var(--shadow4);transition:transform .3s ease-in-out,box-shadow .2s ease-in-out;will-change:transform;cursor:pointer}.albumsView .albums .album:hover,.albumsView .albums .artist:hover,.albumsView .albums .user:hover,.albumsView .artists .album:hover,.albumsView .artists .artist:hover,.albumsView .artists .user:hover,.albumsView .users .album:hover,.albumsView .users .artist:hover,.albumsView .users .user:hover,.artistsView .albums .album:hover,.artistsView .albums .artist:hover,.artistsView .albums .user:hover,.artistsView .artists .album:hover,.artistsView .artists .artist:hover,.artistsView .artists .user:hover,.artistsView .users .album:hover,.artistsView .users .artist:hover,.artistsView .users .user:hover,.artistAlbums .albums .album:hover,.artistAlbums .albums .artist:hover,.artistAlbums .albums .user:hover,.artistAlbums .artists .album:hover,.artistAlbums .artists .artist:hover,.artistAlbums .artists .user:hover,.artistAlbums .users .album:hover,.artistAlbums .users .artist:hover,.artistAlbums .users .user:hover,.fans .albums .album:hover,.fans .albums .artist:hover,.fans .albums .user:hover,.fans .artists .album:hover,.fans .artists .artist:hover,.fans .artists .user:hover,.fans .users .album:hover,.fans .users .artist:hover,.fans .users .user:hover{transform:scale(1.05);box-shadow:var(--shadow2)}.albumsView .albums .album:hover img,.albumsView .albums .artist:hover img,.albumsView .albums .user:hover img,.albumsView .artists .album:hover img,.albumsView .artists .artist:hover img,.albumsView .artists .user:hover img,.albumsView .users .album:hover img,.albumsView .users .artist:hover img,.albumsView .users .user:hover img,.artistsView .albums .album:hover img,.artistsView .albums .artist:hover img,.artistsView .albums .user:hover img,.artistsView .artists .album:hover img,.artistsView .artists .artist:hover img,.artistsView .artists .user:hover img,.artistsView .users .album:hover img,.artistsView .users .artist:hover img,.artistsView .users .user:hover img,.artistAlbums .albums .album:hover img,.artistAlbums .albums .artist:hover img,.artistAlbums .albums .user:hover img,.artistAlbums .artists .album:hover img,.artistAlbums .artists .artist:hover img,.artistAlbums .artists .user:hover img,.artistAlbums .users .album:hover img,.artistAlbums .users .artist:hover img,.artistAlbums .users .user:hover img,.fans .albums .album:hover img,.fans .albums .artist:hover img,.fans .albums .user:hover img,.fans .artists .album:hover img,.fans .artists .artist:hover img,.fans .artists .user:hover img,.fans .users .album:hover img,.fans .users .artist:hover img,.fans .users .user:hover img{filter:grayscale(100)}.albumsView .albums .album img,.albumsView .albums .artist img,.albumsView .albums .user img,.albumsView .artists .album img,.albumsView .artists .artist img,.albumsView .artists .user img,.albumsView .users .album img,.albumsView .users .artist img,.albumsView .users .user img,.artistsView .albums .album img,.artistsView .albums .artist img,.artistsView .albums .user img,.artistsView .artists .album img,.artistsView .artists .artist img,.artistsView .artists .user img,.artistsView .users .album img,.artistsView .users .artist img,.artistsView .users .user img,.artistAlbums .albums .album img,.artistAlbums .albums .artist img,.artistAlbums .albums .user img,.artistAlbums .artists .album img,.artistAlbums .artists .artist img,.artistAlbums .artists .user img,.artistAlbums .users .album img,.artistAlbums .users .artist img,.artistAlbums .users .user img,.fans .albums .album img,.fans .albums .artist img,.fans .albums .user img,.fans .artists .album img,.fans .artists .artist img,.fans .artists .user img,.fans .users .album img,.fans .users .artist img,.fans .users .user img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:.3s}.albumsView .albums .album span,.albumsView .albums .album p,.albumsView .albums .artist span,.albumsView .albums .artist p,.albumsView .albums .user span,.albumsView .albums .user p,.albumsView .artists .album span,.albumsView .artists .album p,.albumsView .artists .artist span,.albumsView .artists .artist p,.albumsView .artists .user span,.albumsView .artists .user p,.albumsView .users .album span,.albumsView .users .album p,.albumsView .users .artist span,.albumsView .users .artist p,.albumsView .users .user span,.albumsView .users .user p,.artistsView .albums .album span,.artistsView .albums .album p,.artistsView .albums .artist span,.artistsView .albums .artist p,.artistsView .albums .user span,.artistsView .albums .user p,.artistsView .artists .album span,.artistsView .artists .album p,.artistsView .artists .artist span,.artistsView .artists .artist p,.artistsView .artists .user span,.artistsView .artists .user p,.artistsView .users .album span,.artistsView .users .album p,.artistsView .users .artist span,.artistsView .users .artist p,.artistsView .users .user span,.artistsView .users .user p,.artistAlbums .albums .album span,.artistAlbums .albums .album p,.artistAlbums .albums .artist span,.artistAlbums .albums .artist p,.artistAlbums .albums .user span,.artistAlbums .albums .user p,.artistAlbums .artists .album span,.artistAlbums .artists .album p,.artistAlbums .artists .artist span,.artistAlbums .artists .artist p,.artistAlbums .artists .user span,.artistAlbums .artists .user p,.artistAlbums .users .album span,.artistAlbums .users .album p,.artistAlbums .users .artist span,.artistAlbums .users .artist p,.artistAlbums .users .user span,.artistAlbums .users .user p,.fans .albums .album span,.fans .albums .album p,.fans .albums .artist span,.fans .albums .artist p,.fans .albums .user span,.fans .albums .user p,.fans .artists .album span,.fans .artists .album p,.fans .artists .artist span,.fans .artists .artist p,.fans .artists .user span,.fans .artists .user p,.fans .users .album span,.fans .users .album p,.fans .users .artist span,.fans .users .artist p,.fans .users .user span,.fans .users .user p{font-size:15px;color:var(--text-primary)}.albumsView .albums .album span,.albumsView .albums .artist span,.albumsView .albums .user span,.albumsView .artists .album span,.albumsView .artists .artist span,.albumsView .artists .user span,.albumsView .users .album span,.albumsView .users .artist span,.albumsView .users .user span,.artistsView .albums .album span,.artistsView .albums .artist span,.artistsView .albums .user span,.artistsView .artists .album span,.artistsView .artists .artist span,.artistsView .artists .user span,.artistsView .users .album span,.artistsView .users .artist span,.artistsView .users .user span,.artistAlbums .albums .album span,.artistAlbums .albums .artist span,.artistAlbums .albums .user span,.artistAlbums .artists .album span,.artistAlbums .artists .artist span,.artistAlbums .artists .user span,.artistAlbums .users .album span,.artistAlbums .users .artist span,.artistAlbums .users .user span,.fans .albums .album span,.fans .albums .artist span,.fans .albums .user span,.fans .artists .album span,.fans .artists .artist span,.fans .artists .user span,.fans .users .album span,.fans .users .artist span,.fans .users .user span{color:var(--text-secondary2)}.albumsView .albums .album p,.albumsView .albums .artist p,.albumsView .albums .user p,.albumsView .artists .album p,.albumsView .artists .artist p,.albumsView .artists .user p,.albumsView .users .album p,.albumsView .users .artist p,.albumsView .users .user p,.artistsView .albums .album p,.artistsView .albums .artist p,.artistsView .albums .user p,.artistsView .artists .album p,.artistsView .artists .artist p,.artistsView .artists .user p,.artistsView .users .album p,.artistsView .users .artist p,.artistsView .users .user p,.artistAlbums .albums .album p,.artistAlbums .albums .artist p,.artistAlbums .albums .user p,.artistAlbums .artists .album p,.artistAlbums .artists .artist p,.artistAlbums .artists .user p,.artistAlbums .users .album p,.artistAlbums .users .artist p,.artistAlbums .users .user p,.fans .albums .album p,.fans .albums .artist p,.fans .albums .user p,.fans .artists .album p,.fans .artists .artist p,.fans .artists .user p,.fans .users .album p,.fans .users .artist p,.fans .users .user p{font-family:cursive;font-size:20px;font-weight:700}.albumsView .albums .album .play,.albumsView .albums .album .listen,.albumsView .albums .album .push,.albumsView .albums .artist .play,.albumsView .albums .artist .listen,.albumsView .albums .artist .push,.albumsView .albums .user .play,.albumsView .albums .user .listen,.albumsView .albums .user .push,.albumsView .artists .album .play,.albumsView .artists .album .listen,.albumsView .artists .album .push,.albumsView .artists .artist .play,.albumsView .artists .artist .listen,.albumsView .artists .artist .push,.albumsView .artists .user .play,.albumsView .artists .user .listen,.albumsView .artists .user .push,.albumsView .users .album .play,.albumsView .users .album .listen,.albumsView .users .album .push,.albumsView .users .artist .play,.albumsView .users .artist .listen,.albumsView .users .artist .push,.albumsView .users .user .play,.albumsView .users .user .listen,.albumsView .users .user .push,.artistsView .albums .album .play,.artistsView .albums .album .listen,.artistsView .albums .album .push,.artistsView .albums .artist .play,.artistsView .albums .artist .listen,.artistsView .albums .artist .push,.artistsView .albums .user .play,.artistsView .albums .user .listen,.artistsView .albums .user .push,.artistsView .artists .album .play,.artistsView .artists .album .listen,.artistsView .artists .album .push,.artistsView .artists .artist .play,.artistsView .artists .artist .listen,.artistsView .artists .artist .push,.artistsView .artists .user .play,.artistsView .artists .user .listen,.artistsView .artists .user .push,.artistsView .users .album .play,.artistsView .users .album .listen,.artistsView .users .album .push,.artistsView .users .artist .play,.artistsView .users .artist .listen,.artistsView .users .artist .push,.artistsView .users .user .play,.artistsView .users .user .listen,.artistsView .users .user .push,.artistAlbums .albums .album .play,.artistAlbums .albums .album .listen,.artistAlbums .albums .album .push,.artistAlbums .albums .artist .play,.artistAlbums .albums .artist .listen,.artistAlbums .albums .artist .push,.artistAlbums .albums .user .play,.artistAlbums .albums .user .listen,.artistAlbums .albums .user .push,.artistAlbums .artists .album .play,.artistAlbums .artists .album .listen,.artistAlbums .artists .album .push,.artistAlbums .artists .artist .play,.artistAlbums .artists .artist .listen,.artistAlbums .artists .artist .push,.artistAlbums .artists .user .play,.artistAlbums .artists .user .listen,.artistAlbums .artists .user .push,.artistAlbums .users .album .play,.artistAlbums .users .album .listen,.artistAlbums .users .album .push,.artistAlbums .users .artist .play,.artistAlbums .users .artist .listen,.artistAlbums .users .artist .push,.artistAlbums .users .user .play,.artistAlbums .users .user .listen,.artistAlbums .users .user .push,.fans .albums .album .play,.fans .albums .album .listen,.fans .albums .album .push,.fans .albums .artist .play,.fans .albums .artist .listen,.fans .albums .artist .push,.fans .albums .user .play,.fans .albums .user .listen,.fans .albums .user .push,.fans .artists .album .play,.fans .artists .album .listen,.fans .artists .album .push,.fans .artists .artist .play,.fans .artists .artist .listen,.fans .artists .artist .push,.fans .artists .user .play,.fans .artists .user .listen,.fans .artists .user .push,.fans .users .album .play,.fans .users .album .listen,.fans .users .album .push,.fans .users .artist .play,.fans .users .artist .listen,.fans .users .artist .push,.fans .users .user .play,.fans .users .user .listen,.fans .users .user .push{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-size:4vh;opacity:0;color:var(--button-color);transition:opacity .3s ease-in-out;pointer-events:none}.albumsView .albums .album .listen,.albumsView .albums .album .push,.albumsView .albums .artist .listen,.albumsView .albums .artist .push,.albumsView .albums .user .listen,.albumsView .albums .user .push,.albumsView .artists .album .listen,.albumsView .artists .album .push,.albumsView .artists .artist .listen,.albumsView .artists .artist .push,.albumsView .artists .user .listen,.albumsView .artists .user .push,.albumsView .users .album .listen,.albumsView .users .album .push,.albumsView .users .artist .listen,.albumsView .users .artist .push,.albumsView .users .user .listen,.albumsView .users .user .push,.artistsView .albums .album .listen,.artistsView .albums .album .push,.artistsView .albums .artist .listen,.artistsView .albums .artist .push,.artistsView .albums .user .listen,.artistsView .albums .user .push,.artistsView .artists .album .listen,.artistsView .artists .album .push,.artistsView .artists .artist .listen,.artistsView .artists .artist .push,.artistsView .artists .user .listen,.artistsView .artists .user .push,.artistsView .users .album .listen,.artistsView .users .album .push,.artistsView .users .artist .listen,.artistsView .users .artist .push,.artistsView .users .user .listen,.artistsView .users .user .push,.artistAlbums .albums .album .listen,.artistAlbums .albums .album .push,.artistAlbums .albums .artist .listen,.artistAlbums .albums .artist .push,.artistAlbums .albums .user .listen,.artistAlbums .albums .user .push,.artistAlbums .artists .album .listen,.artistAlbums .artists .album .push,.artistAlbums .artists .artist .listen,.artistAlbums .artists .artist .push,.artistAlbums .artists .user .listen,.artistAlbums .artists .user .push,.artistAlbums .users .album .listen,.artistAlbums .users .album .push,.artistAlbums .users .artist .listen,.artistAlbums .users .artist .push,.artistAlbums .users .user .listen,.artistAlbums .users .user .push,.fans .albums .album .listen,.fans .albums .album .push,.fans .albums .artist .listen,.fans .albums .artist .push,.fans .albums .user .listen,.fans .albums .user .push,.fans .artists .album .listen,.fans .artists .album .push,.fans .artists .artist .listen,.fans .artists .artist .push,.fans .artists .user .listen,.fans .artists .user .push,.fans .users .album .listen,.fans .users .album .push,.fans .users .artist .listen,.fans .users .artist .push,.fans .users .user .listen,.fans .users .user .push{display:flex;height:5vh;width:5vh;background:var(--button-color);color:var(--button-text);border-radius:100%;font-size:3vh;align-items:center;justify-content:center}.albumsView .albums .album:hover .play,.albumsView .albums .album:hover .listen,.albumsView .albums .album:hover .push,.albumsView .albums .artist:hover .play,.albumsView .albums .artist:hover .listen,.albumsView .albums .artist:hover .push,.albumsView .albums .user:hover .play,.albumsView .albums .user:hover .listen,.albumsView .albums .user:hover .push,.albumsView .artists .album:hover .play,.albumsView .artists .album:hover .listen,.albumsView .artists .album:hover .push,.albumsView .artists .artist:hover .play,.albumsView .artists .artist:hover .listen,.albumsView .artists .artist:hover .push,.albumsView .artists .user:hover .play,.albumsView .artists .user:hover .listen,.albumsView .artists .user:hover .push,.albumsView .users .album:hover .play,.albumsView .users .album:hover .listen,.albumsView .users .album:hover .push,.albumsView .users .artist:hover .play,.albumsView .users .artist:hover .listen,.albumsView .users .artist:hover .push,.albumsView .users .user:hover .play,.albumsView .users .user:hover .listen,.albumsView .users .user:hover .push,.artistsView .albums .album:hover .play,.artistsView .albums .album:hover .listen,.artistsView .albums .album:hover .push,.artistsView .albums .artist:hover .play,.artistsView .albums .artist:hover .listen,.artistsView .albums .artist:hover .push,.artistsView .albums .user:hover .play,.artistsView .albums .user:hover .listen,.artistsView .albums .user:hover .push,.artistsView .artists .album:hover .play,.artistsView .artists .album:hover .listen,.artistsView .artists .album:hover .push,.artistsView .artists .artist:hover .play,.artistsView .artists .artist:hover .listen,.artistsView .artists .artist:hover .push,.artistsView .artists .user:hover .play,.artistsView .artists .user:hover .listen,.artistsView .artists .user:hover .push,.artistsView .users .album:hover .play,.artistsView .users .album:hover .listen,.artistsView .users .album:hover .push,.artistsView .users .artist:hover .play,.artistsView .users .artist:hover .listen,.artistsView .users .artist:hover .push,.artistsView .users .user:hover .play,.artistsView .users .user:hover .listen,.artistsView .users .user:hover .push,.artistAlbums .albums .album:hover .play,.artistAlbums .albums .album:hover .listen,.artistAlbums .albums .album:hover .push,.artistAlbums .albums .artist:hover .play,.artistAlbums .albums .artist:hover .listen,.artistAlbums .albums .artist:hover .push,.artistAlbums .albums .user:hover .play,.artistAlbums .albums .user:hover .listen,.artistAlbums .albums .user:hover .push,.artistAlbums .artists .album:hover .play,.artistAlbums .artists .album:hover .listen,.artistAlbums .artists .album:hover .push,.artistAlbums .artists .artist:hover .play,.artistAlbums .artists .artist:hover .listen,.artistAlbums .artists .artist:hover .push,.artistAlbums .artists .user:hover .play,.artistAlbums .artists .user:hover .listen,.artistAlbums .artists .user:hover .push,.artistAlbums .users .album:hover .play,.artistAlbums .users .album:hover .listen,.artistAlbums .users .album:hover .push,.artistAlbums .users .artist:hover .play,.artistAlbums .users .artist:hover .listen,.artistAlbums .users .artist:hover .push,.artistAlbums .users .user:hover .play,.artistAlbums .users .user:hover .listen,.artistAlbums .users .user:hover .push,.fans .albums .album:hover .play,.fans .albums .album:hover .listen,.fans .albums .album:hover .push,.fans .albums .artist:hover .play,.fans .albums .artist:hover .listen,.fans .albums .artist:hover .push,.fans .albums .user:hover .play,.fans .albums .user:hover .listen,.fans .albums .user:hover .push,.fans .artists .album:hover .play,.fans .artists .album:hover .listen,.fans .artists .album:hover .push,.fans .artists .artist:hover .play,.fans .artists .artist:hover .listen,.fans .artists .artist:hover .push,.fans .artists .user:hover .play,.fans .artists .user:hover .listen,.fans .artists .user:hover .push,.fans .users .album:hover .play,.fans .users .album:hover .listen,.fans .users .album:hover .push,.fans .users .artist:hover .play,.fans .users .artist:hover .listen,.fans .users .artist:hover .push,.fans .users .user:hover .play,.fans .users .user:hover .listen,.fans .users .user:hover .push{opacity:1}.albumsView .albums .artist .imgPic,.albumsView .albums .user .imgPic,.albumsView .artists .artist .imgPic,.albumsView .artists .user .imgPic,.albumsView .users .artist .imgPic,.albumsView .users .user .imgPic,.artistsView .albums .artist .imgPic,.artistsView .albums .user .imgPic,.artistsView .artists .artist .imgPic,.artistsView .artists .user .imgPic,.artistsView .users .artist .imgPic,.artistsView .users .user .imgPic,.artistAlbums .albums .artist .imgPic,.artistAlbums .albums .user .imgPic,.artistAlbums .artists .artist .imgPic,.artistAlbums .artists .user .imgPic,.artistAlbums .users .artist .imgPic,.artistAlbums .users .user .imgPic,.fans .albums .artist .imgPic,.fans .albums .user .imgPic,.fans .artists .artist .imgPic,.fans .artists .user .imgPic,.fans .users .artist .imgPic,.fans .users .user .imgPic{width:25vh;height:25vh;position:relative}.albumsView .albums .artist .imgPic .check,.albumsView .albums .user .imgPic .check,.albumsView .artists .artist .imgPic .check,.albumsView .artists .user .imgPic .check,.albumsView .users .artist .imgPic .check,.albumsView .users .user .imgPic .check,.artistsView .albums .artist .imgPic .check,.artistsView .albums .user .imgPic .check,.artistsView .artists .artist .imgPic .check,.artistsView .artists .user .imgPic .check,.artistsView .users .artist .imgPic .check,.artistsView .users .user .imgPic .check,.artistAlbums .albums .artist .imgPic .check,.artistAlbums .albums .user .imgPic .check,.artistAlbums .artists .artist .imgPic .check,.artistAlbums .artists .user .imgPic .check,.artistAlbums .users .artist .imgPic .check,.artistAlbums .users .user .imgPic .check,.fans .albums .artist .imgPic .check,.fans .albums .user .imgPic .check,.fans .artists .artist .imgPic .check,.fans .artists .user .imgPic .check,.fans .users .artist .imgPic .check,.fans .users .user .imgPic .check{height:4vh;width:4vh;position:absolute;right:1vh;bottom:1vh}.albumsView .albums .artist p,.albumsView .albums .user p,.albumsView .artists .artist p,.albumsView .artists .user p,.albumsView .users .artist p,.albumsView .users .user p,.artistsView .albums .artist p,.artistsView .albums .user p,.artistsView .artists .artist p,.artistsView .artists .user p,.artistsView .users .artist p,.artistsView .users .user p,.artistAlbums .albums .artist p,.artistAlbums .albums .user p,.artistAlbums .artists .artist p,.artistAlbums .artists .user p,.artistAlbums .users .artist p,.artistAlbums .users .user p,.fans .albums .artist p,.fans .albums .user p,.fans .artists .artist p,.fans .artists .user p,.fans .users .artist p,.fans .users .user p{margin-top:1vh}.albumsView .albums .user .check,.albumsView .artists .user .check,.albumsView .users .user .check,.artistsView .albums .user .check,.artistsView .artists .user .check,.artistsView .users .user .check,.artistAlbums .albums .user .check,.artistAlbums .artists .user .check,.artistAlbums .users .user .check,.fans .albums .user .check,.fans .artists .user .check,.fans .users .user .check{display:none}.artistAlbums,.fans{width:100%;background:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.artistAlbums .albums,.artistAlbums .users,.fans .albums,.fans .users{margin-top:1vh}@media screen and (max-width: 748px){.albumsView,.artistsView,.fans,.artistAlbums{height:calc(100dvh - 120px)}.albumsView .searchBox .search,.artistsView .searchBox .search,.fans .searchBox .search,.artistAlbums .searchBox .search{width:60%}.albumsView .albums,.albumsView .artists,.albumsView .users,.artistsView .albums,.artistsView .artists,.artistsView .users,.fans .albums,.fans .artists,.fans .users,.artistAlbums .albums,.artistAlbums .artists,.artistAlbums .users{display:flex;justify-content:center;grid-template-columns:repeat(1,1fr);gap:4vh 12vh}.albumsView .albums .album,.albumsView .artists .album,.albumsView .users .album,.artistsView .albums .album,.artistsView .artists .album,.artistsView .users .album,.fans .albums .album,.fans .artists .album,.fans .users .album,.artistAlbums .albums .album,.artistAlbums .artists .album,.artistAlbums .users .album{height:37vh}.albumDetail .audioList{padding:10px 5px;height:calc(100vh - 100px)}.albumDetail .audioList .songsBox{height:calc(100% - 160px)}}.mainBox{height:100vh;width:100vh;z-index:1;flex-grow:1;background:var(--bg-color10);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease}.banner{height:32vh;position:relative}.banner .bannerImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.banner .content{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px 30px;display:flex;flex-direction:column;z-index:3}.banner .bottom{position:absolute;bottom:0;left:0;width:100%;height:5rem;background-image:linear-gradient(transparent,#000)}.banner .content .top{display:flex;justify-content:space-between;align-items:center}.banner .content .top p{color:var(--text-header);font-size:14px;font-weight:600;letter-spacing:1px}.banner .content .top p span{color:#fff}.banner .content .top i{color:#fff;font-size:20px;cursor:pointer}.banner .content .artist{margin-top:auto;color:#fff;display:flex;align-items:center;justify-content:space-between}.banner .content .artist .left .name{display:flex;align-items:center}.banner .content .artist .left .name h2{font-size:50px}.banner .content .artist .left .name img{width:30px;margin-left:10px}.banner .content .artist .left p{font-size:14px}.banner .content .artist .left p i{margin-right:6px}.banner .content .artist .left p span{color:#919191;margin-left:5px}.banner .content .artist .right{display:flex;align-items:center}.banner .content .artist .right button{text-decoration:none;display:flex;align-items:center;padding:10px 30px;font-size:16px;color:#fff;margin:0 15px;border-radius:100vh;font-weight:700;text-align:center;transition:.3s;cursor:pointer}.banner .content .artist .right button i{margin-right:10px;font-size:12px}.banner .content .artist .right button{background:var(--bg-color11);margin-right:0;border:1px solid rgba(255,255,255,.11)}.banner .content .artist .right button:hover{box-shadow:0 0 20px #ffffff69}.banner .content .artist .right .follow{background:var(--button-color);color:#000}.banner .content .artist .right .following{background:transparent;color:var(--button-color);border:1px solid aqua}.mainBox .menuList{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:var(--bg-color12);z-index:2;height:5.5vh}.mainBox .menuList ul{display:flex;align-items:center}.mainBox .menuList ul li{list-style:none;margin:0 20px;position:relative}.mainBox .menuList ul li a{text-decoration:none;color:var(--text-secondary3);font-size:14px;font-weight:700}.mainBox .menuList ul li:before,.mainBox .menuList ul li a.active:before{position:absolute;content:"";bottom:-20px;width:0px;height:5px;border-radius:5px;background:var(--text-primary)}.mainBox .menuList ul li:hover:before,.mainBox .menuList ul li a.active:before{width:100%;transition:width .3s ease}.mainBox .menuList ul li:hover a,.mainBox .menuList ul li a.active{color:var(--text-primary);transition:.3s}.mainBox .menuList p{color:var(--text-primary);font-size:14px}.mainBox .menuList p i{margin-right:6px;font-size:12px}.mainBox .menuList p span{font-size:12px;text-align:center;color:var(--text-secondary3);margin-left:6px}.audioList{padding:10px 30px;position:relative;height:calc(72.5vh - 100px)}.audioList .title{font-size:18px;color:var(--text-primary)}.audioList .title span{font-size:12px;color:var(--text-secondary3)}.songsBox{height:calc(100% - 100px);overflow-y:scroll;overflow-x:hidden}.songsBox .songs{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--text-secondary3);width:100%;margin:10px 0;padding:5px 10px}.songsBox .songs:hover,.songsBox .songs.active{color:var(--text-primary);transition:.3s}.songsBox .songs .count{margin-right:10px}.songsBox .songs .song{display:flex;align-items:center;width:100%;border-bottom:1px solid rgba(255,255,255,.103);padding-bottom:5px;cursor:pointer}.songsBox .songs .song .imgBox{width:45px;height:45px;min-width:45px;border-radius:.5em;background:var(--bg-color13);margin-right:10px;overflow:hidden}.songsBox .songs .song .imgBox img{height:100%;width:100%;object-fit:cover}.songsBox .songs .song .section{display:flex;width:100%;justify-content:space-between;align-items:center}.songsBox .songs .song .section .songName{display:flex;justify-content:space-between;align-items:center;width:50%}.songsBox .songs .song .section .hits{display:flex;justify-content:space-between;align-items:center}.songsBox .songs .song .section .hits .hit,.songsBox .songs .song .section .hits .duration,.songsBox .songs .song .section .hits .favourite,.songsBox .songs .song .section .hits .deleteSong{margin-right:15px}.songsBox .songs .song .section .hits .hit i,.songsBox .songs .song .section .hits .duration i{font-size:12px;margin-right:5px}.songsBox .songs .song .section .hits .deleteSong:hover{color:red}.songsBox .songs .song .section .hits .favourite svg{color:#4abd1c;filter:drop-shadow(0px 0px 4px rgb(74,189,28))}.songsBox .songs .song .section .hits .addToPlayList{position:relative}.songsBox .songs .song .section .hits .addToPlayList .playLists{overflow-y:auto;color:var(--button-text);position:absolute;background:var(--text-primary);width:15vh;height:7vh;right:0;padding:.5vh;font-weight:700;border-radius:10px;top:2.5vh;z-index:10}.songsBox .songs .song .section .hits .addToPlayList .playLists p{transition:.3s;border-radius:10px;padding:.5vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songsBox .songs .song .section .hits .addToPlayList .playLists p:hover{color:var(--button-color);background:var(--button-text)}.aboutArtist{max-height:100vh;width:100%;z-index:1;flex-grow:1;overflow:auto}.aboutArtist p{width:100%;color:var(--text-secondary2);font-size:20px;padding:2vh 4vh;word-wrap:break-word}.songs .duration{display:flex;align-items:center}.songs .duration .clock-icon{margin-right:5px;display:flex;align-items:center}.songs.playing{box-shadow:var(--shadow5);background:var(--bg-color14);border-radius:5px;transition:box-shadow .3s}.songs.disabled{opacity:.6;cursor:not-allowed}.songs.disabled .songName{color:var(--text-secondary3)}@media screen and (max-width : 748px){.mainBox{min-width:380px;height:calc(100dvh - 60px)}.mainBox .content{padding:10px 15px}.mainBox .content .top p{font-size:12px}.mainBox .content .artist .left .name h2{font-size:25px}.mainBox .content .artist .right a{padding:5px 15px;font-size:12px;margin:0 10px}.mainBox .menuList{padding:10px 15px}.mainBox .menuList ul li{margin:0 5px}.mainBox .menuList ul li a{font-size:14px}.mainBox .menuList p{font-size:12px}.mainBox .menuList p i{font-size:10px}.mainBox .menuList p span{margin-left:0;font-size:10px;text-align:center;display:block}.audioList{padding:10px 5px}.audioList .songsBox{height:calc(100% - 220px)}.audioList .songs .song .section{flex-direction:column;align-items:flex-start}.audioList .songs .song .section .songName{width:100%}.audioList .songs .song .section .hits{margin-left:0;margin-top:10px;justify-content:space-between}}@media screen and (max-width: 950px){.Banner{height:240px!important;position:relative}}.list{position:absolute;right:10px;top:40px;width:120px;background:#fff;list-style:none;padding:5px;border-radius:10px;z-index:10}.list .option{display:flex;justify-content:center;width:100%;height:3vh;background:#fff;padding:0 5vh;border-radius:5px;cursor:pointer;transition:.3s;text-align:center;font-size:14px;font-weight:700}.list .option:hover{background:#0ff}.editArtist,.createAlbum,.addSong,.createPlayList,.editPost,.verifyArtist{display:flex;justify-content:center;flex-direction:column;align-items:center;border:2px solid var(--text-primary);border-radius:10px;background:var(--bg-color19);width:max-content;height:max-content;padding:30px;position:absolute;top:350px;bottom:0;right:0;left:0;margin:auto;z-index:25}.editArtist .cancel,.createAlbum .cancel,.addSong .cancel,.createPlayList .cancel,.editPost .cancel,.verifyArtist .cancel{color:var(--button-cancel)}.editArtist .title,.createAlbum .title,.addSong .title,.createPlayList .title,.editPost .title,.verifyArtist .title{width:65vh;padding:20px;text-align:center}.editArtist .title h2,.createAlbum .title h2,.addSong .title h2,.createPlayList .title h2,.editPost .title h2,.verifyArtist .title h2{font-size:xx-large;color:var(--text-primary);font-family:cursive;text-shadow:5px 0 20px rgba(0,0,0,.6)}.editArtist form,.createAlbum form,.addSong form,.createPlayList form,.editPost form,.verifyArtist form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.editArtist form .editPic,.editArtist form .editAudio,.createAlbum form .editPic,.createAlbum form .editAudio,.addSong form .editPic,.addSong form .editAudio,.createPlayList form .editPic,.createPlayList form .editAudio,.editPost form .editPic,.editPost form .editAudio,.verifyArtist form .editPic,.verifyArtist form .editAudio{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;margin:20px;border-radius:10px;background:var(--bg-color10)}.editArtist form .editPic .left,.editArtist form .editAudio .left,.createAlbum form .editPic .left,.createAlbum form .editAudio .left,.addSong form .editPic .left,.addSong form .editAudio .left,.createPlayList form .editPic .left,.createPlayList form .editAudio .left,.editPost form .editPic .left,.editPost form .editAudio .left,.verifyArtist form .editPic .left,.verifyArtist form .editAudio .left{display:flex;align-items:center;gap:20px}.editArtist form .editPic .left img,.editArtist form .editAudio .left img,.createAlbum form .editPic .left img,.createAlbum form .editAudio .left img,.addSong form .editPic .left img,.addSong form .editAudio .left img,.createPlayList form .editPic .left img,.createPlayList form .editAudio .left img,.editPost form .editPic .left img,.editPost form .editAudio .left img,.verifyArtist form .editPic .left img,.verifyArtist form .editAudio .left img{width:140px;height:70px;background:#1d1d1f;border-radius:10px;object-fit:cover}.editArtist form .editPic .left .trackImg,.editArtist form .editAudio .left .trackImg,.createAlbum form .editPic .left .trackImg,.createAlbum form .editAudio .left .trackImg,.addSong form .editPic .left .trackImg,.addSong form .editAudio .left .trackImg,.createPlayList form .editPic .left .trackImg,.createPlayList form .editAudio .left .trackImg,.editPost form .editPic .left .trackImg,.editPost form .editAudio .left .trackImg,.verifyArtist form .editPic .left .trackImg,.verifyArtist form .editAudio .left .trackImg{width:70px}.editArtist form .editPic .left .postImg,.editArtist form .editAudio .left .postImg,.createAlbum form .editPic .left .postImg,.createAlbum form .editAudio .left .postImg,.addSong form .editPic .left .postImg,.addSong form .editAudio .left .postImg,.createPlayList form .editPic .left .postImg,.createPlayList form .editAudio .left .postImg,.editPost form .editPic .left .postImg,.editPost form .editAudio .left .postImg,.verifyArtist form .editPic .left .postImg,.verifyArtist form .editAudio .left .postImg{width:240px;height:150px}.editArtist form .editPic .left span,.editArtist form .editAudio .left span,.createAlbum form .editPic .left span,.createAlbum form .editAudio .left span,.addSong form .editPic .left span,.addSong form .editAudio .left span,.createPlayList form .editPic .left span,.createPlayList form .editAudio .left span,.editPost form .editPic .left span,.editPost form .editAudio .left span,.verifyArtist form .editPic .left span,.verifyArtist form .editAudio .left span{font-size:12px;font-weight:700;color:var(--text-primary);max-width:20vh;overflow:hidden;text-overflow:ellipsis}.editArtist form .editPic .right input,.editArtist form .editAudio .right input,.createAlbum form .editPic .right input,.createAlbum form .editAudio .right input,.addSong form .editPic .right input,.addSong form .editAudio .right input,.createPlayList form .editPic .right input,.createPlayList form .editAudio .right input,.editPost form .editPic .right input,.editPost form .editAudio .right input,.verifyArtist form .editPic .right input,.verifyArtist form .editAudio .right input{display:none}.editArtist form .editPic .right button,.editArtist form .editAudio .right button,.createAlbum form .editPic .right button,.createAlbum form .editAudio .right button,.addSong form .editPic .right button,.addSong form .editAudio .right button,.createPlayList form .editPic .right button,.createPlayList form .editAudio .right button,.editPost form .editPic .right button,.editPost form .editAudio .right button,.verifyArtist form .editPic .right button,.verifyArtist form .editAudio .right button{outline:none;border:none;padding:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.editArtist form .editPic .right button:hover,.editArtist form .editAudio .right button:hover,.createAlbum form .editPic .right button:hover,.createAlbum form .editAudio .right button:hover,.addSong form .editPic .right button:hover,.addSong form .editAudio .right button:hover,.createPlayList form .editPic .right button:hover,.createPlayList form .editAudio .right button:hover,.editPost form .editPic .right button:hover,.editPost form .editAudio .right button:hover,.verifyArtist form .editPic .right button:hover,.verifyArtist form .editAudio .right button:hover{background:var(--button-color-hover)}.editArtist form .editLongText,.editArtist form .editShortText,.createAlbum form .editLongText,.createAlbum form .editShortText,.addSong form .editLongText,.addSong form .editShortText,.createPlayList form .editLongText,.createPlayList form .editShortText,.editPost form .editLongText,.editPost form .editShortText,.verifyArtist form .editLongText,.verifyArtist form .editShortText{width:100%;display:flex;flex-direction:column;padding:20px;margin:20px;border-radius:10px;background:var(--bg-color10);gap:10px}.editArtist form .editLongText h4,.editArtist form .editShortText h4,.createAlbum form .editLongText h4,.createAlbum form .editShortText h4,.addSong form .editLongText h4,.addSong form .editShortText h4,.createPlayList form .editLongText h4,.createPlayList form .editShortText h4,.editPost form .editLongText h4,.editPost form .editShortText h4,.verifyArtist form .editLongText h4,.verifyArtist form .editShortText h4{font-size:18px;font-weight:700;color:var(--text-primary)}.editArtist form .editLongText textarea,.editArtist form .editLongText input,.editArtist form .editShortText textarea,.editArtist form .editShortText input,.createAlbum form .editLongText textarea,.createAlbum form .editLongText input,.createAlbum form .editShortText textarea,.createAlbum form .editShortText input,.addSong form .editLongText textarea,.addSong form .editLongText input,.addSong form .editShortText textarea,.addSong form .editShortText input,.createPlayList form .editLongText textarea,.createPlayList form .editLongText input,.createPlayList form .editShortText textarea,.createPlayList form .editShortText input,.editPost form .editLongText textarea,.editPost form .editLongText input,.editPost form .editShortText textarea,.editPost form .editShortText input,.verifyArtist form .editLongText textarea,.verifyArtist form .editLongText input,.verifyArtist form .editShortText textarea,.verifyArtist form .editShortText input{border:none;outline:none;border-radius:10px;padding:10px;height:12vh;background:var(--bg-color19);color:var(--text-primary);font-size:14px}.editArtist form .editLongText input,.editArtist form .editShortText input,.createAlbum form .editLongText input,.createAlbum form .editShortText input,.addSong form .editLongText input,.addSong form .editShortText input,.createPlayList form .editLongText input,.createPlayList form .editShortText input,.editPost form .editLongText input,.editPost form .editShortText input,.verifyArtist form .editLongText input,.verifyArtist form .editShortText input{height:3vh}.editArtist .submit,.createAlbum .submit,.addSong .submit,.createPlayList .submit,.editPost .submit,.verifyArtist .submit{outline:none;border:none;padding:10px 40px;border-radius:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:.3s}.editArtist .submit:hover,.createAlbum .submit:hover,.addSong .submit:hover,.createPlayList .submit:hover,.editPost .submit:hover,.verifyArtist .submit:hover{background:var(--button-color-hover)}.editPost,.createPlayList{top:0}.createAlbum,.createPlayList{width:50vh}.addSong{top:12vh}.searchSong{width:max-content;height:max-content;padding:30px;position:absolute;border-radius:10px;background:var(--bg-color18);top:0;bottom:0;right:0;left:0;margin:auto}.searchSong .cancel{position:absolute;font-size:2vh;right:1vh;top:1vh}.searchSong form{display:flex;gap:20px}.searchSong form input{border:none;outline:none;padding:15px;border-radius:10px}.searchSong form button{padding:15px;border-radius:10px;background:#353535;border:none;cursor:pointer;color:#fff}.searchSong .songList{display:flex;flex-direction:column;overflow:scroll;height:15vh}.searchSong .song{margin-top:50px;display:flex;align-items:center;justify-content:space-between}.searchSong .song .detail{display:flex;align-items:center;gap:20px}.searchSong .song .detail img{height:50px;width:50px;border-radius:10%;object-fit:cover;background:#000}.searchSong .song .detail .songData span{color:#fff;font-size:16px}.searchSong .song .detail .songData p{color:#ffffff87;font-size:11px}.searchSong .song button{padding:10px;border-radius:10px;background:#353535;border:none;cursor:pointer;color:#fff}.searchSong .noResult{color:#fff}.addSong{@keyframes indeterminate{0%{background-position:-100% 0}to{background-position:100% 0}}}.addSong .progress-container{position:relative;background:#eee;border-radius:4px;height:8px;margin:16px 0;overflow:hidden}.addSong .progress-bar{background:#4caf50;height:100%;transition:width .2s ease}.addSong .progress-bar.indeterminate{width:100%;background:linear-gradient(to right,#ccc,#999,#ccc);background-size:200% 100%;animation:indeterminate 1.5s linear infinite}.addSong .progress-label{position:absolute;top:-20px;right:0;font-size:12px}@media screen and (max-width: 768px){.createAlbum,.editArtist,.addSong,.createPlayList,.verifyArtist{width:90%;padding:20px;top:10vh;left:5%;right:5%;margin:0 auto}.createAlbum .title,.editArtist .title,.addSong .title,.createPlayList .title{width:100%;padding:10px}form{width:100%}}@media screen and (max-width: 550px){.createAlbum,.editArtist,.addSong,.createPlayList,.editPost,.verifyArtist{width:90%;top:5vh;left:5%;right:5%;padding:15px;margin:0 auto}form{width:100%;padding:0 5px}}.musicPlayer{width:100%;padding:10px 50px 10px 10px;position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-color15);z-index:50;height:100px}.musicPlayer .songImage{width:120px;min-width:120px;height:80px;border-radius:10px;overflow:hidden;box-shadow:0 0 20px #000000ad}.musicPlayer .songImage img{width:100%;height:100%;object-fit:cover}.musicPlayer .songAttributes{width:100%;padding-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.musicPlayer .songAttributes .top,.musicPlayer .songAttributes .bottom{display:flex;align-items:center;width:100%}.musicPlayer .songAttributes .top{justify-content:space-between}.musicPlayer .songAttributes .top .left{gap:1vh}.musicPlayer .songAttributes .top .left,.musicPlayer .songAttributes .top .right{display:flex;align-items:center;color:var(--text-secondary2);font-size:16px;cursor:pointer}.musicPlayer .songAttributes .top .middle{display:flex;align-items:center;gap:1.5rem;color:var(--text-secondary2);font-size:16px;cursor:pointer}.musicPlayer .songAttributes .top .middle .back,.musicPlayer .songAttributes .top .middle .forward{display:flex;align-items:center;gap:.75rem}.musicPlayer .songAttributes .top .left i,.musicPlayer .songAttributes .top .middle i,.musicPlayer .songAttributes .top .right i{margin:0;font-size:18px}.musicPlayer .songAttributes .top .left .loved{color:#4abd1c!important;filter:drop-shadow(0px 0px 4px rgb(74,189,28))}.musicPlayer .songAttributes .top .middle .back i:nth-child(2),.musicPlayer .songAttributes .top .middle .forward i:nth-child(1){color:var(--text-secondary4)!important}.musicPlayer .songAttributes .top .middle .playPause{width:30px;height:30px;min-width:30px;border-radius:100%;background:var(--text-primary);display:flex;justify-content:center;align-items:center;color:var(--button-text)}.musicPlayer .songAttributes .bottom{margin-top:20px;padding:0 15px;justify-content:space-between;gap:1rem}.musicPlayer .songAttributes .bottom .currentTime,.musicPlayer .songAttributes .bottom .duration{color:var(--text-primary);font-size:12px;font-weight:700}.musicPlayer .songAttributes .bottom .progresBar{width:78%;height:6px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;position:relative;background:linear-gradient(to right,var(--text-primary) 0%,var(--text-primary) var(--seek, 0%),#848484 var(--seek, 0%),#848484 100%);cursor:pointer}.musicPlayer .songAttributes .bottom .progresBar::-webkit-slider-runnable-track{background:transparent;height:6px;border-radius:10px}.musicPlayer .songAttributes .bottom .progresBar::-moz-range-track{background:var(--text-header);height:6px;border-radius:10px}.musicPlayer .songAttributes .bottom .progresBar::-ms-track{background:transparent;border-color:transparent;color:transparent;height:6px}.musicPlayer .songAttributes .bottom .progresBar::-ms-fill-lower{background:var(--text-primary);border-radius:10px}.musicPlayer .songAttributes .bottom .progresBar::-ms-fill-upper{background:var(--text-header);border-radius:10px}.musicPlayer .songAttributes .bottom .progresBar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-primary);cursor:pointer;margin-top:-4px}.musicPlayer .songAttributes .bottom .progresBar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text-primary);cursor:pointer}.musicPlayer .songAttributes .bottom .progresBar::-ms-thumb{width:15px;height:15px;border-radius:50%;background:var(--text-primary);border:none;cursor:pointer}@media screen and (max-width: 748px){.musicPlayer{bottom:60px}}@media screen and (max-width: 550px){.musicPlayer .songImage{width:100px;min-width:100px}.musicPlayer .songAttributes .bottom .currentTime{margin-right:0}.musicPlayer .songAttributes .bottom .duration{margin-left:0}.musicPlayer .songAttributes .bottom{padding:unset}.musicPlayer .songAttributes .bottom .progresBar{width:65%}}@media screen and (min-width: 550px) and (max-width: 1080px){.musicPlayer .songImage{width:100px;min-width:100px;height:100px}}.searchBox{width:260px;height:40px;display:flex;align-items:center;position:relative;margin-top:20px;margin-left:auto;margin-right:20px;color:#f0f8ff;overflow:hidden;border-radius:12px;box-shadow:0 0 20px #00000062}.searchBox input{width:100%;height:100%;outline:none;border:none;background:#00000085;padding-left:45px;color:#fff;font-size:14px;font-weight:700}.searchBox .searchIcon{position:absolute;color:#f0f8ff;top:0;left:0;width:45px;height:45px;text-align:center;line-height:45px;font-size:20px}@media (max-width: 768px){.searchBox{margin:20px auto 0!important;width:320px!important}}.albumDetail,.playListDetail{height:100vh;width:100vh;z-index:1;flex-grow:1;background:var(--bg-color7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease;display:flex;flex-direction:column}.albumDetail .topSection,.playListDetail .topSection{background:var(--bg-color9);display:flex;width:100%;height:35vh;padding:5vh 10vh;gap:5vh;color:var(--text-primary);position:relative}.albumDetail .topSection img,.playListDetail .topSection img{width:25vh;height:25vh;object-fit:cover;border-radius:10px}.albumDetail .topSection .albumData,.albumDetail .topSection .playListData,.playListDetail .topSection .albumData,.playListDetail .topSection .playListData{height:25vh;align-content:end}.albumDetail .topSection .albumData .albumName,.albumDetail .topSection .albumData .playListName,.albumDetail .topSection .playListData .albumName,.albumDetail .topSection .playListData .playListName,.playListDetail .topSection .albumData .albumName,.playListDetail .topSection .albumData .playListName,.playListDetail .topSection .playListData .albumName,.playListDetail .topSection .playListData .playListName{font-size:10vh;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:2vh;word-spacing:2vh}.albumDetail .topSection .albumData p,.albumDetail .topSection .playListData p,.playListDetail .topSection .albumData p,.playListDetail .topSection .playListData p{font-size:16px}.albumDetail .topSection .albumData .stats,.albumDetail .topSection .playListData .stats,.playListDetail .topSection .albumData .stats,.playListDetail .topSection .playListData .stats{margin-top:1vh}.albumDetail .topSection .albumData span,.albumDetail .topSection .playListData span,.playListDetail .topSection .albumData span,.playListDetail .topSection .playListData span{color:var(--text-secondary4)}.albumDetail .topSection .buttons,.playListDetail .topSection .buttons{display:flex;position:absolute;top:2vh;right:2vh;gap:2vh;align-items:flex-end}.albumDetail .topSection .buttons .addSongBtn,.albumDetail .topSection .buttons .deleteAlbumBtn,.albumDetail .topSection .buttons .deletePlayListBtn,.albumDetail .topSection .buttons .editPlayListBtn,.playListDetail .topSection .buttons .addSongBtn,.playListDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .deletePlayListBtn,.playListDetail .topSection .buttons .editPlayListBtn{width:10vh;height:4vh;text-align:center;outline:none;border:none;padding:10px;background:var(--button-color);color:var(--button-text);font-size:13px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.albumDetail .topSection .buttons .deleteAlbumBtn,.albumDetail .topSection .buttons .editPlayListBtn,.playListDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .editPlayListBtn{height:5vh}.albumDetail .topSection .buttons .addSongBtn:hover,.albumDetail .topSection .buttons .deleteAlbumBtn:hover,.albumDetail .topSection .buttons .editPlayListBtn:hover,.playListDetail .topSection .buttons .addSongBtn:hover,.playListDetail .topSection .buttons .deleteAlbumBtn:hover,.playListDetail .topSection .buttons .editPlayListBtn:hover{background:#04d6d6}.albumDetail .audioList,.playListDetail .audioList{padding:10px 30px;position:relative;height:calc(100vh - 100px);overflow:hidden}.albumDetail .audioList .songsBox,.playListDetail .audioList .songsBox{height:calc(100% - 100px);overflow-y:auto}@media screen and (max-width: 1400px){.albumDetail .topSection,.playListDetail .topSection{height:30vh}.albumDetail .topSection img,.playListDetail .topSection img{width:20vh;height:20vh}.albumDetail .topSection .albumData,.albumDetail .topSection .playListData,.playListDetail .topSection .albumData,.playListDetail .topSection .playListData{height:20vh}.albumDetail .topSection .albumData .albumName,.albumDetail .topSection .albumData .playListName,.albumDetail .topSection .playListData .albumName,.albumDetail .topSection .playListData .playListName,.playListDetail .topSection .albumData .albumName,.playListDetail .topSection .albumData .playListName,.playListDetail .topSection .playListData .albumName,.playListDetail .topSection .playListData .playListName{font-size:8vh}.albumDetail .topSection .albumData p,.albumDetail .topSection .playListData p,.playListDetail .topSection .albumData p,.playListDetail .topSection .playListData p{font-size:15px}.albumDetail .topSection .buttons .addSongBtn,.albumDetail .topSection .buttons .deleteAlbumBtn,.albumDetail .topSection .buttons .deletePlayListBtn,.albumDetail .topSection .buttons .editPlayListBtn,.playListDetail .topSection .buttons .addSongBtn,.playListDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .deletePlayListBtn,.playListDetail .topSection .buttons .editPlayListBtn{width:8vh;height:3vh;padding:5px;font-size:11px}}@media screen and (max-width: 1200px){.albumDetail .topSection,.playListDetail .topSection{height:26vh;padding:5vh 6vh;gap:4vh}.albumDetail .topSection img,.playListDetail .topSection img{width:15vh;height:15vh}.albumDetail .topSection .albumData,.albumDetail .topSection .playListData,.playListDetail .topSection .albumData,.playListDetail .topSection .playListData{height:15vh}.albumDetail .topSection .albumData .albumName,.albumDetail .topSection .albumData .playListName,.albumDetail .topSection .playListData .albumName,.albumDetail .topSection .playListData .playListName,.playListDetail .topSection .albumData .albumName,.playListDetail .topSection .albumData .playListName,.playListDetail .topSection .playListData .albumName,.playListDetail .topSection .playListData .playListName{font-size:7vh}.albumDetail .topSection .albumData p,.albumDetail .topSection .playListData p,.playListDetail .topSection .albumData p,.playListDetail .topSection .playListData p{font-size:14px}}@media screen and (max-width: 1000px){.albumDetail .topSection,.playListDetail .topSection{height:24vh;padding:5vh 4vh;gap:2vh}.albumDetail .topSection img,.playListDetail .topSection img{width:13vh;height:13vh}.albumDetail .topSection .albumData,.albumDetail .topSection .playListData,.playListDetail .topSection .albumData,.playListDetail .topSection .playListData{height:13vh}.albumDetail .topSection .albumData .albumName,.albumDetail .topSection .albumData .playListName,.albumDetail .topSection .playListData .albumName,.albumDetail .topSection .playListData .playListName,.playListDetail .topSection .albumData .albumName,.playListDetail .topSection .albumData .playListName,.playListDetail .topSection .playListData .albumName,.playListDetail .topSection .playListData .playListName{font-size:6vh}.albumDetail .topSection .albumData p,.albumDetail .topSection .playListData p,.playListDetail .topSection .albumData p,.playListDetail .topSection .playListData p{font-size:13px}}@media screen and (max-height: 1000px){.albumDetail .topSection .buttons .addSongBtn,.albumDetail .topSection .buttons .deleteAlbumBtn,.albumDetail .topSection .buttons .deletePlayListBtn,.albumDetail .topSection .buttons .editPlayListBtn,.playListDetail .topSection .buttons .addSongBtn,.playListDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .deletePlayListBtn,.playListDetail .topSection .buttons .editPlayListBtn{width:10vh;height:5vh}.albumDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .deleteAlbumBtn{height:5vh}}@media screen and (max-width: 840px){.albumDetail .topSection,.playListDetail .topSection{height:22vh;padding:5vh 2vh;gap:2vh}.albumDetail .topSection img,.playListDetail .topSection img{width:10vh;height:10vh}.albumDetail .topSection .albumData,.albumDetail .topSection .playListData,.playListDetail .topSection .albumData,.playListDetail .topSection .playListData{height:10vh}.albumDetail .topSection .albumData .albumName,.albumDetail .topSection .albumData .playListName,.albumDetail .topSection .playListData .albumName,.albumDetail .topSection .playListData .playListName,.playListDetail .topSection .albumData .albumName,.playListDetail .topSection .albumData .playListName,.playListDetail .topSection .playListData .albumName,.playListDetail .topSection .playListData .playListName{font-size:4vh;letter-spacing:1vh}.albumDetail .topSection .albumData p,.albumDetail .topSection .playListData p,.playListDetail .topSection .albumData p,.playListDetail .topSection .playListData p{font-size:13px}}@media screen and (max-width: 748px){.albumDetail,.playListDetail{height:calc(100dvh - 60px)}.albumDetail .audioList,.playListDetail .audioList{padding:10px 5px;height:calc(100vh - 100px)}.albumDetail .audioList .songsBox,.playListDetail .audioList .songsBox{height:calc(100% - 160px)}.albumDetail .topSection .buttons .addSongBtn,.albumDetail .topSection .buttons .deleteAlbumBtn,.albumDetail .topSection .buttons .deletePlayListBtn,.albumDetail .topSection .buttons .editPlayListBtn,.playListDetail .topSection .buttons .addSongBtn,.playListDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .deletePlayListBtn,.playListDetail .topSection .buttons .editPlayListBtn{width:8vh;height:3.5vh;top:6vh;right:1vh;padding:5px;font-size:10px}}@media screen and (max-width : 550px){.albumDetail .topSection .albumData,.albumDetail .topSection .playListData,.playListDetail .topSection .albumData,.playListDetail .topSection .playListData{align-content:flex-start}.albumDetail .topSection .albumData p,.albumDetail .topSection .playListData p,.playListDetail .topSection .albumData p,.playListDetail .topSection .playListData p{font-size:12px}.albumDetail .topSection .buttons,.playListDetail .topSection .buttons{gap:1vh}.albumDetail .topSection .buttons .addSongBtn,.albumDetail .topSection .buttons .deleteAlbumBtn,.albumDetail .topSection .buttons .deletePlayListBtn,.albumDetail .topSection .buttons .editPlayListBtn,.playListDetail .topSection .buttons .addSongBtn,.playListDetail .topSection .buttons .deleteAlbumBtn,.playListDetail .topSection .buttons .deletePlayListBtn,.playListDetail .topSection .buttons .editPlayListBtn{width:8vh;height:3vh;top:6vh;right:2vh;padding:5px;font-size:10px}}.discoverView{height:100vh;width:calc(100vw - 380px);z-index:1;flex-grow:1;background:var(--bg-color10);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease;display:flex;flex-direction:column}.discover{display:flex;flex-direction:column}.discover .stories{width:100%;height:18vh;margin-top:1vh;display:flex;align-items:center;justify-content:center;position:relative}.discover .stories .scroll-button{height:5vh;width:3vh;border:none;outline:none;align-items:center;border-radius:10px;background:var(--bg-color16);color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .3s ease}.discover .stories .scroll-button:hover{background:#0f0f0f82}.discover .stories .scroll-button.left{margin-right:2vh}.discover .stories .scroll-button.right{margin-left:2vh}.discover .stories .box{display:flex;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;background:var(--bg-color16);border-radius:10px;box-shadow:var(--shadow6);width:80%;height:15vh;gap:32px;padding:2vh}.discover .stories .box .story.add-story img:hover{filter:contrast(.5)}.discover .stories .box .story{display:flex;align-items:center;flex-direction:column;cursor:pointer}.discover .stories .box .story img{width:80px;height:80px;background:#3b3b41;border-radius:50%;object-fit:cover;border:2px solid var(--button-color);transition:.3s ease}.discover .stories .box .story span{color:var(--text-primary);font-weight:700}.discover .addStory{border:2px solid var(--text-primary);border-radius:10px;background:var(--bg-color17);width:max-content;height:max-content;padding:30px;position:absolute;top:35vh;bottom:0;right:0;left:0;margin:auto;z-index:8}.discover .addStory .title{padding:20px;text-align:center}.discover .addStory .title h2{font-size:xx-large;color:var(--text-primary);font-family:cursive;text-shadow:5px 0 20px rgba(0,0,0,.6)}.discover .addStory form{display:flex;flex-direction:column;align-items:center}.discover .addStory form .pickImage{display:flex;justify-content:space-between;align-items:center;padding:20px;margin:20px;border-radius:10px;background:var(--bg-color8)}.discover .addStory form .pickImage input{display:none}.discover .addStory form .pickImage button{outline:none;border:none;padding:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.discover .addStory form .pickImage button:hover{background:var(--button-color-hover)}.discover .addStory form .submit{outline:none;border:none;padding:10px 40px;border-radius:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:.3s}.discover .addStory form .submit:hover{background:var(--button-color-hover)}.discover .story-viewer-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color11);display:flex;align-items:center;justify-content:center;z-index:1000}.discover .close-button{position:absolute;top:20px;right:20px;font-size:24px;background:none;border:none;color:var(--text-primary);cursor:pointer}.discover .nav-button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:24px}.discover .nav-button.left{position:absolute;left:20px}.discover .nav-button.right{position:absolute;right:20px}.discover .story-content{display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center;gap:20px}.discover .story-content img{object-fit:cover;border-radius:10px;max-width:80%;max-height:80%}.discover .story-content p{font-size:xx-large;font-weight:700;font-family:cursive;color:var(--text-primary)}.discover .story-content .delete-button{color:#9c0303;position:absolute;top:0;right:0;font-size:large;background:none;border:none;cursor:pointer}.discover .progress-bar{top:0;left:0;width:80%;height:4px;background-color:var(--bg-color14)}.discover .progress{height:100%;background-color:var(--text-primary);transition:width .1s linear}.discover .addPost{width:100%;height:16vh;display:flex;align-items:center;justify-content:center}.discover .addPost .context{display:flex;justify-content:space-between;align-items:center;background:var(--bg-color16);border-radius:10px;box-shadow:var(--shadow6);width:65%;height:13vh;padding:2vh 4vh;gap:10px}.discover .addPost .context img{width:60px;height:60px;background:#3b3b41;border-radius:50%;object-fit:cover;cursor:pointer}.discover .addPost .context .middle{display:flex;flex-direction:column;flex:1}.discover .addPost .context .middle textarea{border:none;outline:none;border-radius:10px;background-color:var(--bg-color17);padding:10px;width:100%;height:6vh;color:var(--text-primary);font-size:14px;resize:vertical}.discover .addPost .context .middle .attachments{display:flex;gap:10px;padding:5px}.discover .addPost .context .middle .attachments .attachment{display:flex;align-items:center;gap:5px;color:var(--text-primary)}.discover .addPost .context .middle .attachments .attachment i{font-size:18px}.discover .addPost .context .middle .attachments .attachment span{font-size:14px;cursor:pointer}.discover .addPost .context .right{display:flex;flex-direction:column;align-items:center;gap:10px}.discover .addPost .context .right button{outline:none;border:none;padding:8px;background:var(--button-color);color:#000;font-size:12px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.discover .addPost .context .right button:hover{background:var(--button-color-hover)}.discover .addPost .context .right .emoji{cursor:pointer;color:var(--text-primary);position:relative;z-index:5}.discover .addPost .context .right .emoji i{font-size:20px}.discover .addPost .context .right .emoji .picker{position:absolute;right:1vh;top:4vh}.discover .feed{width:100%;height:61vh;display:flex;align-items:center;justify-content:center}.discover .feed .posts{display:flex;flex-direction:column;align-items:center;overflow:scroll;background:var(--bg-color16);border-radius:10px;box-shadow:var(--shadow6);width:65%;height:59vh;padding:2vh 4vh;gap:10px;position:relative}.discover .feed .posts .postsSettings{color:var(--text-primary);font-size:3vh;position:absolute;top:.5vh;right:.5vh;cursor:pointer}.discover .feed .posts .filtredMenu{z-index:20}.discover .feed .posts ul{display:flex;flex-direction:column;position:absolute;right:2vh;top:6vh;list-style:none;gap:1vh}.discover .feed .posts ul li{width:20vh}.discover .feed .posts ul li input{width:100%;height:100%;outline:none;border:none;background:var(--text-primary);color:var(--button-text);font-size:14px;font-weight:700;padding:1vh 2vh;border-radius:15px}.discover .feed .posts ul li select{width:100%;height:100%;color:var(--button-text);font-size:12px;background:var(--text-primary);outline:none;border:2px solid rgba(255,255,255,.11);border-radius:40px;padding:1vh;cursor:pointer}.discover .feed .post{display:flex;flex-direction:column;height:59vh;padding:0 12vh;width:100%;gap:1vh}.discover .feed .post .up{width:100%;display:flex;gap:20px;align-items:center;position:relative}.discover .feed .post .up i{right:1vh;position:absolute;color:var(--text-primary);font-size:22px;cursor:pointer}.discover .feed .post .up ul{position:absolute;right:0vh;top:5vh;width:7vh;background:var(--text-primary);list-style:none;padding:5px;border-radius:10px}.discover .feed .post .up ul .option{display:flex;justify-content:center;width:100%;height:3vh;background:var(--text-primary);color:var(--button-text);padding:0 1vh;border-radius:5px;cursor:pointer;transition:.3s;text-align:center;font-size:14px;font-weight:700}.discover .feed .post .up ul .option:hover{background:var(--hover-bg);color:var(--text-primary)}.discover .feed .post .up img{width:40px;height:40px;background:#3b3b41;border-radius:50%;object-fit:cover;border:2px solid var(--button-color);cursor:pointer}.discover .feed .post .up .userData{color:var(--text-secondary6);font-size:18px;font-weight:600}.discover .feed .post .up .userData span{font-size:11px;font-weight:400}.discover .feed .post .middle{width:100%;height:38vh}.discover .feed .post .middle img{width:100%;height:100%;object-fit:cover;border-radius:5px}.discover .feed .post .description{width:100%;height:auto}.discover .feed .post .description p{margin:0;white-space:normal;overflow-wrap:break-word;word-break:break-word;color:var(--text-primary)}.discover .feed .post .bottom{display:flex;width:100%;gap:30px;padding:5px}.discover .feed .post .bottom .likes,.discover .feed .post .bottom .comments{display:flex;align-items:center;gap:5px;color:var(--text-secondary6);cursor:pointer}.discover .feed .post .bottom .likes i,.discover .feed .post .bottom .comments i{font-size:20px}.cancel{position:absolute;right:1vh;top:1vh;font-size:24px;color:var(--button-cancel);cursor:pointer}.postView{width:90%;max-width:1200px;height:auto;padding:20px;position:absolute;border-radius:10px;background:var(--bg-color18);top:9vh;right:0;left:0;margin:auto;display:flex;flex-wrap:wrap;gap:20px;z-index:6}.postView .imgPost{flex:5;width:100%;max-width:100vh;max-height:60vh}.postView .imgPost img{width:100%;height:100%;object-fit:cover;border-radius:5px}.postView .commentsSection{flex:2;width:100%;max-width:400px;height:60vh;overflow-y:auto}.postView .commentsSection img{width:45px;height:45px;background:#3b3b41;border-radius:50%;object-fit:cover;cursor:pointer}.postView .commentsSection p{color:#fffffff3;font-size:16px;font-weight:700}.postView .commentsSection .up{display:flex;align-items:center;gap:2vh}.postView .commentsSection .line{display:block;margin-top:1.5vh}.postView .commentsSection .comments{margin-top:1vh;height:41vh;overflow-y:auto}.postView .commentsSection .comment{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative}.postView .commentsSection .comment .context{flex:1;display:flex;flex-direction:column;color:#ffffffb7}.postView .commentsSection .comment .context span{font-size:13px;display:block;word-break:break-word;max-width:100%;white-space:normal}.postView .commentsSection .comment .context .info{color:#ffffff6c;display:flex;gap:1vh}.postView .commentsSection .comment i{position:absolute;right:3vh;font-size:25px;color:#fff;margin-left:2vh;margin-top:1vh;cursor:pointer}.postView .commentsSection .comment .commentIcons{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative}.postView .commentsSection .comment .commentIcons i{position:static;font-size:1.2rem;color:#fff;margin:0;cursor:pointer}.postView .commentsSection .commentIcons{display:flex;align-items:center;margin-left:auto}.postView .commentsSection .commentIcons i{cursor:pointer;font-size:1.2rem}.postView .commentsSection .addComment{margin-top:2vh;display:flex;align-items:center;width:100%;justify-content:space-between;gap:1vh}.postView .commentsSection .addComment .emoji i{color:#fff;font-size:20px;cursor:pointer}.postView .commentsSection .addComment .emoji .picker{position:absolute;right:1vh;bottom:10vh}.postView .commentsSection .addComment button{outline:none;border:none;padding:8px;background:var(--button-color);color:#000;font-size:12px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.postView .commentsSection .addComment button:hover{background:var(--button-color-hover)}.postView .commentsSection .addComment textarea{border:none;outline:none;border-radius:10px;background-color:#4d4d4d50;padding:10px;width:80%;height:6vh;color:#fff;font-size:14px;resize:vertical}.postView .commentsSection .addComment textarea::placeholder{color:#fff}.commentContainer{margin-bottom:15px}.repliesContainer{margin-left:60px;margin-top:5px;white-space:normal;word-break:break-word}.repliesContainer .comment.reply i{font-size:20px}.repliesContainer .comment.reply .context span{white-space:normal;overflow-wrap:break-word;max-width:75%}.commentActions{display:flex;gap:10px;margin-left:60px;margin-top:5px}.toggleRepliesBtn,.replyBtn{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:0}.toggleRepliesBtn:hover,.replyBtn:hover{text-decoration:underline}.replyingTo{color:#fff;padding:5px 10px;border-radius:5px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.replyingTo button{outline:none;border:none;padding:8px 16px;border-radius:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:.3s}.replyingTo button:hover{background:var(--button-color-hover)}@media screen and (max-height: 900px){.discover .stories .box{height:auto}.discover .stories .box .story img{width:70px;height:70px}}@media screen and (max-width: 1700px) and (min-height: 900px){.discover .feed .posts .post{padding:0}}@media screen and (max-width: 1200px) and (max-height: 900px){.discover .feed .posts .post{padding:0}}@media screen and (max-width: 1400px){.discoverView{width:50vh}.discover .feed .posts{width:80%}.discover .feed .postView{max-width:100%;height:calc(100dvh - 40px);background:#131314fa;top:5vh;flex-direction:column;padding:10px;gap:10px}.discover .feed .imgPost{max-width:100%;max-height:40vh}.discover .feed .commentsSection{flex:7;display:flex;flex-direction:column;max-width:100%;overflow-y:hidden;height:60vh}.discover .feed .commentsSection img{width:35px;height:35px}.discover .feed .commentsSection p{font-size:15px}.discover .feed .commentsSection .addComment{flex-shrink:0}.discover .addPost .context{width:80%}}@media screen and (max-width: 748px){.discover .stories{width:100%;height:16vh;margin-top:1vh}.discover .stories .box{width:100%;height:12vh;gap:34px;padding:2vh}.discover .stories .box .story img{width:50px;height:50px}.discover .stories .box .story span{font-size:14px}.discover .addPost .context{width:100%;height:13vh;padding:1vh 2vh}.discover .addPost .context img{width:40px;height:40px}.discover .addPost .context .middle textarea{font-size:12px}.discover .addPost .context .middle .attachments .attachment i{font-size:14px}.discover .addPost .context .middle .attachments .attachment span{font-size:12px}.discover .addPost .context .right .emoji i{font-size:16px}.discover .feed .posts{min-width:100%;height:60vh;padding:2vh}.discover .feed .posts .postsSettings{font-size:2.5vh}.discover .feed .postView{min-width:100%;height:calc(100dvh - 180px)}.discover .feed .post{width:100%;height:59vh;padding:0 .5vh}.discover .feed .post .up{gap:10px}.discover .feed .post .up img{width:40px;height:40px}.discover .feed .post .up .userData{font-size:16px}.discover .feed .post .up .userData span{font-size:10px}.discover .feed .post .description{width:100%;height:2vh}.discover .feed .post .description p{font-size:14px}.discover .feed .post .bottom .likes,.discover .feed .post .bottom .comments{gap:5px}.discover .feed .post .bottom .likes i,.discover .feed .post .bottom .comments i{font-size:16px}.discover .feed .post .bottom .likes span,.discover .feed .post .bottom .comments span{font-size:14px}}.profileSite,.profileEdit{height:100vh;width:100vh;z-index:1;flex-grow:1;background:var(--bg-color10);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease;display:flex;flex-direction:column}.profileSite .lineP,.profileEdit .lineP{margin:0 180px}.profileSite .posts{display:flex;width:100%;height:100%;padding:2vh 16vh;flex-wrap:wrap;gap:2vh;overflow:scroll;margin-top:30px}.profileSite .posts .post{border:1px solid var(--text-secondary6);height:34vh;width:31vh;cursor:pointer}.profileSite .posts .post img{width:100%;height:100%;background:#05050581;object-fit:cover}.profileInfo{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:300px}.profileInfo .userData{display:flex;align-items:center;gap:100px;padding:20px}.profileInfo .userData img{width:150px;height:150px;background:#626268;border-radius:50%;object-fit:cover}.profileInfo .userData .right{display:flex;flex-direction:column}.profileInfo .userData .right .top,.profileInfo .userData .right .stats,.profileInfo .userData .right .description{display:flex;color:var(--text-primary);justify-content:space-between;gap:20px;padding:10px}.profileInfo .userData .right .top{align-items:center;height:6vh}.profileInfo .userData .right .top p{font-size:27px;font-weight:700}.profileInfo .userData .right .top button{outline:none;border:none;padding:10px 15px;background:#00000085;color:#fff;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .1s}.profileInfo .userData .right .top .follow{background:var(--button-color);color:#000}.profileInfo .userData .right .top .follow:hover,.profileInfo .userData .right .top .following{background:transparent;border-block:2px solid var(--button-color);color:var(--button-color)}.profileInfo .userData .right .top i{font-size:22px;cursor:pointer}.profileInfo .userData .right .description{flex-direction:column;gap:5px}.profileInfo .userData .right .description p{font-size:14px;font-weight:700}.profileInfo .userData .right .description span{font-size:12px}.profileEdit .editDiv{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.profileEdit .editDiv .edit{border:2px solid var(--text-primary);border-radius:10px;background:var(--bg-color19);height:66vh;width:65vh}.profileEdit .editDiv .edit .title{width:65vh;padding:20px;text-align:center}.profileEdit .editDiv .edit .title h2{font-size:xx-large;color:var(--text-primary);font-family:cursive;text-shadow:5px 0 20px rgba(0,0,0,.6)}.profileEdit .editDiv .edit form{display:flex;flex-direction:column;align-items:center}.profileEdit .editDiv .edit form .editAvatar{width:80%;display:flex;justify-content:space-between;align-items:center;padding:20px;margin:20px;border-radius:10px;background:var(--bg-color10)}.profileEdit .editDiv .edit form .editAvatar .left{display:flex;align-items:center;gap:20px}.profileEdit .editDiv .edit form .editAvatar .left img{width:70px;height:70px;background:#1d1d1f;border-radius:50%;object-fit:cover}.profileEdit .editDiv .edit form .editAvatar .left p{font-size:20px;font-weight:700;color:var(--text-primary)}.profileEdit .editDiv .edit form .editAvatar .right input{display:none}.profileEdit .editDiv .edit form .editAvatar .right button{outline:none;border:none;padding:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.profileEdit .editDiv .edit form .editAvatar .right button:hover{background:var(--button-color-hover)}.profileEdit .editDiv .edit form .editDescription,.profileEdit .editDiv .edit form .editFullName{width:80%;flex-direction:column;padding:20px;margin:20px;border-radius:10px;background:var(--bg-color10);gap:10px}.profileEdit .editDiv .edit form .editDescription h4,.profileEdit .editDiv .edit form .editFullName h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:5px}.profileEdit .editDiv .edit form .editDescription textarea,.profileEdit .editDiv .edit form .editDescription input,.profileEdit .editDiv .edit form .editFullName textarea,.profileEdit .editDiv .edit form .editFullName input{width:100%;border:none;outline:none;border-radius:10px;padding:10px;height:12vh;background:var(--bg-color19);color:var(--text-primary);font-size:14px}.profileEdit .editDiv .edit form .editDescription input,.profileEdit .editDiv .edit form .editFullName input{height:3vh}.profileEdit .editDiv .edit form .submit{outline:none;border:none;padding:10px 30px;border-radius:10px;background:var(--button-color);color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:.3s}.profileEdit .editDiv .edit form .submit:hover{background:var(--button-color-hover)}@media screen and (max-height: 1000px){.profileEdit .editDiv .edit{height:auto;padding-bottom:2vh}.profileEdit .editDiv .edit form .title{padding:10px}.profileEdit .editDiv .edit form .editAvatar{padding:15px;margin:5px 20px}.profileEdit .editDiv .edit form .editAvatar .left{gap:25px}.profileEdit .editDiv .edit form .editDescription,.profileEdit .editDiv .edit form .editFullName{padding:15px;margin:10px 20px;gap:5px}}@media screen and (max-width: 1400px){.profileSite .posts{justify-content:center;padding:2vh 1vh}.profileSite .postView{max-width:100%;height:calc(100dvh - 40px);background:#131314fa;top:5vh;flex-direction:column;padding:10px;gap:10px}.profileSite .imgPost{max-width:100%;max-height:40vh}.profileSite .commentsSection{flex:7;display:flex;flex-direction:column;max-width:100%;overflow-y:hidden;height:60vh}.profileSite .commentsSection img{width:35px;height:35px}.profileSite .commentsSection p{font-size:15px}.profileSite .commentsSection .addComment{flex-shrink:0}}@media screen and (max-width: 1300px){.profileInfo .userData{gap:40px}}@media screen and (max-width: 1100px){.profileInfo{height:300px}.profileInfo .userData{gap:20px;padding:10px}.profileInfo .userData img{width:130px;height:130px}.profileInfo .userData .right .top,.profileInfo .userData .right .stats,.profileInfo .userData .right .description{gap:10px;padding:10px}.profileInfo .userData .right .top p{font-size:24px}.profileSite .posts .post{width:25vh;height:28vh}}@media screen and (max-width: 748px){.profileSite,.profileEdit{height:calc(100dvh - 120px)}.profileSite .lineP,.profileEdit .lineP{margin:0}.profileSite .posts{padding:10px 20px;gap:10px;margin-top:30px}.profileSite .posts .post{height:200px;width:160px}.profileSite .postView{min-width:100%;height:calc(100dvh - 180px)}.profileInfo{height:300px}.profileInfo .userData{gap:20px;padding:10px 20px}.profileInfo .userData img{width:80px;height:80px}.profileInfo .userData .right .top,.profileInfo .userData .right .stats,.profileInfo .userData .right .description{gap:10px;padding:10px}.profileInfo .userData .right .stats{text-align:center}.profileInfo .userData .right .stats p{font-size:14px}.profileInfo .userData .right .description{gap:5px}.profileInfo .userData .right .description p{font-size:14px;font-weight:700}.profileInfo .userData .right .description span{font-size:12px}.profileEdit .editDiv .edit{height:76vh;width:45vh}.profileEdit .editDiv .edit .title{width:45vh}.profileEdit .editDiv .edit .title h2{font-size:xx-large}.profileEdit .editDiv .edit form .editAvatar .left img{width:50px;height:50px}.profileEdit .editDiv .edit form .editAvatar .left p{font-size:16px}.profileEdit .editDiv .edit form .editAvatar .right button{padding:5px;font-size:11px}}.loginLayout{display:flex;justify-content:center;align-items:center;min-height:100vh}.login{position:relative;width:420px;max-height:550px;min-height:550px;border-radius:10px;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.11);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.login .formBox{width:100%;padding:40px}.login .formBox .cancel{position:absolute;right:10px;top:10px;font-size:26px;cursor:pointer}.login .formBox .cancel a{text-decoration:none;color:#110f0f}.login .formBox .title{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.login .formBox .title img{width:70px;height:70px;object-fit:cover;border-radius:50%}.login .formBox .title h1{font-size:36px;text-align:center}.login .formBox .inputBox{position:relative;width:100%;height:50px;margin:30px 0}.login .formBox .inputBox input,.login .formBox .inputBox select{width:100%;height:100%;color:#fff;font-size:16px;background:transparent;outline:none;border:2px solid rgba(255,255,255,.11);border-radius:40px;padding:20px 45px 20px 20px}.login .formBox .inputBox select{cursor:pointer;padding:0 20px}.login .formBox .inputBox select option{background-color:#333;color:#fff;padding:10px}.login .formBox .inputBox input::placeholder{color:#fff}.login .formBox .inputBox .icon{position:absolute;right:20px;top:50%;translate:0 -50%;font-size:16px}.login .formBox button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;cursor:pointer;box-shadow:0 0 10px #0000001a;font-size:16px;color:#000;font-weight:700}.login .formBox .registerLink,.login .formBox .forgotLink{font-size:14.5px;text-align:center;margin:20px 0 15px}.login .formBox .registerLink a,.login .formBox .forgotLink a{color:#fff;text-decoration:none;font-weight:600}.login .formBox .registerLink a:hover,.login .formBox .forgotLink a:hover{text-decoration:underline}.login.r{min-height:690px;max-height:750px}.button-group{display:flex;gap:12px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.button-group button{flex:1 1 180px;min-width:160px;max-width:100%;height:45px;font-size:16px;border-radius:40px;font-weight:700;border:none;outline:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.button-group .login-btn{background:#fff;color:#222;box-shadow:0 0 10px #00000014}.button-group .login-btn:disabled{opacity:.7;cursor:not-allowed}.button-group .google-btn{background:#fff;color:#444;box-shadow:0 2px 4px #0000001a;border:1px solid #eee}.button-group .google-btn:hover{background:#f5f5f5}.billing-page{display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:#121212;min-height:50vh;max-height:100vh;min-width:20vw;color:#fff;margin:auto;border-radius:12px;box-shadow:0 12px 25px #0009}.billing-page h1{font-size:2rem;margin-bottom:24px}.bp--loading{font-size:1.1rem;color:#aaa}.bp__card{background:#1f1f1f40;border-radius:12px;box-shadow:0 8px 20px #00000080;padding:24px;min-width:14vw;display:flex;flex-direction:column;gap:16px}.bp__header{display:flex;align-items:center;gap:16px}.bp__plan-info h2{margin:0;font-size:1.4rem}.bp__price{margin:4px 0 0;color:#ccc}.bp__body{display:flex;flex-direction:column;gap:12px}.bp__row{display:flex;justify-content:space-between;font-size:.95rem}.bp__no-sub{text-align:center;color:#aaa;font-style:italic}.badge{padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:500}.badge--green{background:#2e7d32;color:#d0f5be}.badge--orange{background:#ff8f00;color:#fff4e5}.badge--gray{background:#555;color:#ddd}.badge--blue{background:#1565c0;color:#d0e8ff}.bp__btn{margin-top:12px;padding:10px 16px;background:#00c8c8;color:#121212;font-size:.95rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.bp__btn:hover{background:#00efef}.bp__btn:disabled{opacity:.6;cursor:not-allowed}.bp__logo{width:30vh;height:25vh;object-fit:cover;margin-right:8px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000001f}.bp__logo-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.bp__header--vertical{flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.bp__body--active{border-radius:10px;padding:16px;box-shadow:0 2px 12px #00c8c814;margin-bottom:8px}@media screen and (max-width: 748px){.billing-page{height:calc(100dvh - 10px)}}:root{--bg-color: rgba(255, 255, 255, .85);--bg-color2: rgba(255, 255, 255, .95);--bg-color3: rgba(255, 255, 255, .8);--bg-color4: rgba(0, 0, 0, .05);--bg-color5: rgba(255, 255, 255, .8);--bg-color6: rgba(255, 255, 255, .95);--bg-color7: rgba(255, 255, 255, .85);--bg-color8: rgba(0, 0, 0, .06);--bg-color9: rgba(0, 0, 0, .04);--bg-color10: rgba(255, 255, 255, .85);--bg-color11: rgba(0, 0, 0, .2);--bg-color12: rgba(239, 239, 239, .9);--bg-color13: #f0f2f5;--bg-color14: rgba(0, 0, 0, .05);--bg-color15: rgba(239, 239, 239, .9);--bg-color16: rgba(174, 174, 174, .65);--bg-color17: rgba(255, 255, 255, .7);--bg-color18: rgba(97, 97, 97, .96);--bg-color19: rgba(216, 216, 216, .91);--bg-color20: rgba(255, 255, 255, .85);--bg-color21: rgb(255, 255, 255);--bg-color22: rgba(255, 255, 255, .85);--text-primary: #1c1e21;--text-secondary: rgba(0, 0, 0, .6);--text-secondary2: #65676b;--text-secondary3: #8a8d91;--text-secondary4: #4b4c4f;--text-secondary5: #606770;--text-secondary6: rgba(37, 36, 36, .87);--text-header: #4a4a4a;--button-color: #00bcd4;--button-color-hover: #00dcf3;--button-text: #ffffff;--button-cancel: #0c0000;--icon-color: #65676b;--hover-bg: #f0f2f5;--shadow: 0px 1px 2px rgba(0, 0, 0, .1);--shadow2: 0px 4px 12px rgba(0, 0, 0, .15);--shadow3: 0px 2px 8px rgba(0, 0, 0, .08);--shadow4: 0px 8px 15px rgba(0, 0, 0, .23);--shadow5: 0 4px 12px rgba(0, 0, 0, .15);--shadow6: rgba(113, 113, 113, .7) 0px 13px 27px -5px, rgba(43, 42, 42, .67) 0px 8px 16px -8px;--bg-color-home1: #64b5f6;--bg-color-home2: #1976d2;--bg-color-home3: #bcaaa4;--bg-color-home4: #8d6e63;--bg-color-home5: #ff8a65;--bg-color-home6: #d84315;--bg-color-home7: #4db6ac;--bg-color-home8: #00796b;--bg-color-home9: #ba68c8;--bg-color-home10: #8e24aa;--bg-color-home11: #7986cb;--bg-color-home12: #303f9f}[data-theme=dark]{--bg-color: rgba(0, 0, 0, .137);--bg-color2: rgba(0, 0, 0, .575);--bg-color3: rgba(27, 27, 27, .644);--bg-color4: rgba(255, 255, 255, .123);--bg-color5: rgba(27, 27, 27, .418);--bg-color6: rgba(18, 16, 16, .85);--bg-color7: rgba(7, 7, 7, .575);--bg-color8: rgba(0, 0, 0, .38);--bg-color9: rgba(0, 0, 0, .329);--bg-color10: rgba(31, 31, 31, .596);--bg-color11: rgba(0, 0, 0, .589);--bg-color12: rgb(44, 44, 44);--bg-color13: rgb(49, 49, 56);--bg-color14: rgba(255, 255, 255, .04);--bg-color15: rgba(31, 31, 31, .9);--bg-color16: rgba(15, 15, 15, .651);--bg-color17: rgba(0, 0, 0, .411);--bg-color18: rgba(19, 19, 20, .945);--bg-color19: rgba(0, 0, 0, .9);--bg-color20: rgba(0, 0, 0, 0);--bg-color21: #1b1b1b;--bg-color22: rgba(18, 16, 16, .95);--menu-bg: #242526;--text-primary: white;--text-secondary: rgba(255, 255, 255, .623);--text-secondary2: #cdcdcd;--text-secondary3: #919191;--text-secondary4: rgb(177, 177, 177);--text-secondary5: rgb(167, 167, 167);--text-secondary6: rgba(255, 255, 255, .836);--text-header: grey;--button-color: aqua;--button-color-hover: rgb(4, 214, 214);--button-text: black;--button-cancel: wheat;--icon-color: #b0b3b8;--hover-bg: #3a3b3c;--shadow: 0px 0px 10px rgba(0,0,0,.5);--shadow2: 0px 12px 25px rgba(0, 0, 0, .6);--shadow3: 0px 0px 20px rgba(0, 0, 0, .384);--shadow4: 0px 8px 15px rgba(35, 35, 35, .4);--shadow5: 0 4px 8px rgba(44, 44, 51, .7);--shadow6: rgba(0, 0, 0, .699) 0px 13px 27px -5px, rgba(2, 2, 2, .671) 0px 8px 16px -8px;--bg-color-home1: #476a8a;--bg-color-home2: #235788;--bg-color-home3: #a69984;--bg-color-home4: #a78653;--bg-color-home5: #a24c34;--bg-color-home6: #a33617;--bg-color-home7: #0d4045;--bg-color-home8: #073236;--bg-color-home9: #a67894;--bg-color-home10: #a74280;--bg-color-home11: #5547a5;--bg-color-home12: #3724a5}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*::-webkit-scrollbar{display:none}