body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;background-color:#f0f0f0;border-bottom:1px solid rgba(161,55,55,.271);color:#fff;display:flex;gap:2rem;height:2rem;padding:1.5rem}.container div{flex:1 1}.container .site-items h3{font-size:.9rem}.container .site-items img{border-radius:50%;height:2rem;margin-top:-.3rem;width:2rem}.container .site-items #icon{color:rgba(255,0,0,.271);font-size:2.5rem}.container .site-items .items{align-items:center;color:#3b3b3b;display:flex;float:right}.container .site-items .items .item{align-items:center;cursor:pointer;display:flex;font-size:1.6rem;margin-right:1rem;position:relative}.container .site-items .items .item:hover{color:red}.container .site-items .items .item .counter{background-color:red;border-radius:50%;color:#fff;font-size:.65rem;height:.8rem;position:absolute;right:0;text-align:center;top:0;width:.8rem}.container .site-search{align-items:center;background:#fff;border-radius:5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);display:flex;height:1.7rem;justify-content:space-between;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container .site-search input{background-color:transparent;border:none;color:#272727;font-weight:800;outline:none;padding:.5rem;width:80%}.container .site-search #search{border:1px solid rgba(161,55,55,.271);border-radius:5px;color:rgba(161,55,55,.271);float:right;font-weight:700;padding:.5rem}.container .site-search #search:hover{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;cursor:pointer}.New{background-color:#000;color:#fff;display:flex;height:100vh}.New .sidebar{flex:1 1}.New .new-component{background-color:#000;border-bottom:none;display:flex;flex:6 1;flex-direction:column;padding:2rem;width:100%}.New .new-component .navbar{width:100%}.New .new-component .top{color:red}.New .new-component .bottom,.New .new-component .top{border-radius:10px;box-shadow:-1px 0 5px 2px #878787;-webkit-box-shadow:-1px 0 5px 2px #8a8a8a;-moz-box-shadow:-1px 0 5px 2px #717171;margin-top:2rem;padding:1rem}.New .new-component .bottom{display:flex}.New .new-component .bottom .left{flex:1 1;text-align:center}.New .new-component .bottom .left img{border:1px solid #fff;border-radius:50%;height:10rem;object-fit:cover;width:10rem}.New .new-component .bottom .right{flex:2 1}.New .new-component .bottom .right form{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around}.New .new-component .bottom .right form .formItem{width:40%}.New .new-component .bottom .right form .formItem input{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;margin-top:.5rem;padding:.3rem;width:100%}.New .new-component .bottom .right form .formItem .upload{background-color:red;border:1px solid #fff;border-radius:5px;cursor:pointer;margin-top:.5rem;padding:.3rem;width:100%}.New .new-component .bottom .right form button{background-color:red;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem;width:42%}.Sidebar{background-color:#f5f5f5;border-right:1px solid rgba(161,55,55,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:2 1;flex:1 1;height:100%;overflow-y:scroll;padding-left:.2rem;z-index:100}.Sidebar .site-id{position:relative;text-align:center}.Sidebar .site-id h3{color:red;padding:1rem}.Sidebar .heading{background-color:#f5f5f5;color:#fff;font-size:2rem;height:10rem;margin-bottom:2rem;position:relative;text-align:center}.Sidebar .heading img{height:4rem;left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8rem}.Sidebar .tags{color:red;font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:1rem}.Sidebar .tab a{align-items:center;background-color:#f5f5f5;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;justify-content:space-between;margin:.1rem .3rem .1rem .1rem;padding:.5rem;text-decoration:none}.Sidebar .tab a:hover{transition:.3s ease-in-out}.Sidebar .tab a.active,.Sidebar .tab a:hover{background:rgba(255,0,0,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red}.Sidebar .tab .logout{align-items:center;background-color:#f5f5f5;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;justify-content:space-between;margin:.1rem .3rem .1rem .1rem;padding:.5rem;text-decoration:none}.Sidebar .tab .logout:hover{background:hsla(0,0%,47%,.376);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;transition:.3s ease-in-out}.Single{background-color:#f0f0f0;display:flex;height:100vh}.Single .single-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Single .single-component .title{align-items:center;display:flex;justify-content:space-between;padding:0 2rem}.Single .single-component .title h1{color:red;font-size:2rem}.Single .single-component .title .profile{border:1px solid #3b3b3b;color:#3b3b3b;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem}.Single .single-component .title .profile:hover{background:rgba(59,59,59,.247);color:red}.Single .single-component .top{color:#fff;display:flex;gap:8rem;height:auto;justify-content:center;padding:2rem}.Single .single-component .top .left{border-radius:10px;padding:1rem;width:35%}.Single .single-component .top .left .session-info{display:flex;flex-direction:column;height:100%;justify-content:space-between}.Single .single-component .top .left .session-info h2{color:red}.Single .single-component .top .left .session-info .user-status .session-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.Single .single-component .top .left .session-info .user-status .session-item h3{color:#3b3b3b;font-size:.9rem}.Single .single-component .top .left .session-info .user-status .session-item p{border-bottom:1px solid rgba(161,55,55,.271);color:#3b3b3b;font-size:.9rem;font-weight:800;padding:.5rem}.Single .single-component .top .left .session-info .user-status .session-item div{border-radius:3px;padding:.5rem}.Single .single-component .top .left .session-info .user-status .session-item .status{background:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:green;font-size:.9rem}.Single .single-component .top .left .session-info .buttons{display:flex;justify-content:space-between}.Single .single-component .top .left .session-info .buttons .session-item .logout{background-color:#fff;border-radius:3px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;cursor:pointer;font-size:.9rem;padding:.5rem}.Single .single-component .top .left .session-info .buttons .session-item .logout:hover{background:red;color:#fff}.Single .single-component .top .left .session-info .buttons .session-item .notify{background-color:#fff;border-radius:3px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:blue;cursor:pointer;font-size:.9rem;font-weight:800;padding:.5rem}.Single .single-component .top .left .session-info .buttons .session-item .notify:hover{background:blue;color:#fff}.Single .single-component .right{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);padding:1rem;width:35%}.Single .single-component .right .session-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.Single .single-component .right .session-item h3{color:#3b3b3b;font-size:.9rem}.Single .single-component .right .session-item p{border-bottom:1px solid rgba(161,55,55,.271);color:#3b3b3b;font-size:.9rem;font-weight:800;padding:.5rem}.Single .bottom{padding:2rem}.Chart{background-color:rgba(255,0,0,.271);border-radius:5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:gray;flex:2 1;padding:1rem 1rem 1rem 2rem}.Chart .title{color:red;margin-bottom:1rem}.Chart .chartGrid{stroke:rgba(255,0,0,.401)}.Table{background-color:#f0f0f0}.Table .head .tableHead{background-color:rgba(255,0,0,.271);font-weight:700}.Table .cellWrapper{align-items:center;display:flex}.Table .cellWrapper .image{border:2px solid #3b3b3b;border-radius:50%;height:32px;margin-right:1rem;object-fit:cover;width:32px}.Table .tableCell{background-color:#fff;color:#3b3b3b;font-weight:800}.Table .status{border-radius:5px;color:#000;padding:.3rem}.Table .status.Approved{background-color:rgba(0,128,0,.208);color:green}.Table .status.Pending{background-color:rgba(255,255,0,.252);color:#daa520}.Login{background:#f0f0f0;height:100vh}.Login form{background-color:#fff;border:1px solid rgba(161,55,55,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);left:50%;padding:1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20rem}.Login form .login-title{color:red;font-size:1.3rem;font-weight:700;margin-bottom:2rem;text-align:center}.Login form .form-item input{background:transparent;border:none;border:1px solid rgba(161,55,55,.271);color:#272727;margin-bottom:2rem;outline:none;padding:.5rem;width:19rem}.Login form .form-item input:focus{color:#272727}.Login form .login{color:#3b3b3b;text-align:center}.Login form .login button{background:transparent;border:none;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;cursor:pointer;padding:.5rem;width:8rem}.Login form .login button:hover{background:rgba(255,0,0,.271);color:red}.List{height:100vh}.List,.List .list-component{background-color:#f0f0f0;display:flex}.List .list-component{border-bottom:none;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;flex-direction:column;height:97vh;margin:.5rem}.List .list-component .navbar{width:100%}.List .list-component .add-new-user{padding:1rem;text-align:right}.List .list-component .add-new-user a{background:#fff;border-radius:3px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:green;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem;text-decoration:none}.List .list-component .add-new-user a:hover{background:green;color:#fff}.List .list-component .Datatable{background-color:#fff;border:1px solid rgba(161,55,55,.271);height:40rem;margin:1rem;overflow-y:scroll}.List .list-component .Datatable .top{color:#3b3b3b;display:flex;gap:.1rem;justify-content:space-between;padding:.1rem;text-align:center}.List .list-component .Datatable .top .table-head{background-color:#fff;border:1px solid rgba(161,55,55,.271);flex:1 1;font-size:.85rem;font-weight:700;padding:.5rem}.List .list-component .Datatable .top #email{flex:2 1;text-align:left}.List .list-component .Datatable .table-body{display:flex;flex-direction:column;gap:.1rem;padding:.1rem}.User-component{background-color:#fff;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;cursor:pointer;display:flex;justify-content:space-between;text-align:center;width:100%}.User-component:hover{background:rgba(255,0,0,.271);border:1px solid rgba(161,55,55,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;transition:.5s ease}.User-component .component-body{border-right:1px solid rgba(161,55,55,.271);flex:1 1;font-size:.85rem;font-weight:500;padding:.5rem}.User-component #email{flex:2 1;text-align:left}.User-component #user-id{flex:4 1}.Home{box-sizing:border-box;display:flex;height:100vh}.Home .body-component{background-color:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);display:flex;flex:6 1;flex-direction:column;margin:.5rem;overflow-y:scroll}.Home .body-component .navbar{width:100%}.Home .body-component .widget-title{color:red;padding-left:1rem}.Home .body-component .widgets{display:flex;gap:1rem;padding:0 1rem}.Home .body-component .charts-container{display:flex;gap:1rem;padding:2rem}.Home .body-component .listContainer{background-color:#f0f0f0;border-radius:10px;color:#fff;margin-top:2rem;padding:2rem}.Home .body-component .listTitle{color:red;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.Widget{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:#fff;flex:1 1;margin-right:.5rem;padding:1rem}.Widget,.Widget .left{justify-content:space-between}.Widget .left{align-items:left;display:flex;flex-direction:column}.Widget .left span{margin-bottom:.5rem}.Widget .left .title{color:red;font-size:.9rem;font-weight:700}.Widget .left .stats{align-items:center;display:flex;justify-content:space-between}.Widget .left .stats .left-side{display:flex;flex-direction:column}.Widget .left .stats .left-side .likes,.Widget .left .stats .left-side .streams{color:#272727;font-size:.8rem}.Widget .left .stats .right-side #icon{align-self:flex-end;border-radius:10px;font-size:1.3rem;padding:.5rem}.Widget .right .link{border-bottom:1px solid #5d5d5d;color:#3b3b3b;cursor:pointer;font-size:.8rem;font-weight:800;width:-webkit-max-content;width:max-content}.Widget .right .link:hover{border-bottom:1px solid red;color:red}.Featured{background-color:#f0f0f0;border-radius:5px;color:#272727;display:flex;flex:1 1;flex-direction:column;height:27rem;padding:1rem}.Featured .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.Featured .top h1{color:red;font-size:1rem}.Featured .bottom .heading{border-bottom:2px solid #3b3b3b;color:#3b3b3b;font-weight:700;margin-bottom:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Featured .bottom .featured-item{display:flex;justify-content:space-between;margin-bottom:.2rem;padding:1rem}.Featured .bottom .featured-item .name{font-size:.85rem}.Featured .bottom .featured-item .amount{color:red;font-size:.9rem;text-decoration:underline}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.Music{display:flex;height:100vh}.Music .music-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Music .music-component .add-new-track{padding:2rem;text-align:right}.Music .music-component .add-new-track button{background-color:#fff;border:none;border-radius:3px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:green;font-weight:500;padding:.5rem}.Music .music-component .add-new-track button:hover{background:green;color:#fff;cursor:pointer}.Music .music-component .music-body{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.Musicbubble{background-color:#fff;border:1px solid rgba(161,55,55,.271);border-radius:5px;color:#3b3b3b;height:20rem;position:relative;width:20rem}.Musicbubble:hover{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);transition:.5s ease-in-out}.Musicbubble .overlay{background:rgba(255,0,0,.271);border-radius:5px;cursor:pointer;height:20rem;left:0;opacity:0;position:absolute;top:0;width:20rem}.Musicbubble .overlay:hover{opacity:1}.Musicbubble .overlay #more{color:red;font-size:2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Musicbubble .image-container{border-bottom:1px solid rgba(161,55,55,.271);height:10rem;width:100%}.Musicbubble .image-container img{border-radius:5px 5px 0 0;height:10rem;object-fit:cover;width:100%}.Musicbubble .bubble-container{font-size:.85rem;padding:1rem}.Musicbubble .bubble-container div{margin-bottom:1rem}.Musicbubble .bubble-container .track-title{color:red;font-size:1rem;font-weight:700}.Singlemusic{background-color:#f0f0f0;color:#3b3b3b;display:flex;height:100vh}.Singlemusic .single-music-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Singlemusic .single-music-component .track-info{display:flex;gap:3rem;padding:2rem}.Singlemusic .single-music-component .track-info .left .image-holder img{border:1px solid rgba(161,55,55,.271);height:25rem;object-fit:cover;width:30rem}.Singlemusic .single-music-component .track-info .left .track-details{padding:1rem}.Singlemusic .single-music-component .track-info .left .track-details h2{color:red}.Singlemusic .single-music-component .track-info .left .track-details p{border-bottom:1px solid #3b3b3b;font-size:.9rem;margin-left:2rem;padding-bottom:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Singlemusic .single-music-component .track-info .right{display:flex;flex-direction:column;height:70vh;justify-content:space-between}.Singlemusic .single-music-component .track-info .right .track-bio h3{color:red}.Singlemusic .single-music-component .track-info .right .track-bio p{margin:1rem}.Singlemusic .single-music-component .track-info .right .distribution-info{display:flex;font-size:2rem;gap:2rem;justify-content:center}.Singlemusic .single-music-component .track-info .right .distribution-info #dist-logo{cursor:pointer}.Singlemusic .single-music-component .track-info .right .distribution-info #dist-logo:hover{color:red}.Addnew{color:#272727;display:flex;height:110vh}.Addnew .new-music-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Addnew .new-music-component .new-music-form{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;padding:2rem 6rem}.Addnew .new-music-component .new-music-form h1{color:red}.Addnew .new-music-component .new-music-form input{border:1px solid rgba(161,55,55,.271);padding:.5rem;width:25rem}.Addnew .new-music-component .new-music-form input:focus{outline:none}.Addnew .new-music-component .new-music-form .page-one{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);height:auto;padding-bottom:2rem;width:100%}.Addnew .new-music-component .new-music-form .page-one .information-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.Addnew .new-music-component .new-music-form .page-one .information-container .feature{align-items:flex-start;display:flex;gap:.3rem}.Addnew .new-music-component .new-music-form .page-one .information-container .feature .feature-inputs{display:flex;flex-direction:column;gap:1rem}.Addnew .new-music-component .new-music-form .page-one .information-container .feature input{width:22.7rem}.Addnew .new-music-component .new-music-form .page-one .information-container .feature div{display:flex;gap:.5rem}.Addnew .new-music-component .new-music-form .page-one .information-container .feature div .remove{background-color:#fff;color:#080;padding:.5rem;text-align:center;width:1rem}.Addnew .new-music-component .new-music-form .page-one .information-container .feature div .remove:hover{background-color:rgba(0,136,0,.271);cursor:pointer}.Addnew .new-music-component .new-music-form .page-one .information-container .feature span{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;padding:.5rem;text-align:center;width:1rem}.Addnew .new-music-component .new-music-form .page-one .information-container .feature span:hover{background-color:rgba(255,0,0,.271);cursor:pointer}.Addnew .new-music-component .new-music-form .page-one .information-container .next{margin-top:5rem}.Addnew .new-music-component .new-music-form .page-one .information-container .next #next-form{background-color:red;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:0;padding:.5rem 1rem}.Addnew .new-music-component .new-music-form .page-one .information-container .next #next-form:hover{color:red}.Addnew .new-music-component .new-music-form .page-one .information-container .next #next-form:hover,.Addnew .new-music-component .new-music-form .page-two{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75)}.Addnew .new-music-component .new-music-form .page-two{border-radius:5px;height:30rem;text-align:center;width:100%}.Addnew .new-music-component .new-music-form .page-two .information-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.Addnew .new-music-component .new-music-form .page-two .information-container .uploads{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:left}.Addnew .new-music-component .new-music-form .page-two .information-container .uploads label{align-items:center;border:1px solid rgba(161,55,55,.271);color:#5d5d5d;display:flex;font-size:.8rem;gap:1rem;margin:0;padding:0 1rem;width:24rem}.Addnew .new-music-component .new-music-form .page-two .information-container .uploads label input{border:none;flex:1 1}.Addnew .new-music-component .new-music-form .page-two .information-container select{background-color:#fff;border:1px solid rgba(161,55,55,.271);padding:.5rem;width:26rem}.Addnew .new-music-component .new-music-form .page-two .information-container .next-2 #next-form{background-color:red;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:0;padding:.5rem 1rem}.Addnew .new-music-component .new-music-form .page-two .information-container .next-2 #next-form:hover{color:red}.Addnew .new-music-component .new-music-form .page-three,.Addnew .new-music-component .new-music-form .page-two .information-container .next-2 #next-form:hover{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75)}.Addnew .new-music-component .new-music-form .page-three{border-radius:5px;height:30rem;width:100%}.Addnew .new-music-component .new-music-form .page-three .information-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.Addnew .new-music-component .new-music-form .page-three .information-container input{width:22.7rem}.Addnew .new-music-component .new-music-form .page-three .information-container select{background-color:#fff;border:1px solid rgba(161,55,55,.271);padding:.5rem;width:24rem}.Addnew .new-music-component .new-music-form .page-three .information-container span{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;padding:.5rem;text-align:center;width:1rem}.Addnew .new-music-component .new-music-form .page-three .information-container span:hover{background-color:rgba(255,0,0,.271);cursor:pointer}.Addnew .new-music-component .new-music-form .page-three .information-container .next-3{margin-top:4rem}.Addnew .new-music-component .new-music-form .page-three .information-container .next-3 #next-form{background-color:red;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:0;padding:.5rem 1rem}.Addnew .new-music-component .new-music-form .page-three .information-container .next-3 #next-form:hover{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red}.Addnew .new-music-component .new-music-form .page-three .information-container .submit{align-items:center;display:flex;gap:1rem;margin-top:4rem}.Addnew .new-music-component .new-music-form .page-three .information-container .submit #cancel{background-color:red;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:0;padding:.5rem 1rem;width:4rem}.Addnew .new-music-component .new-music-form .page-three .information-container .submit #cancel:hover{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red}.Addnew .new-music-component .new-music-form .page-three .information-container .submit #submit{background-color:#080;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:0;padding:.5rem 1rem;width:4rem}.Addnew .new-music-component .new-music-form .page-three .information-container .submit #submit:hover{background-color:#fff;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:#080}.Addnew .new-music-component .scroll-bar{align-items:center;display:flex;gap:.3rem;justify-content:center}.Addnew .new-music-component .scroll-bar span{background-color:#fff;border-radius:.5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);cursor:pointer;padding:.5rem 1rem}.Addnew .new-music-component .scroll-bar span:hover{background-color:rgba(255,0,0,.271)}.Notifications{color:#f0f0f0;display:flex;height:100vh}.Notifications .sidebar{flex:1 1}.Notifications .notifications-component{background:#f0f0f0;flex:6 1;margin:.5rem;overflow-y:scroll}.Notifications .notifications-component,.Notifications .notifications-component .notification-body{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75)}.Notifications .notifications-component .notification-body{border-radius:10px;display:flex;height:80vh;margin:2rem}.Notifications .notifications-component .notification-body .left{background-color:#fff;border-radius:10px 0 0 10px;border-right:1px solid rgba(161,55,55,.271);flex:1 1}.Notifications .notifications-component .notification-body .left .heading{border-bottom:1px solid rgba(161,55,55,.271);color:red;font-size:1.5rem;font-weight:700;padding:1rem;text-align:left}.Notifications .notifications-component .notification-body .right{background-color:#fff;border-radius:0 10px 10px 0;flex:3 1}.Notifications .notifications-component .notification-body .right .heading{align-items:center;border-bottom:1px solid rgba(161,55,55,.271);display:flex;height:1.8rem;justify-content:space-between;padding:1rem}.Notifications .notifications-component .notification-body .right .heading .user-details{align-items:center;display:flex;gap:1rem}.Notifications .notifications-component .notification-body .right .heading .user-details .image img{border:1px solid rgba(161,55,55,.271);border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.Notifications .notifications-component .notification-body .right .heading .user-details .username{color:red;font-weight:500;text-align:left}.Notifications .notifications-component .notification-body .right .heading .actions{color:#3b3b3b;cursor:pointer;font-size:1.5rem;text-align:right}.Notifications .notifications-component .notification-body .right .heading .actions:hover{color:red}.notificationBubble{align-items:center;border:1px solid rgba(161,55,55,.271);cursor:pointer;display:flex;height:2.3rem;justify-content:space-between;margin:1px;padding:.3rem}.notificationBubble:hover{background:rgba(255,0,0,.271);border:1px solid rgba(161,55,55,.271);color:red;transition:.3s ease}.notificationBubble .logo{flex:1 1}.notificationBubble .logo img{border:1px solid rgba(161,55,55,.271);border-radius:50%;height:2rem;object-fit:cover;width:2rem}.notificationBubble .notification-preview{flex:3 1}.notificationBubble .notification-preview p{color:#272727;font-size:.9rem;height:1rem;overflow:hidden}.notificationBubble .time{flex:1 1}.notificationBubble .time p{font-size:.8rem}.Profile{background-color:#f0f0f0;height:100vh}.Profile p{margin:0;padding:0}.Profile .Profile-container .user-profile-info{background-color:#fff}.Profile .Profile-container .user-profile-info .left .image-holder #icon{color:rgba(255,0,0,.271);height:10rem;width:10rem}.Profile .Profile-container .user-profile-info .left .user-section-one .user-item .input,.Profile .Profile-container .user-profile-info .left .user-section-one .user-item .text{background-color:transparent;border:none;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;font-size:.8rem;font-weight:800;margin-top:.5rem;padding:.5rem;width:100%}.Profile .Profile-container .user-profile-info .left .user-section-one .user-item .text{height:10rem}.Profile .Profile-container .user-profile-info .right .actions .delete-account{background:transparent;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;cursor:pointer;font-size:.9rem;padding:.5rem}.Profile .Profile-container .user-profile-info .right .actions .delete-account:hover{background:red;color:#fff}.Profile .Profile-container .user-profile-info .right .actions a{background:transparent;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:green;cursor:pointer;font-size:.9rem;padding:.5rem}.Profile .Profile-container .user-profile-info .right .actions a:hover{background:green;color:#fff}.Profile .Profile-container .user-profile-info .right .items .user-item .input{background-color:transparent;border:none;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;font-size:.8rem;font-weight:800;margin-top:.5rem;outline:none;padding:.5rem;width:13b3b3b}.Profile{display:flex;height:110vh}.Profile .sidebar{flex:1 1}.Profile .Profile-container{flex:6 1;margin:.5rem}.Profile .Profile-container,.Profile .Profile-container .user-profile-info{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);overflow-y:scroll}.Profile .Profile-container .user-profile-info{display:flex;gap:3rem;margin:2rem;padding:2rem}.Profile .Profile-container .user-profile-info input{width:30}.Profile .Profile-container .user-profile-info .left{flex:1 1}.Profile .Profile-container .user-profile-info .left .title{color:red;font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding:1rem}.Profile .Profile-container .user-profile-info .left .image-holder{text-align:center}.Profile .Profile-container .user-profile-info .left .image-holder img{border:1px solid rgba(161,55,55,.271);border-radius:10px;height:10rem;width:10rem}.Profile .Profile-container .user-profile-info .left .user-section-one .user-item input,.Profile .Profile-container .user-profile-info .left .user-section-one .user-item textarea{background-color:transparent;border:1px solid #3b3b3b;color:#fff;margin-top:.5rem;padding:.5rem;width:100%}.Profile .Profile-container .user-profile-info .left .user-section-one .user-item textarea{height:10rem}.Profile .Profile-container .user-profile-info .right{display:flex;flex:2 1;flex-direction:column;justify-content:space-between}.Profile .Profile-container .user-profile-info .right .actions{display:flex;gap:4rem;justify-content:right;text-align:center}.Profile .Profile-container .user-profile-info .right .actions .save-details{background:transparent;border:1px solid #3b3b3b;color:#003cff;cursor:pointer;font-size:.9rem;padding:.5rem;width:10rem}.Profile .Profile-container .user-profile-info .right .actions .save-details:hover{background:rgba(59,59,59,.471)}.Profile .Profile-container .user-profile-info .right .items .user-item input{background-color:transparent;border:1px solid #3b3b3b;color:#fff;margin-top:.5rem;outline:none;padding:.5rem;width:100%}.RegisterUsers{display:flex;height:100vh}.RegisterUsers .new-user-component{background:#f0f0f0;flex:6 1;margin:.5rem;overflow-y:scroll}.RegisterUsers .new-user-component,.RegisterUsers .new-user-component .registration-body form{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75)}.RegisterUsers .new-user-component .registration-body form{background-color:#fff;display:flex;flex-direction:column;left:50%;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25rem}.RegisterUsers .new-user-component .registration-body form .title{text-align:center}.RegisterUsers .new-user-component .registration-body form .title h1{color:red;font-size:1.5rem;margin-bottom:1rem}.RegisterUsers .new-user-component .registration-body form .form-item input{background:transparent;border:none;border-bottom:1px solid rgba(161,55,55,.271);color:#272727;font-weight:700;margin-bottom:.5rem;outline:none;padding:.5rem;width:24rem}.RegisterUsers .new-user-component .registration-body form .form-item select{background:transparent;border:none;border-bottom:1px solid rgba(161,55,55,.271);color:#272727;cursor:pointer;margin-bottom:.5rem;padding:.5rem;width:100%}.RegisterUsers .new-user-component .registration-body form .form-item select option{cursor:pointer}.RegisterUsers .new-user-component .registration-body form button{background:transparent;border:1px solid #ff8a8a;color:red;cursor:pointer;margin-top:.5rem;padding:.5rem;width:100%}.RegisterUsers .new-user-component .registration-body form button:hover{background:rgba(255,0,0,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:#fff}a{text-decoration:none}.DistributeBubble-component{background-color:#fff;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;cursor:pointer;display:flex;justify-content:space-between;text-align:left;width:100%}.DistributeBubble-component:hover{background:rgba(255,0,0,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);color:red;transition:.5s ease}.DistributeBubble-component .component-body{border-right:1px solid rgba(161,55,55,.271);flex:1 1;font-size:.8rem;padding:.5rem}.DistributeBubble-component #title{flex:2 1}.DistributeBubble-component #user-id{flex:4 1}.Distribute{display:flex;height:100vh;overflow-y:scroll}.Distribute .distribution-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Distribute .distribution-component .body-component .Datatable{background-color:#fff;border:1px solid rgba(161,55,55,.271);height:30rem;margin:1rem;overflow-y:scroll}.Distribute .distribution-component .body-component .Datatable .top{color:#3b3b3b;display:flex;gap:.1rem;justify-content:space-between;padding:.1rem;text-align:center}.Distribute .distribution-component .body-component .Datatable .top .table-head{background-color:#fff;border:1px solid rgba(161,55,55,.271);flex:1 1;font-size:.85rem;font-weight:700;padding:.5rem;text-align:left}.Distribute .distribution-component .body-component .Datatable .top #title{flex:2 1}.Distribute .distribution-component .body-component .Datatable .table-body{display:flex;flex-direction:column;gap:.1rem;padding:.1rem}.SingleDistribution{background:#f0f0f0;display:flex;height:100vh}.SingleDistribution .SingleDistribution-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.SingleDistribution .SingleDistribution-component .body-component{padding:2rem}.SingleDistribution .SingleDistribution-component .body-component .track-title{color:red;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.SingleDistribution .SingleDistribution-component .body-component .disto-img{border:1px solid rgba(161,55,55,.271);height:20rem;margin-bottom:2rem;width:100%}.SingleDistribution .SingleDistribution-component .body-component .disto-img img{height:20rem;object-fit:cover;width:100%}.SingleDistribution .SingleDistribution-component .body-component .distribution-details{color:#3b3b3b;display:flex;justify-content:space-between;padding:0 5rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details h3{color:red;font-size:1rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-platform{flex:1 1;font-size:.8rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-platform .platform-item{border-bottom:1px solid rgba(161,55,55,.271);padding:.5rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-link{flex:1 1;font-size:.8rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-link .platform-item{border-bottom:1px solid rgba(161,55,55,.271);padding:.5rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-date{flex:1 1;font-size:.8rem}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-date h3{text-align:center}.SingleDistribution .SingleDistribution-component .body-component .distribution-details .distro-date .platform-item{border-bottom:1px solid rgba(161,55,55,.271);padding:.5rem;text-align:center}.Stats{background:#f0f0f0;display:flex;height:100vh}.Stats .sidebar{flex:1 1}.Stats .stats-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Stats .stats-component .body-component{display:flex;flex-direction:column;gap:2rem;padding:1rem}.Stats .stats-component .body-component .daily-stats{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);height:20rem;padding:0 .5rem}.Stats .stats-component .body-component .daily-stats h2{color:red;margin-bottom:2rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms{display:flex;gap:1rem;padding:0 1rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component{border:1px solid rgba(161,55,55,.271);border-radius:5px;flex:1 1;height:10rem;padding:.5rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component:hover{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75)}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .title{color:red;margin-bottom:2rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams{align-items:center;color:#272727;display:flex;font-size:.9rem;justify-content:space-between;padding:0 1rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .left{display:flex;flex-direction:column;gap:1rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .left .link{color:#3b3b3b;cursor:pointer;font-size:.8rem;text-decoration:underline}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .right{font-size:2rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .right #spotify{background:rgba(0,128,0,.216);border-radius:5px;color:green;padding:.3rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .right #youtube{background:rgba(255,0,0,.275);border-radius:5px;color:red;padding:.3rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .right #apple{background:hsla(0,0%,100%,.259);border-radius:5px;color:#fff;padding:.3rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .right #sound{background:rgba(255,102,0,.253);border-radius:5px;color:#f60;padding:.3rem}.Stats .stats-component .body-component .daily-stats .daily-stats-platforms .daily-stats-component .streams .right #audio{background:rgba(0,0,0,.196);border-radius:5px;color:#f60;padding:.3rem}.Stats .stats-component .body-component .monthly-stats{background-color:#fff;border:1px solid rgba(161,55,55,.271);border-radius:5px;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);height:20rem;padding:0 .5rem}.Stats .stats-component .body-component .monthly-stats h2{color:red;margin-bottom:2rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms{display:flex;gap:1rem;padding:0 1rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component{border:1px solid rgba(161,55,55,.271);border-radius:5px;flex:1 1;height:10rem;padding:.5rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component:hover{box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75)}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .title{color:red;margin-bottom:2rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams{align-items:center;color:#272727;display:flex;font-size:.9rem;justify-content:space-between;padding:0 1rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .left{display:flex;flex-direction:column;gap:1rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .left .link{color:#3b3b3b;cursor:pointer;font-size:.8rem;text-decoration:underline}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .right{font-size:2rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .right #spotify{background:rgba(0,128,0,.216);border-radius:5px;color:green;padding:.3rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .right #youtube{background:rgba(255,0,0,.275);border-radius:5px;color:red;padding:.3rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .right #apple{background:hsla(0,0%,100%,.259);border-radius:5px;color:#fff;padding:.3rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .right #sound{background:rgba(255,102,0,.253);border-radius:5px;color:#f60;padding:.3rem}.Stats .stats-component .body-component .monthly-stats .monthly-stats-platforms .monthly-stats-component .streams .right #audio{background:rgba(0,0,0,.196);border-radius:5px;color:#f60;padding:.3rem}.Settings{background-color:#f0f0f0;display:flex;height:100vh}.Settings .sidebar{flex:1 1}.Settings .Settings-component{background:#f0f0f0;box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);flex:6 1;margin:.5rem;overflow-y:scroll}.Settings .Settings-component .body-component{padding:2rem}.Settings .Settings-component .body-component .heading{color:red;font-size:1.2rem;font-weight:700;padding-bottom:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Settings .Settings-component .body-component .setting-section{color:#3b3b3b;font-size:.9rem;padding:1.5rem}.Settings .Settings-component .body-component .disp{align-items:center;display:flex;gap:3rem}.Settings .Settings-component .body-component .disp #toggle{color:red;cursor:pointer;font-size:1.2rem}.Settings .Settings-component .body-component .sound{display:flex;flex-direction:column;gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:11.5rem}.Settings .Settings-component .body-component .sound span{display:flex;justify-content:space-between}.Settings .Settings-component .body-component .sound span p{align-items:center;display:flex;gap:.5rem}.Settings .Settings-component .body-component .sound span input{color:red}.Settings .Settings-component .body-component .sound span:hover{cursor:pointer;text-decoration:underline}.Settings .Settings-component .body-component .language .options{align-items:center;display:flex;gap:1rem}.Settings .Settings-component .body-component .language .options #lang{color:red;font-size:1.2rem}.Settings .Settings-component .body-component .language .options select{background:transparent;border:1px solid rgba(161,55,55,.271);border-radius:0;color:#272727;cursor:pointer;padding:.5rem;width:7rem}.Settings .Settings-component .body-component .utility{display:flex;flex-direction:column;gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Settings .Settings-component .body-component .utility span:hover{cursor:pointer;text-decoration:underline}.Settings .Settings-component .body-component .contact{align-items:baseline;display:flex;gap:2rem}.Settings .Settings-component .body-component .contact form{background-color:#fff;border:1px solid rgba(161,55,55,.271);box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-webkit-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);-moz-box-shadow:0 1px 3px 2px hsla(0,18%,48%,.75);display:flex;flex:1 1;flex-direction:column;padding:1rem}.Settings .Settings-component .body-component .contact form input{background:transparent;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;font-weight:700;margin-bottom:1rem;padding:.5rem}.Settings .Settings-component .body-component .contact form input:focus{color:#fff;outline:none}.Settings .Settings-component .body-component .contact form textarea{background:transparent;border:1px solid rgba(161,55,55,.271);color:#3b3b3b;font-weight:700;height:10rem;padding:.5rem}.Settings .Settings-component .body-component .contact form textarea:focus{color:#fff;outline:none}.Settings .Settings-component .body-component .contact .contact-details{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:2rem}.Settings .Settings-component .body-component .contact .contact-details span{align-items:center;display:flex;justify-content:space-between}.Settings .Settings-component .body-component .contact .contact-details span p{color:#272727;cursor:pointer;text-decoration:underline}.Settings .Settings-component .body-component .contact .contact-details span #social{color:red;font-size:1.5rem}
/*# sourceMappingURL=main.688f463f.css.map*/