/* _content/TheBandList/Components/App.razor.rz.scp.css */
body[b-43pvr6hps2] {
    margin: 0;
    background-color: #23252B;
    color: white;
    font-family: 'Roboto', sans-serif;
    overflow-y: hidden;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Roboto';
    src: url('Font/Roboto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* _content/TheBandList/Components/Layout/MainLayout.razor.rz.scp.css */
/* _content/TheBandList/Components/Layout/NavMenu.razor.rz.scp.css */
.NavBar[b-2vx8wky09z] {
    display: flex;
    background-color: #881bb6;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 15px;
    width: 100%;
}

nav[b-2vx8wky09z] {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    width: fit-content;
}

.nav-item[b-2vx8wky09z] {
    margin: 0 10px;
    padding: 10px;
    border-radius: 20px;
    color: white;
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
    text-align: center;
}

.logo[b-2vx8wky09z], .discord-logo[b-2vx8wky09z] {
    color: white;
    white-space: nowrap;
    flex-shrink: 0;
}

a[b-2vx8wky09z] {
    text-decoration: none;
    color: inherit;
}

.indicator[b-2vx8wky09z] {
    position: absolute;
    background-color: white;
    border-radius: 20px;
    z-index: 1;
    transition: all 0.3s ease;
}

nav a.nav-item[b-2vx8wky09z] {
    color: white;
}

nav a.nav-item.hovered[b-2vx8wky09z] {
    color: #881bb6;
}

nav a.nav-item.selected:not(.hovered)[b-2vx8wky09z] {
    color: white;
}

nav a.nav-item.selected.hovered[b-2vx8wky09z] {
    color: #881bb6;
}
/* _content/TheBandList/Components/Pages/ClassementPage.razor.rz.scp.css */
.Article[b-mhdlqmpc1x] {
    display: flex;
}

.ImageTrophee[b-mhdlqmpc1x], .ImageMeilleurCreateur[b-mhdlqmpc1x], .ImageStars[b-mhdlqmpc1x] {
    width: 50px;
    height: auto;
    margin-bottom: -3px;
    margin-right: 6px;
}

h1[b-mhdlqmpc1x] {
    font-size: 40px;
    margin: 0;
    margin-top: 35px;
}

h2[b-mhdlqmpc1x] {
    font-size: 35px;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 5px;
}

.UtilisateurSelectionnerPoints[b-mhdlqmpc1x], .UtilisateurSelectionnerNbNiveauReussis[b-mhdlqmpc1x] {
    font-size: 25px;
    margin: 0;
}

.size[b-mhdlqmpc1x] {
    font-size: 50px;
}

.selected[b-mhdlqmpc1x] {
    background-color: #7000a0 !important;
    color: white;
}

#Bold[b-mhdlqmpc1x] {
    font-weight: 600;
}

.NiveauReussisContainer[b-mhdlqmpc1x], .NiveauVerifierContainer[b-mhdlqmpc1x], .NiveauCreerContainer[b-mhdlqmpc1x] {
    display: flex;
}

.NiveauxReussisPosition[b-mhdlqmpc1x], .NiveauxVerifierPosition[b-mhdlqmpc1x], .NiveauxCreerPosition[b-mhdlqmpc1x] {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    align-items: flex-end;
}

.NiveauxReussisNom[b-mhdlqmpc1x], .NiveauxVerifierNom[b-mhdlqmpc1x], .NiveauxCreerNom[b-mhdlqmpc1x] {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
}

.NiveauxReussisLien[b-mhdlqmpc1x], .NiveauxVerifierLien[b-mhdlqmpc1x] {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
}

.NiveauxReussisPoints[b-mhdlqmpc1x], .NiveauxVerifierPoints[b-mhdlqmpc1x] {
    display: flex;
    flex-direction: column;
}

.LienYoutube[b-mhdlqmpc1x] {
    width: fit-content;
    height: fit-content;
    display: block;
    margin-bottom: 7.8px;
}

.NiveauxReussisLien .LienYoutube:first-of-type[b-mhdlqmpc1x], .NiveauxVerifierLien .LienYoutube:first-of-type[b-mhdlqmpc1x] {
    margin-top: 6px;
}

.NiveauxReussisPoints p:first-of-type[b-mhdlqmpc1x], .NiveauxReussisPoints p:first-of-type[b-mhdlqmpc1x] {
    margin-top: 1px;
}

.ImageYoutube[b-mhdlqmpc1x] {
    width: 35px;
    height: auto;
    animation: all 0.3ms ease-in-out;
    border-radius: 8px;
}

.NiveauxReussisNom p[b-mhdlqmpc1x], .NiveauxVerifierNom p[b-mhdlqmpc1x], .NiveauxCreerNom p[b-mhdlqmpc1x] {
    text-decoration: none;
    color: white;
    padding: 2px 4px;
}

.NiveauxReussisNom p:hover[b-mhdlqmpc1x], .NiveauxVerifierNom p:hover[b-mhdlqmpc1x], .NiveauxCreerNom p:hover[b-mhdlqmpc1x] {
    background-color: #36383B;
    border-radius: 8px;
    cursor: pointer;
}

.NiveauxReussisPosition p[b-mhdlqmpc1x], .NiveauxReussisNom p[b-mhdlqmpc1x], .NiveauxReussisPoints p[b-mhdlqmpc1x], .NiveauxVerifierPosition p[b-mhdlqmpc1x], .NiveauxVerifierNom p[b-mhdlqmpc1x], .NiveauxVerifierPoints p[b-mhdlqmpc1x], .NiveauxCreerPosition p[b-mhdlqmpc1x], .NiveauxCreerNom p[b-mhdlqmpc1x] {
    font-size: 25px;
    margin: 0;
    padding: 2px 4px;
    height: 29px;
    margin: 2px 0;
}

.ImageYoutube:hover[b-mhdlqmpc1x] {
    background-color: #36383B;
}

.ListeUtilisateur[b-mhdlqmpc1x] {
    overflow-y: scroll;
    height: calc(100vh - 60px);
    width: 33%;
}

.DetailUtilisateur[b-mhdlqmpc1x] {
    overflow-y: scroll;
    height: calc(100vh - 60px);
    width: 68%;
    padding-left: 40px;
}

[b-mhdlqmpc1x]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-mhdlqmpc1x]::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
}

[b-mhdlqmpc1x]::-webkit-scrollbar-thumb:active {
    background-color: #b2b2b2;
}

[b-mhdlqmpc1x]::-webkit-scrollbar-track {
    background-color: transparent;
}

.UtilisateurGroupe[b-mhdlqmpc1x] {
    display: flex;
    font-size: 20px;
}

.UtilisateurGroupeNom[b-mhdlqmpc1x], .UtilisateurGroupeNombre[b-mhdlqmpc1x], .UtilisateurGroupeIndex[b-mhdlqmpc1x] {
    margin: 2px 4px;
}

.UtilisateurGroupeNombre[b-mhdlqmpc1x], .UtilisateurGroupeIndex[b-mhdlqmpc1x] {
    padding: 4px 0;
}

.UtilisateurGroupeNom[b-mhdlqmpc1x] {
    padding: 5px;
    border-radius: 8px;
}

.UtilisateurGroupeNom:hover[b-mhdlqmpc1x] {
    background-color: #36383B;
    cursor: pointer;
}
/* _content/TheBandList/Components/Pages/EnvoyerUneVideoPage.razor.rz.scp.css */
h1[b-bs6fi5h5lj] {
    font-size: 35px;
    margin: 0;
    margin-bottom: 25px;
}

.Article[b-bs6fi5h5lj] {
    height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
}

.SoumettreUnNiveauContainer[b-bs6fi5h5lj] {
    margin: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #36383B;
    border-radius: 40px;
    z-index: 1;
    backdrop-filter: blur(30px);
    padding: 40px;
    padding-bottom: 45px;
    width: 370px;
}

.Formulaire[b-bs6fi5h5lj] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

button[b-bs6fi5h5lj] {
    margin-top: 30px;
}

.message-error[b-bs6fi5h5lj], .message-valid[b-bs6fi5h5lj] {
    font-size: 20px;
    margin-top: 30px;
    text-align: center;
}

.message-error[b-bs6fi5h5lj] {
    color: red;
}

.message-valid[b-bs6fi5h5lj] {
    color: #2aff22;
}

.list-group-item[b-bs6fi5h5lj] {
    transition: all 0.25s ease-in-out;
    width: fit-content;
    border-radius: 8px;
    padding: 4px 8px;
    margin: 2px;
}

.list-group-item.active[b-bs6fi5h5lj] {
    background-color: #4d4f51;
    color: white;
    font-size: 17px;
}

.list-group-item:hover[b-bs6fi5h5lj] {
    background-color: #4d4f51;
    color: white;
    font-size: 17px;
    cursor: pointer;
}

.transition[b-bs6fi5h5lj], form button[b-bs6fi5h5lj], form .InputStyleContainer label[b-bs6fi5h5lj], form .InputStyleContainer input[type="text"][b-bs6fi5h5lj] {
    -moz-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
    -o-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
    -webkit-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
    transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
}

form .InputStyleContainer[b-bs6fi5h5lj] {
    position: relative;
}

form .InputStyleContainer label[b-bs6fi5h5lj] {
    transform-origin: left center;
    color: white;
    font-weight: 400;
    letter-spacing: 0.01em;
    font-size: 25px;
    box-sizing: border-box;
    padding: 15px 20px;
    display: block;
    position: absolute;
    margin-top: -60px;
    z-index: 2;
    pointer-events: none;
}

form .InputStyleContainer input[type="text"][b-bs6fi5h5lj] {
    appearance: none;
    background-color: #36383B;
    border: 2px solid white;
    line-height: 1.5; 
    font-size: 20px;
    display: block;
    box-sizing: border-box;
    padding: 15px 20px;
    border-radius: 60px;
    color: white;
    font-weight: 400;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    width: 350px;
}

form .InputStyleContainer input[type="text"]:focus[b-bs6fi5h5lj] {
    outline: none;
    background: #23252B;
    color: white;
    margin-top: 40px;
}

form .InputStyleContainer input[type="text"]:valid[b-bs6fi5h5lj] {
    margin-top: 40px;
}

form .InputStyleContainer input[type="text"]:focus ~ label[b-bs6fi5h5lj] {
    -moz-transform: translate(0, -55px);
    -ms-transform: translate(0, -55px);
    -webkit-transform: translate(0, -55px);
    transform: translate(0, -55px);
}

form .InputStyleContainer input[type="text"]:valid ~ label[b-bs6fi5h5lj] {
    font-style: italic;
    -moz-transform: translate(5px, -55px) scale(0.7);
    -ms-transform: translate(5px, -55px) scale(0.7);
    -webkit-transform: translate(5px, -55px) scale(0.7);
    transform: translate(5px, -55px) scale(0.7);
    color: #2aff22;
}

[b-bs6fi5h5lj]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-bs6fi5h5lj]::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
}

[b-bs6fi5h5lj]::-webkit-scrollbar-thumb:active {
    background-color: #b2b2b2;
}

[b-bs6fi5h5lj]::-webkit-scrollbar-track {
    background-color: transparent;
}

.spinner[b-bs6fi5h5lj] {
    width: 30px;
    height: 30px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-bs6fi5h5lj 1s linear infinite;
    margin: auto;
    margin-top: 28px;
}

@keyframes spin-b-bs6fi5h5lj {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#fakeNomNiveau[b-bs6fi5h5lj] {
    display: none
}
/* _content/TheBandList/Components/Pages/HomePage.razor.rz.scp.css */
#Bold[b-m9xs3ib9zl] {
    font-weight: bold;
}

.Article[b-m9xs3ib9zl] {
    display: flex;
}

.ListeNiveaux[b-m9xs3ib9zl] {
    overflow-y: scroll;
    height: calc(100vh - 60px);
    width: 33%;
}

.DetailNiveaux[b-m9xs3ib9zl] {
    overflow-y: scroll;
    height: calc(100vh - 60px);
    width: 68%;
}

[b-m9xs3ib9zl]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-m9xs3ib9zl]::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
}

[b-m9xs3ib9zl]::-webkit-scrollbar-thumb:active {
    background-color: #b2b2b2;
}

[b-m9xs3ib9zl]::-webkit-scrollbar-track {
    background-color: transparent;
}

.NiveauxContainer[b-m9xs3ib9zl] {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.ListeDesNiveauxPosition[b-m9xs3ib9zl], .ListeDesNiveauxNom[b-m9xs3ib9zl], .ListeDesNiveauxImage[b-m9xs3ib9zl] {
    margin: 2px 4px;
}

.ListeDesNiveauxNom[b-m9xs3ib9zl] {
    padding: 5px;
    border-radius: 8px;
}

.ListeDesNiveauxNom:hover[b-m9xs3ib9zl] {
    background-color: #36383B;
    cursor: pointer;
}

.ListeDesNiveauxImage[b-m9xs3ib9zl] {
    width: 32px;
}

.selected[b-m9xs3ib9zl] {
    background-color: #7000a0 !important;
    color: white;
}

h1[b-m9xs3ib9zl] {
    font-size: 60px;
    margin: 0;
}

.NiveauxSelectionnerImageDifficulté[b-m9xs3ib9zl] {
    width: auto;
    height: 70px;
    margin-left: 10px;
}

.ImageYoutube[b-m9xs3ib9zl] {
    width: 35px;
    height: auto;
    animation: all 0.3ms ease-in-out;
    border-radius: 8px;
}

.ImageYoutube:hover[b-m9xs3ib9zl] {
    background-color: #36383B;
}

.LienYoutube[b-m9xs3ib9zl] {
    width: fit-content;
    height: fit-content;
    display: block;
    margin-bottom: 7px;
}

.NiveauxSelectionnerNomImageDifficultéContainer[b-m9xs3ib9zl] {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.NiveauxSelectionnerCreateurs[b-m9xs3ib9zl], .NiveauxSelectionnerNomVerifieur[b-m9xs3ib9zl], .NiveauxSelectionnerNomPublier[b-m9xs3ib9zl] {
    font-size: 25px;
    margin: 0;
}

#Bold[b-m9xs3ib9zl] {
    font-weight: bold;
}

.victoires[b-m9xs3ib9zl] {
    font-size: 40px;
}

.NiveauxSelectionnerCreateurs[b-m9xs3ib9zl] {
    display: inline;
    position: relative;
}

.toggle-checkbox[b-m9xs3ib9zl] {
    display: none;
}

.dots[b-m9xs3ib9zl] {
    display: inline;
    cursor: pointer;
}

.full-list[b-m9xs3ib9zl] {
    display: none;
}

.toggle-checkbox:checked ~ .dots[b-m9xs3ib9zl] {
    display: none;
}

.toggle-checkbox:checked ~ .full-list[b-m9xs3ib9zl] {
    display: inline;
}

.toggle-checkbox:checked ~ .toggle-label[b-m9xs3ib9zl]::after {
    content: " ▲";
    cursor: pointer;
}

.NiveauxSelectionnerIframe[b-m9xs3ib9zl] {
    border-radius: 20px;
    width: 800px;
    height: 450px;
    margin: 20px 0;
}

.DetailNiveauxContainer[b-m9xs3ib9zl] {
    width: fit-content;
}

.DetailNiveauxWrapper[b-m9xs3ib9zl] {
    display: flex;
    justify-content: space-between;
}

.DetailNiveauxWrapper p[b-m9xs3ib9zl] {
    margin: 0;
    font-size: 22.5px;
}

h2[b-m9xs3ib9zl] {
    margin: 20px 0;
}

.ReussitesNiveauContainer[b-m9xs3ib9zl] {
    display: flex;
}

.ReussitesNiveauContainer p[b-m9xs3ib9zl] {
    margin: 0;
    font-size: 22.5px;
}

.ReussitesNiveauContainer a[b-m9xs3ib9zl] {
    height: 25.13px;
    margin: 0;
}

input[b-m9xs3ib9zl] {
    width: 250px;
    height: 20px;
    border-radius: 300px;
    border: none;
    padding: 6px 16px;
    background-color: #36383B;
    color: white;
    font-size: 20px;
    transition: all 300ms ease-in-out;
}

input:focus[b-m9xs3ib9zl] {
    outline: none;
}

input[b-m9xs3ib9zl]::placeholder {
    color: white !important;
}

.FiltrageContainer[b-m9xs3ib9zl] {
    display: flex;
}

.FiltrageContainer input[b-m9xs3ib9zl] {
    border-radius: 30px;
    background-color: #36383B;
    color: white;
    border: none;
    outline: none;
    width: 160px;
    height: 23px;
    font-size: 20px;
}

.FiltrageContainer input[b-m9xs3ib9zl]::placeholder {
    color: #a0a0a0;
}

.SelectionnerUneDureeContainer[b-m9xs3ib9zl] {
    position: relative;
    cursor: pointer;
    width: 100px;
    user-select: none;
}

.SelectionnerUneDureeContainer .selected-option[b-m9xs3ib9zl] {
    padding: 6px 0px;
    height: 23px;
    width: 80px;
    border-radius: 30px;
    background-color: #36383B;
    color: white;
    text-align: center;
    font-size: 20px;
    position: relative;
    z-index: 10;
    transition: background-color 0.2s ease;
}

.SelectionnerUneDureeContainer .options[b-m9xs3ib9zl] {
    position: absolute;
    font-size: 20px;
    top: calc(100% + 13px);
    left: 0;
    width: 80px;
    background-color: #36383B;
    border-radius: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease;
    opacity: 0;
    z-index: 9;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.SelectionnerUneDureeContainer .options p[b-m9xs3ib9zl] {
    padding: 8px 15px;
    margin: 0;
    color: white;
    font-size: 20px;
    transition: background-color 0.2s ease;
    text-align: center;
    border-radius: 20px;
}

.SelectionnerUneDureeContainer .options p:hover[b-m9xs3ib9zl] {
    background-color: #23252B;
    border-radius: 20px;
}

.SelectionnerUneDureeContainer .options p:first-child[b-m9xs3ib9zl] {
    border-radius: 20px;
}

.SelectionnerUneDureeContainer .options p:last-child[b-m9xs3ib9zl] {
    border-radius: 20px;
}

.SelectionnerUneDureeContainer:hover .options[b-m9xs3ib9zl] {
    max-height: 300px;
    opacity: 1;
}

.indexReussitesNiveau .nomUtilisateurReussitesNiveau[b-m9xs3ib9zl], .LienYouTubeReussitesNiveau[b-m9xs3ib9zl] {
    display: flex;
    flex-direction: column;
}

.nomUtilisateurReussitesNiveau[b-m9xs3ib9zl] {
    margin: 0 7px;
}