Just Dance Now 2023 by Ihir888-2062

/* ==UserStyle==
@name           justdancenow.com - 17.04.2023, 11:29:19
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
    /* Insert code here... */
}/* ==UserStyle==
@name         Just Dance Now 2023 menu
@version      0.8
@namespace    userstyles.world/user/alxs
@description  Just Dance 2023 style! - Pre-release
@author       alxs
@license      No License

@advanced dropdown avatar "Choose your Avatar!" {
S1 "Mood P2*" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/coachtest.png?v=1667598723358 EOT;
S2 "Atgggth" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/atgggth.png?v=1667598735371 EOT;
S3 "Panda" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/panda.png?v=1667598731230 EOT;
S4 "DanceMonkey" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/dansmonki.png?v=1667598725233 EOT;
S5 "Zenit BQ" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/senit%20BQ.png?v=1667598733340 EOT;
s6 "mood p2 c2" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/mood%20p2%20color.png?v=1667598728947 EOT;
}

==/UserStyle== */
@-moz-document domain("justdancenow.com") {
    :root {
        --pictobeat-color: #fff;
    }

    #coverflow {
        background-image: none!important
    }
    .coverflow--container {
        background: none
    }
    #just-dance-now {
        background: url(https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/unknown_clipdrop-enhance.png?v=1665250015377) 100%/100%
    }

    .state-songselection #players::before,
    .controller-coins,
    .player-master,
    .state-songselection .player-color,
    .danceroom__qr-code-wrapper,
    .danceroom__label,
    .room-info__patch,
    #players.finding-dancers,
    #players.removing-dancers,
    .sprite,
    .coach::before,
    .state-coachselection .song-grid,
    .state-coachselection .song-details,
    .state-coachselection .song-action,
    .tutorial::before,
    .tutorial::after,
    .state-coachselection .highscore-display,
    .state-dance .player-exp,
    .state-dance .player-flag,
    .caption.artist,
    .song-action__button::before,
    .song-action__button::after,
    .playlist-action__button,
    .line::after,
    .article::before,
    .exit-btn.exit-btn--play-again.exit-btn--animate,
    .account,
    .coach-selection__button::after,
    .coach-selection__button::before,
    .modal__link.openIframe,
    .state-songselection .feedback,
    .account,
    .side-nav,
    .tabs--connect,
    .song__reward,
    .state-tutorial #players,
    .coach-selection::after,
    .state-dance .player-logo--vip,
    .state-afterdance #players,
    #afterdance::before,
    #afterdance .song-info,
    .trainer-icon,
    .dr-landing__icon-wrapper,
    .dr-landing__label,
    .landing-patch,
    .dr-landing::before,
    .landing__video,
    .landing-arrow.scroll_down,
    .landing-text__subtitle,
    .landing-text__title,
    .landing-circle,
    .landing-button__txt,
    .logo,
    .toggle::after,
    .toggles::before,
    #afterdance .player-solo .player .score::before,
    .player-logo.player-logo--vip,
    .songlist-container .song-grid--description,
    .item-selected .song__decoration:after,
    .grid-img,
    .section-grid-trainer,
    .playlist--banner__selected,
    .state-coachselection #preview:after,
    .item:after,
    .state-songselection .song-cover--low-res,
    .sprites-container,
    .info-panel,
    .song-grid--description,
    .song-grid--duration,
    .connect-phone-info--clickable .connect-phone-info__text::before,
    .modal__container::after,
    .song-cover--low-res:before,
    .platform,
    #admin-menu .menu__head,
    #admin-menu .legal__list,
    #admin-menu .player--controller::before,
    .tutorial__image,
    .tutorial__caption,
    .state-coachselection #preview:before,
    .state-coachselection #room-info,
    .state-dance #room-info,
    .state-tutorial #room-info,
    .state-afterdance #room-info,
    .state-coachselection #settings,
    .highscore-display::after,
    .state-coachselection .dancerOfWeek-container,
    .dancerOfWeek-container,
    .connect-phone-info__text,
    .player-flag,
    .player-exp,
    .state-songselection .player-name,
    .coach-selection__details,
    .coach-selection__button,
    #players::before,
    .state-coachselection .player-color,
    .state-coachselection .player-name,
    .progress-background,
    .feedback,
    .player:nth-child(1) .avatar,
    .player:nth-child(2) .avatar,
    .player:nth-child(3) .avatar,
    .player:nth-child(4) .avatar,
    ul.tabs li.selected::before,
    .tabs--text,
    .playlist--description,
    .state-afterdance .crown,
    .state-coachselection #settings,
    .state-dance #settings,
    .state-afterdance #settings,
    .state-tutorial #settings,
    .CantStopTheFeeling .title-container,
    .state-songselection #lyrics,
    .state-coachselection #lyrics,
    .state-afterdance #lyrics,
    .state-tutorial #lyrics,
    .DiscoInferno .title-container {
        display: none !important
    }

    .coverflow--container {
        float: left;
        width: calc(110% - 0rem);
        height: 110%;
        position: absolute;
        padding: 0;
        margin: 0 0.15rem 0 0;
        overflow: hidden;
        background: #fff0;
        border-radius: 10px 10px 0 0;
        box-shadow: 0px 6px 12px #908f8f00;
        font-family: "Just Dance Regular";
        top: -0%;
        left: 0%;
        z-index: 99999;
        transform: scale(1)
    }

    #room-info {
        background: #0000;
        left: -2%;
        width: 10%;
        border-radius: 15px;
        height: 9.85% !important;
        min-height: 0% !important;
        top: 0%;
        opacity: 1;
    }

    .danceroom__number {
        text-shadow: none;
        color: #fff;
        font-size: 30%;
        text-align: right !important;
    }

    @font-face {
        font-family: "Just Dance Regular";
        src: url('https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/Brother1816-Regular.ttf?v=1665251058297')
    }

    @font-face {
        font-family: "Just Dance";
        src: url('https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/Brother1816-Medium.ttf?v=1665251090937');
    }

    .item-container {
        width: 100000% !important;
    }

    .item {
        margin-left: -10em !important;
        left: 15em;
        top: 60%;
        transform: scale(1.1);
        transition: none !important;
        width: 22em !important;
        height: 8em !important;
    }

    .item:before {
        content: "";
        width: 47%;
        height: 65%;
        position: absolute;
        background-size: cover;
        background-color: #2a4688;
        z-index: 1;
        left: 1.5%;
        top: 5.5%;
        transform: scale(1.05);
        border-radius: 15px;
        transition: 0.1s;
    }

    .song-grid--details .song-grid--titleDetails .song-grid--title {
        color: #fff;
        font-size: 0.2rem;
        width: 200%;
        height: 0.235rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "Just Dance regular";
        position: absolute !important;
        margin-top: 63%;
        margin-left: 10%;
        border-bottom: #ff0d8c00 0.1em solid;
    }

    .song-grid--details .song-grid--titleDetails {
        width: 90%;
        height: 100%;
        color: #fff;
        border-bottom: 1px solid #cecccc00;
        font-family: "OpenSans Regular", Just Dance japanesse;
        letter-spacing: -1px;
    }

    .song--details {
        width: 104%;
        height: 82%;
        margin-top: 0.06rem;
        padding-bottom: 0.05rem;
        overflow-y: auto;
        scroll-behavior: smooth;
        position: absolute;
        left: 4%;
        right: 0px !important;
    }

    .song__cover {
        opacity: 0;
    }

    .song-cover {
        border: none;
        background-image: none;
    }

    .song-cover:after {
        position: absolute;
        color: #ffffffd6;
        font-size: 0.12em;
        top: 76%;
        left: 65%;
        width: 100%;
    }

    .CantStopTheFeeling:after,
    .DiscoInferno:after {
        content: "- Just Dance 2023 Edition"
    }

    .grid-container .item-container .item.item-selected .song__cover {
        border-radius: 15px;
        border: solid #ff0d8c 3px;
    }

    .item-container,
    .song--details {
        scroll-snap-type: x mandatory !important;
        scroll-padding: 20%;
    }

    .item-selected {
        scroll-snap-align: start !important;
        transform: scale(1.15);
        margin-left: -10em !important;
    }

    .item-selected:before {
        border-radius: 12px;
        transform: scale(1);
        border: #fff 2px solid;
        background-repeat: no-repeat
    }

    .item:hover:before {
        border: white 2px solid
    }

    #preview .song-details {
        max-width: 100%;
        min-width: 45%;
        height: 70%;
        overflow: hidden;
        padding: 0.1rem;
        background-image: linear-gradient(to right, #f61c9700, #f8892000);
        border-radius: 10px;
        position: absolute;
        top: 0.5rem;
        left: 0.9rem;
        z-index: 9999999999999 !important;
        transform: scale(1.4);
    }

    .song-detail {
        background-color: #fff0;
        height: 100% !important;
    }

    .song-detail__text {
        animation: none !important;
    }

    .song-detail__title {
        color: #fff !important;
        font-family: Just Dance, Just Dance japanesse !important;
        transform: translateY(140%);
    }

    .song-detail__artist {
        color: #fff !important;
        font-size: 0.14em !important;
        font-family: Just Dance regular, Just Dance japanesse !important;
        transform: translateY(380%) translateX(2%);
        background: ...