styles.css

.off.discordButton i::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 127.14 96.36"><g id="图层_2" data-name="图层 2"><g id="Discord_Logos" data-name="Discord Logos"><g id="Discord_Logo_-_Large_-_White" data-name="Discord Logo - Large - White"><path d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></g></g></g></svg>');

}
.on.discordButton i::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 127.14 96.36"><defs><style>.cls-1{fill:%235865f2;}</style></defs><g id="图层_2" data-name="图层 2"><g id="Discord_Logos" data-name="Discord Logos"><g id="Discord_Logo_-_Large_-_White" data-name="Discord Logo - Large - White"><path class="cls-1" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></g></g></g></svg>');
}
body #window-news {
    display: none !important;
}

#window-player>div>div>div>div.content.p-1.p-sm-2>div>div.col-12.col-sm>div>div.row.my-1.my-sm-2.py-1.no-gutters.noselect>div.col.col-md-5.d-none.d-md-block {
    display: block !important;
}

#window-player>div>div>div>div.content.p-1.p-sm-2>div>div.col-12.col-sm-auto.align-self-center.mb-2.mb-sm-0.px-4.px-sm-0 {
    padding: 0 !important;
}


#window-player>div>div>div>div.content.p-1.p-sm-2>div>div.col-12.col-sm>div {
    padding-left: 8px;
}

.noselect.button-maximize {
    display: none !important;
}

body {
    height: auto !important;
    display: contents !important;
}

#app {
    height: auto !important;
    width: auto !important;
    display: contents !important;
}

#window-player {
    height: auto !important;
    width: auto !important;
    position: unset !important;
    padding: 0 !important;
}

.taskbar.d-flex.flex-nowrap {
    display: none !important;
}

body #window-player .win98.col .window {
    margin: 0 !important;
    position: unset !important;
    width: 100% !important;
}

.win98 {
    width: unset !important;
    display: contents !important;
}

.app-desktop {
    display: contents !important;
}

#window-player .inner .content .cover {
    width: 112px !important;
}

#window-player .inner .player-meta {
    text-align: unset !important;
}

#window-player .window {
    width: 100% !important;
}

.container-sm,
.container {
    max-width: 540px !important;
}

.col-sm {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    max-width: 100% !important;
}

.row-cols-sm-1>* {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.row-cols-sm-2>* {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.row-cols-sm-3>* {
    flex: 0 0 33.3333333333% !important;
    max-width: 33.3333333333% !important;
}

.row-cols-sm-4>* {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.row-cols-sm-5>* {
    flex: 0 0 20% !important;
    max-width: 20% !important;
}

.row-cols-sm-6>* {
    flex: 0 0 16.6666666667% !important;
    max-width: 16.6666666667% !important;
}

.col-sm-auto {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}

.col-sm-1 {
    flex: 0 0 8.33333333% !important;
    max-width: 8.33333333% !important;
}

.col-sm-2 {
    flex: 0 0 16.66666667% !important;
    max-width: 16.66666667% !important;
}

.col-sm-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.col-sm-4 {
    flex: 0 0 33.33333333% !important;
    max-width: 33.33333333% !important;
}

.col-sm-5 {
    flex: 0 0 41.66666667% !important;
    max-width: 41.66666667% !important;
}

.col-sm-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.col-sm-7 {
    flex: 0 0 58.33333333% !important;
    max-width: 58.33333333% !important;
}

.col-sm-8 {
    flex: 0 0 66.66666667% !important;
    max-width: 66.66666667% !important;
}

.col-sm-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
}

.col-sm-10 {
    flex: 0 0 83.33333333% !important;
    max-width: 83.33333333% !important;
}

.col-sm-11 {
    flex: 0 0 91.66666667% !important;
    max-width: 91.66666667% !important;
}

.col-sm-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.order-sm-first {
    order: -1 !important;
}

.order-sm-last {
    order: 13 !important;
}

.order-sm-0 {
    order: 0 !important;
}

.order-sm-1 {
    order: 1 !important;
}

.order-sm-2 {
    order: 2 !important;
}

.order-sm-3 {
    order: 3 !important;
}

.order-sm-4 {
    order: 4 !important;
}

.order-sm-5 {
    order: 5 !important;
}

.order-sm-6 {
    order: 6 !important;
}

.order-sm-7 {
    order: 7 !important;
}

.order-sm-8 {
    order: 8 !important;
}

.order-sm-9 {
    order: 9 !important;
}

.order-sm-10 {
    order: 10 !important;
}

.order-sm-11 {
    order: 11 !important;
}

.order-sm-12 {
    order: 12 !important;
}

.offset-sm-0 {
    margin-left: 0 !important;
}

.offset-sm-1 {
    margin-left: 8.33333333% !important;
}

.offset-sm-2 {
    margin-left: 16.66666667% !important;
}

.offset-sm-3 {
    margin-left: 25% !important;
}

.offset-sm-4 {
    margin-left: 33.33333333% !important;
}

.offset-sm-5 {
    margin-left: 41.66666667% !important;
}

.offset-sm-6 {
    margin-left: 50% !important;
}

.offset-sm-7 {
    margin-left: 58.33333333% !important;
}

.offset-sm-8 {
    margin-left: 66.66666667% !important;
}

.offset-sm-9 {
    margin-left: 75% !important;
}

.offset-sm-10 {
    margin-left: 83.33333333% !important;
}

.offset-sm-11 {
    margin-left: 91.66666667% !important;
}

/* Additional rules added */

.col-md {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    max-width: 100% !important;
}

.row-cols-md-1>* {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.row-cols-md-2>* {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.row-cols-md-3>* {
    flex: 0 0 33.3333333333% !important;
    max-width: 33.3333333333% !important;
}

.row-cols-md-4>* {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.row-cols-md-5>* {
    flex: 0 0 20% !important;
    max-width: 20% !important;
}

.row-cols-md-6>* {
    flex: 0 0 16.6666666667% !important;
    max-width: 16.6666666667% !important;
}

.col-md-auto {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}

.col-md-1 {
    flex: 0 0 8.33333333% !important;
    max-width: 8.33333333% !important;
}

.col-md-2 {
    flex: 0 0 16.66666667% !important;
    max-width: 16.66666667% !important;
}

.col-md-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.col-md-4 {
    flex: 0 0 33.33333333% !important;
    max-width: 33.33333333% !important;
}

.col-md-5 {
    flex: 0 0 41.66666667% !important;
    max-width: 41.66666667% !important;
}

.col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.col-md-7 {
    flex: 0 0 58.33333333% !important;
    max-width: 58.33333333% !important;
}

.col-md-8 {
    flex: 0 0 66.66666667% !important;
    max-width: 66.66666667% !important;
}

.col-md-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
}

.col-md-10 {
    flex: 0 0 83.33333333% !important;
    max-width: 83.33333333% !important;
}

.col-md-11 {
    flex: 0 0 91.66666667% !important;
    max-width: 91.66666667% !important;
}

.col-md-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.order-md-first {
    order: -1 !important;
}

.order-md-last {
    order: 13 !important;
}

.order-md-0 {
    order: 0 !important;
}

.order-md-1 {
    order: 1 !important;
}

.order-md-2 {
    order: 2 !important;
}

.order-md-3 {
    order: 3 !important;
}

.order-md-4 {
    order: 4 !important;
}

.order-md-5 {
    order: 5 !important;
}

.order-md-6 {
    order: 6 !important;
}

.order-md-7 {
    order: 7 !important;
}

.order-md-8 {
    order: 8 !important;
}

.order-md-9 {
    order: 9 !important;
}

.order-md-10 {
    order: 10 !important;
}

.order-md-11 {
    order: 11 !important;
}

.order-md-12 {
    order: 12 !important;
}

.offset-md-0 {
    margin-left: 0 !important;
}

.offset-md-1 {
    margin-left: 8.33333333% !important;
}

.offset-md-2 {
    margin-left: 16.66666667% !important;
}

.offset-md-3 {
    margin-left: 25% !important;
}

.offset-md-4 {
    margin-left: 33.33333333% !important;
}

.offset-md-5 {
    margin-left: 41.66666667% !important;
}

.offset-md-6 {
    margin-left: 50% !important;
}

.offset-md-7 {
    margin-left: 58.33333333% !important;
}

.offset-md-8 {
    margin-left: 66.66666667% !important;
}

.offset-md-9 {
    margin-left: 75% !important;
}

.offset-md-10 {
    margin-left: 83.33333333% !important;
}

.offset-md-11 {
    margin-left: 91.66666667% !important;
}

.navbar {
    width: auto !important;
}

.navbar.navbar-expand-lg {
    display: contents !important;
}

.navbar-collapse {
    flex-basis: auto !important;
    flex-grow: 1 !important;
    align-items: unset !important;
}

.navbar-nav {
    flex-direction: row !important;
}

.navbar-brand {
    padding-top: 0 !important;
}

.nav-item {
    flex-grow: 1 !important;
}

.nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    flex-grow: 1 !important;
    text-align: center !important;
}

.nav-link:hover {
    background-color: transparent !important;
}

.navbar-toggler {
    padding: 0 !important;
}

.navbar-toggler-icon {
    background-color: transparent !important;
}

.dropdown-menu {
    position: unset !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
}

.dropdown-item {
    flex-grow: 1 !important;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #007bff !important;
}

.form-control {
    display: contents !important;
}

.form-control:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #007bff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.btn-group {
    display: flex !important;
}

.btn-group .btn {
    flex-grow: 1 !important;
}

.btn-group .dropdown-toggle {
    flex-grow: 0 !important;
}

.btn-group .dropdown-toggle::after {
    display: none !important;
}

.btn-toolbar {
    display: flex !important;
}

.btn-toolbar .btn-group {
    flex-grow: 1 !important;
}

.table {
    width: auto !important;
}

.table-responsive {
    display: contents !important;
}

.input-group {
    display: flex !important;
}

.input-group .form-control {
    flex-grow: 1 !important;
    margin-right: 0 !important;
}

.input-group .input-group-append {
    flex-grow: 0 !important;
}

.input-group .input-group-text {
    padding: 0.375rem 0.75rem !important;
}