.active{background-color:#1d4ed8}nav{justify-content:center;align-items:center;background-color:#0f172a;position:sticky;margin-top:1px;top:0}nav,nav ul{display:flex}nav ul li{list-style:none}nav ul li a{text-decoration:none;display:block;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem;transition:background-color .3s ease,color .3s ease}nav ul li a:not(.active):hover{background-color:#1a2438}.home{height:100vh;width:100%;padding:10px 20px;display:block;box-sizing:border-box}.home .container{height:180px;width:100%;padding:10px;box-sizing:border-box;background:linear-gradient(90deg,#efae5f,#fff)}.home .container .profileHeader{height:160px;width:100%;padding:10px;box-sizing:border-box}.home .container .profileHeader .profileHeader-info{height:140px;width:140px;box-sizing:border-box;padding:10px;background-color:#fff;border-radius:50%}.home .container .profileHeader .profileHeader-info .profileRadius{height:120px;width:120px;border-radius:50%;background-color:#f4b960;display:flex;text-align:center;justify-content:center;align-items:center}.home .container .profileHeader .profileHeader-info .profileRadius h1{font-size:5em;color:#fff}.home .userInfoBar{height:auto;width:100%;padding:10px;box-sizing:border-box;background-color:#e8ded2}.home .userInfoBar .profileTab ul{display:flex;gap:20px;text-decoration:none;list-style:none}.home .userInfoBar .profileTab ul li a{color:#000;font-size:1em;text-decoration:none}.home .userInfoBar .profileTab ul li a:hover{background-color:#bcc3d6;border-radius:5px}.home .list-beat,.sideBar{box-sizing:border-box}.sideBar{width:100%;height:auto}.sideBar .stats{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.sideBar .stats .stats__item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}.sideBar .stats .stats__item .stats__item__title{font-size:1rem;font-weight:700;padding:0 10px;color:#8a8787;width:100%}.sideBar .stats .stats__item .stats__item__value{font-size:20px;font-family:Inter,sans-serif;font-weight:700;text-align:center;color:#8a8787;width:100%}.sideBar .artistModule .fansTitle{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.sideBar .artistModule .fansTitle .title{font-size:18px;color:#8a8787;margin-right:10px}.sideBar .artistModule .fansTitle .btn-refresh{font-size:18px;cursor:pointer;color:#8a8787}.sideBar .artistModule .artistItem{display:flex;flex-direction:row;margin:10px 0;padding:10px 5px;border:.5px solid #ffebcd}.sideBar .artistModule .artistItem .artistItem__info{display:flex;flex-direction:column;justify-content:center;margin-left:10px}.sideBar .artistModule .artistItem .artistItem__img{background-image:url("data:image/jpeg;base64,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");width:100px;height:100px;border-radius:50%}.sideBar .artistModule .artistItem .artistItem__info button{width:70px;position:inherit;cursor:pointer;height:auto}.listBeatSaling{display:flex;width:100%;height:700px;margin-top:40px}.listBeatSaling .title h2{font-size:1.5em;font-family:Roboto,sans-serif;margin:10px;color:#b0b0b0}.listBeatSaling .sound_body{width:70%;height:100%}.listBeatSaling .userSideBar{width:30%;height:100%;box-sizing:border-box;padding:10px}.player{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:inherit;margin:0}.player .time-control{display:flex;color:#0c1280}.player .time-control .track input{margin:0 5px}.song-container h2{display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:#a8a8a8}.song-container h3{color:#252121}.song-container h3,.song-container h4{display:flex;justify-content:center;align-items:center;text-transform:lowercase}.song-container h4{color:#000}.beatInfo{border-radius:10px;margin:10px 5px;padding:10px;display:flex;background:linear-gradient(90deg,#feb4b4,#fff,#f48585)}.beatInfo .avatar{width:20%;display:flex;align-items:center;justify-content:center}.beatInfo .controls{width:60%;display:flex;flex-direction:column}.beatInfo .controls .comment{display:flex;align-items:center;justify-content:center}.beatInfo .comment button{background-color:salmon;border-radius:10px;color:#fff;font-size:.7rem;margin-left:10px;font-weight:700}.beatInfo .btn{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.beatInfo .btn button{background-color:salmon;position:inherit}.about{padding-bottom:20px}.button{justify-content:space-between;align-items:center;margin:0 .5rem}.button button{background-color:#618bed;border:1px solid #81d7ff;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s}.button button:hover{color:#000;background-color:#d3d1ec}.container{display:flex;justify-content:space-between}.container .connect{background-color:#eee;width:auto;margin:0 10px;justify-content:space-between;padding-left:10px;padding-right:10px;text-transform:lowercase;border-radius:5px}.container .disconnect{display:none}header{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a}header .title{font-size:2em;margin:1rem;font-weight:700;text-decoration:none;color:#fff;display:flex}header .icon{margin-left:20px;width:10%;height:auto;display:flex}header .account{margin-right:20px;display:flex}.card-container{width:auto;border:1px solid #da3131;margin-bottom:10px;box-sizing:border-box;border-radius:10px;background:linear-gradient(90deg,#eb86e6,#bb7ded,#e356dc,#d6b2f4)}.card-container .card{width:auto;display:flex;margin:10px}.card-container .card .card-avatar{width:10%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center}.card-container .card .card-avatar .card-id{margin:10px;font-size:20px;color:#fdfdfd}.card-container .card .card-body{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}.card-container .card .card-body .card-title{margin:10px;font-size:20px;text-transform:uppercase;color:#fdfdfd}.card-container .card .card-body .card-text{margin:5px;font-size:15px;text-transform:uppercase;color:#000}.card-container .card .card-btn{display:flex;flex-direction:column}.card-container .card .card-btn button{margin:10px;background-color:#d952b0;position:inherit}.manage-body{width:100%;height:auto;box-sizing:border-box;padding:20px;background-image:url(/_next/static/media/bg-manage.f2d042c2.jpg);background-size:cover;background-repeat:no-repeat}.admin{display:flex;flex-direction:column;padding:10px;background-color:rgba(17,25,40,.1);height:100vh;form{display:flex;flex-direction:column;gap:10px;width:300px;label{align-self:center;font-size:20px;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}input{border:none;outline:none;border-radius:10px;font-style:20px;padding:10px;color:#000}.btn-admin{display:flex;gap:10px;button{cursor:pointer;border:none;border-radius:10px;background-color:rgba(17,25,40,.5);width:100px;padding:10px;&:hover{background-color:rgba(17,25,40,.7)}}}}}*{margin:0;padding:0}.App{background-color:#fefefe;height:100%;width:100%}