just dance 23 by giovane12x

/* ==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=1664225481310 EOT;
S2 "Atgggth" <<<EOT https://cdn.glitch.global/313a4e89-327b-42df-a282-87503104767a/atgggth-transformed.png?v=1665849252798 EOT;
S3 "Panda" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/panda.png?v=1664591276888 EOT;
S4 "DanceMonkey" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/dansmonki.png?v=1665248708579 EOT;
S5 "Zenit BQ" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/senit%20BQ.png?v=1665423347482 EOT;
s6 "mood p2 c2" <<<EOT https://cdn.glitch.global/7781ee26-c563-4365-b245-ceb83156a174/mood%20p2%20color.png?v=1666386567005 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
{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;
	text-transform: uppercase;
    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
{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__text
{
	animation: none !important;
}

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

.song-detail__artist
{
	color: #fff !important;
	font-size: 0.14em !important;
	font-family: Just Dance regular,Just Dance japanesse !important;
	transform: translateY(-30%);
	background: #ffffff24;
	border: #ffffff2e 1px solid;
	border-radius: 8px;
	padding: 1.5% 0% 0%  0%;
	width: 80% !important;
}

.grid-container .item-container .song__cover,.song--focused .song__cover,.grid-container .item-container .item:hover .song__cover,.grid-container .item-container .item.item-selected .song__cover,.song__cover,.song--focused .song__cover,.playlist-grid .item-container .song__cover,.song--focused .song__cover,.playlist-grid .item-container .item:hover .song__cover,.playlist-grid .item-container .item.item-selected .song__cover,.song__cover,.song--focused .song__cover
{
    height: 100%;
    width: 100%;
	padding: 2%;
    border-radius: 15px !important;
}

.caption {
    position: absolute !important;
    left: 1%;
    padding: 0% !important;
    font-family: just dance regular;
    font-size: 59% !important;
    font-weight: 100em !important;
    color: #fff;
    letter-spacing: 0.0006em !important;
    top: 79%;
	width: 40% !important;
	z-index: 9999;
}	

.item-selected .caption {
    position: absolute !important;
    left: 1%;
    padding: 0% !important;
    font-family: Just Dance Regular;
    font-size: 57% !important;
    font-weight: 100em !important;
    color: #fff;
    letter-spacing: 0.0006em !important;
    top: 79%;
	width: 40% !important;
}

#preview
{
	background: linear-gradient(transparent,#0000);
	height: 59%;
	width: 96%;
	border-radius: 0;
	left: 2%;
}

.video-preview
{
	    width: 8.7rem;
	background-color: #0000;
    height: 150%;
    transition: none;
    pointer-events: none;
    overflow: hidden;
    border-radius: 5px;
    position: absolute;
    z-index: -999999 !important;
    bottom: -14%;
    left: 15%;
}

.video-preview__video
{
	-webkit-mask: linear-gradient(to right,transparent 0%,black 50%)	;
	left: 17%;
}
	
.song-action__butto...