.menu-item{display:flex;align-items:center;gap:.5em;padding:.5em;border-radius:15px 0 0 15px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-item:hover{background-color:#fff3}.menu-item p{margin:0}#menu{background:linear-gradient(200deg,#000 48%,#820000) fixed;padding:.5em 0 .5em .5em;display:flex;flex-direction:column;gap:1em;border-right:1px dashed gray}#menu-top{flex:1}.menu-separator{flex:4}#menu-mobile{background:linear-gradient(200deg,#000 48%,#820000) fixed;display:flex;flex-direction:row;justify-content:space-around;padding:1em 0}:root{--slider-color: rgb(59, 130, 246)}.slider-container{width:70%;height:6px;background:#ddd;position:relative;cursor:pointer;border-radius:3px}.slider-container:hover .slider-progress{filter:brightness(60%)}.slider-progress{position:absolute;top:0;left:0;height:100%;background:var(--slider-color);border-radius:3px}.slider-thumbnail{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--slider-color);filter:brightness(70%);border-radius:50%}.slider-thumbnail:hover{filter:brightness(60%)}.slider-value-box{position:absolute;top:0;transform:translate(-50%,-100%);padding:4px 8px;color:#fff;border-radius:4px;font-size:12px;pointer-events:none;white-space:nowrap}@keyframes _spin_d9d55_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_button_d9d55_6{animation:_spin_d9d55_1 2s linear infinite;animation-direction:reverse;cursor:progress}._nom_artistes_d9d55_12{color:gray;font-size:medium}._cover_container_d9d55_17{display:flex;flex-direction:row;justify-content:center;position:relative;width:-webkit-fill-available;width:-moz-available;max-width:90%;height:auto}._loader_d9d55_6{border:16px solid lightgray;border-top:16px solid rgb(53,53,190);border-radius:50%;width:40%;height:50%;animation:_spin_d9d55_1 2s linear infinite;position:absolute;top:55%;left:55%;margin:-30% 0 0 -30%;z-index:99}._cover_loading_d9d55_44{filter:grayscale(70%)}._lecteur_d9d55_48{display:flex;flex-direction:column;align-items:center;background:linear-gradient(200deg,#000 48%,navy) fixed;color:#fff;width:30vw;min-width:30vw;max-width:30vw}._cover_d9d55_17{width:70%;padding:1.5vw;border-radius:15%;position:relative;top:0;left:0}._titre_d9d55_69{display:flex;flex-direction:column;font-weight:400;text-align:center}._titre_d9d55_69 span{overflow-x:hidden}._boutons_d9d55_80{display:flex;flex-direction:row;justify-content:center}._boutons_d9d55_80 button{background:none;border:none}._boutons_second_d9d55_91{display:flex;flex-direction:row;justify-content:center;margin-top:1em}._boutons_second_d9d55_91 button{background:none;border:none;width:4em;height:4em;display:flex;align-items:center;justify-content:center}._boutons_second_d9d55_91 button:hover{background-color:#a9a9a9;border-radius:50%}._progress_d9d55_113{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}._progress_d9d55_113 span{width:4ch;text-align:center}._volume_d9d55_126{margin-top:10%;display:flex;justify-content:center;width:90%}._off_d9d55_133{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-button{animation:spin 2s linear infinite;animation-direction:reverse;cursor:progress}.nom-artistes{color:gray;font-size:medium}.cover-container-pc{display:flex;flex-direction:row;justify-content:center;position:relative;width:-webkit-fill-available;width:-moz-available;max-width:90%;height:auto}.loader-pc{border:16px solid lightgray;border-top:16px solid rgb(53,53,190);border-radius:50%;width:40%;height:50%;animation:spin 2s linear infinite;position:absolute;top:55%;left:55%;margin:-30% 0 0 -30%;z-index:99}.cover-loading{filter:grayscale(70%)}#lecteur-pc{display:flex;flex-direction:column;align-items:center;background:linear-gradient(200deg,#000 48%,navy) fixed;color:#fff;width:30vw;min-width:30vw;max-width:30vw}#cover-pc{width:70%;padding:1.5vw;border-radius:15%;position:relative;top:0;left:0}#titre-pc{display:flex;flex-direction:column;font-weight:400;text-align:center}#titre-pc span{overflow-x:hidden}#boutons-pc{display:flex;flex-direction:row;justify-content:center}#boutons-pc button{background:none;border:none}#progress-pc{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}#progress-pc span{width:4ch;text-align:center}#volume-pc{margin-top:10%;display:flex;justify-content:center;width:90%}.off{display:none}.cover-container-mini{display:inline-block;position:relative;max-width:15%;padding:10px 20px}.cover-container-mobile{display:inline-block;position:relative;display:flex;flex-wrap:wrap;justify-content:center;padding-top:3vh}.loader-mini{border:5px solid lightgray;border-top:5px solid rgb(53,53,190);border-radius:60%;width:40%;height:46%;animation:spin 2s linear infinite;position:absolute;top:50%;left:50%;margin:-25% 0 0 -25%;z-index:99}.loader-mobile{border:16px solid lightgray;border-top:16px solid rgb(53,53,190);border-radius:60%;width:50%;height:56%;animation:spin 2s linear infinite;position:absolute;top:50%;left:50%;margin:-22% 0 0 -30%;z-index:99}#lecteur-mini{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(99deg,#000 48%,navy) fixed;color:#fff;height:10vh;padding-bottom:3%}#cover-mini{width:-webkit-fill-available;width:-moz-available;height:auto;border-radius:25%}#infos-mini{width:57%;display:flex;flex-direction:column;padding:10px 0}#infos-mini span{clear:both;display:inline-block;overflow-x:hidden;white-space:nowrap}#boutons-mini{display:flex;height:100%;width:auto;flex-direction:column;justify-content:center;padding-right:20px}#boutons-mini button{background:none;border:none}#boutons-mini button img{width:120%;height:auto}#load-mini{height:55%;position:relative}#lecteur-mobile{display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:fixed;top:0;left:0;width:100vw;height:100dvh;padding-bottom:3%;z-index:99;background:linear-gradient(200deg,#000 48%,navy) fixed}#cover-mobile{padding-top:3vh;width:75%;border-radius:15%}#titre-mobile{width:80%;display:flex;flex-direction:column;text-align:center;color:#fff}#titre-mobile span{overflow-x:hidden}#boutons-mobile{width:100%;display:flex;flex-direction:row;justify-content:space-around}#boutons-mobile button{width:20%;background:none;border:none}#boutons-mobile button img{width:100%}#load-mobile{width:20%}#progress-mobile{display:flex;flex-direction:row;width:90%;justify-content:space-evenly}#progress-mobile span{font-size:larger;width:4ch;text-align:center;color:#fff}#track-mobile{width:60%}#lecteur-undeploy{position:absolute;top:10px;left:12px;background:none;border:none;cursor:pointer}.home-content{max-height:100vh;max-width:100%}.home-liste{width:100%;max-width:inherit;overflow:hidden;display:flex;flex:1 0 auto;flex-direction:column}.home-liste h3{margin:0 0 1em}.home-liste .liste{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-width:fit-content;height:fit-content;width:100%;gap:.5em;scrollbar-width:thin}._case_w0dk5_1{display:flex;flex-direction:column;align-items:center;width:9em;height:9em;padding-top:.5em;margin-bottom:.5em;border-radius:15%;flex:0 0 auto;-webkit-user-select:none;user-select:none}@media screen and (max-width:700px){._case_w0dk5_1{height:10em}}._case_w0dk5_1 p{text-align:center;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:9em}._case_w0dk5_1 img{border-radius:15px;max-width:min(20vw,10vh)}._case_w0dk5_1:hover{background-color:#fff3}._listing_21gv0_1{display:flex;flex-direction:row;align-items:center;gap:.5em;padding:.5em;-webkit-user-select:none;user-select:none;cursor:pointer}._listing_21gv0_1:hover{background-color:#fff3}._cover_21gv0_16{width:60px;height:60px;object-fit:cover}._cover_21gv0_16._musique_21gv0_21,._cover_21gv0_16._album_21gv0_22{border-radius:15px}._cover_21gv0_16._artiste_21gv0_26{border-radius:50px}._infos_21gv0_33{display:flex;flex-direction:column;flex:1}._infos_21gv0_33 ._titre_21gv0_38{-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-wrap:break-word;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical}._infos_21gv0_33 ._soustitre_21gv0_49{font-size:small;color:#a9a9a9;line-clamp:1}._dots_21gv0_56{height:30px;width:30px;object-fit:cover;border-radius:15px}._dots_21gv0_56:hover{background-color:#ffffff59}._listing_gay5n_1{display:flex;flex-direction:row;align-items:center;gap:.5em;padding:.5em;-webkit-user-select:none;user-select:none;cursor:pointer}._listing_gay5n_1:hover{background-color:#fff3}._cover_gay5n_16{width:60px;height:60px;object-fit:cover}._cover_gay5n_16._musique_gay5n_21,._cover_gay5n_16._album_gay5n_21{border-radius:15px}._cover_gay5n_16._artiste_gay5n_25{border-radius:50px}._infos_gay5n_32{display:flex;flex-direction:column;flex:1}._infos_gay5n_32 ._titre_gay5n_37{-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-wrap:break-word;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical}._infos_gay5n_32 ._soustitre_gay5n_48{font-size:small;color:#a9a9a9;line-clamp:1}._dots_gay5n_55{height:30px;width:30px;object-fit:cover;border-radius:15px}._dots_gay5n_55:hover{background-color:#ffffff59}._search_bar_1i9ml_1{position:relative;width:calc(100% - 2em);padding-top:1em}._search_bar_1i9ml_1 form{display:flex;flex-direction:column}._search_bar_1i9ml_1 input{font-size:1em;padding:.2em;font-family:Hoyo;border-radius:5px;color:#fff;background-color:#ffffff26}._search_bar_1i9ml_1 input:focus{border-radius:5px 5px 0 0}._search_bar_1i9ml_1 ul{position:absolute;top:100%;left:0;right:0;list-style:none;padding:0;margin:0;width:100%;background-color:#313131bf;border:1px solid gray;border-top:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:10}._search_bar_1i9ml_1 li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.2em;cursor:pointer;border-bottom:none}._search_bar_1i9ml_1 li:hover,._search_bar_1i9ml_1 li._focus_1i9ml_51{background-color:#ffffff4d}._search_bar_1i9ml_1 button{background:none;border:none;color:#999;cursor:pointer;font-weight:700;font-size:14px;padding:4px}._search_bar_1i9ml_1 button:hover{color:red}._resultats_eo7u2_1{display:flex;flex-direction:column;width:calc(100% - 2em);padding-top:1em;gap:.5em}._cover_1qtj1_1{border-radius:50%!important}._content_gwbkh_1{overflow:hidden}._filtres_gwbkh_5{display:flex;flex-direction:row;justify-content:space-around;-webkit-user-select:none;user-select:none;width:100%;margin-top:1em}._filtres_gwbkh_5 span{padding:.7em;border-radius:10px;cursor:pointer}._filtres_gwbkh_5 span:hover{background-color:#fff3}._filtres_gwbkh_5 ._focus_filtre_gwbkh_24{background-color:#ffffffb3!important;color:#000}._affichage_gwbkh_30{width:100%;height:100%;overflow-y:auto;margin-top:2em;display:flex}._liste_gwbkh_38{scroll-margin-top:20px;flex:1}._grille_gwbkh_43{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(2*min(20vw,10vh)),1fr));flex:1}._scroll_gwbkh_49{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:30px;height:100%}._scroll_bouton_gwbkh_60{background:none;border:none;padding:2px;font-size:12px;color:#d3d3d3;cursor:default;opacity:.4}._scroll_bouton_gwbkh_60._present_gwbkh_69{color:#fff;font-weight:700;cursor:pointer;opacity:1}._scroll_bouton_gwbkh_60._actif_gwbkh_76{color:#000;background-color:#ffffffb3;cursor:default}._upper_sddug_1{display:flex;flex-direction:column;width:100%}._header_sddug_7{display:flex;align-items:center;margin:5% 0 5% 5%}._cover_sddug_14{width:40%;height:auto;max-width:40vh;border-radius:15%}._infos_sddug_21{text-align:left;overflow-x:hidden;margin-left:2%}._infos_sddug_21 p{margin:0}._boutons_sddug_31{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}._boutons_sddug_31 button{display:flex;flex-direction:row;justify-content:space-evenly;border:none;border-radius:15px;align-items:center;width:30%;height:auto;font-family:hoyo}._boutons_sddug_31 button img{width:30px;height:30px}._boutons_sddug_31 button span{color:#000}._body_sddug_59{width:100%;display:flex;flex-direction:column}.modalcreer-header{margin-bottom:5%;text-align:center}.modalcreer-input{display:flex;flex-direction:row;justify-content:center}.modalcreer-input input{font-family:Hoyo;text-align:center;width:60%;padding:7px;margin-bottom:5%;font-size:large;background:none;border:none;border:1px solid darkgray;color:#fff;border-radius:10px}.modalcreer-input input::placeholder{color:#fff;background-color:#a9a9a933;background-clip:content-box;box-shadow:0 0 0 5px #a9a9a933}.modalcreer-buttons{display:flex;flex-direction:row;justify-content:center}.modalcreer-buttons button{color:#fff;background:none;margin-left:5%;margin-right:5%;border:none;font-family:Hoyo;padding:7px;border-radius:10px;background-color:#003f00}.modalcreer-buttons button:hover{background-color:green}.modalcreer-buttons button:disabled{background-color:#5f2a2a}.modalcreer-buttons button:disabled:hover{background-color:#5f2a2a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:linear-gradient(200deg,#000 48%,green) fixed;padding:1.5rem;border-radius:12px;max-width:500px;width:90%;max-height:60%;position:relative;box-shadow:0 5px 20px #0003;overflow-y:hidden}.modal-header{padding-bottom:15px}.modal-nom{color:#add8e6}.modal-error{color:red;text-align:center}.modal-close{color:#fff;position:absolute;top:10px;right:12px;background:none;border:none;font-size:1.2rem;cursor:pointer}.modal-body{display:flex;flex-direction:column;max-height:50vh;overflow-y:auto;padding-top:5px;padding-bottom:5px;scrollbar-color:#003d00 transparent}.modal-body div{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:10px;padding-bottom:10px;text-align:center}.modal-body div img{width:7%;padding-right:1%}.modal-body div span{padding-left:1%;text-align:center;height:fit-content}.modal-create{text-align:center;padding-top:15px}._tile_1yydi_1{color:#fff;display:flex;text-align:center;align-items:center;justify-content:center;margin:0;width:60px;height:60px;font-size:1.2em}._cover_1yydi_13{width:60px;height:60px;object-fit:cover;border-radius:15%}._content_60rdu_1{gap:5em}._user_60rdu_5{font-size:1.5em}._deco_60rdu_9{font-size:1.5em;padding:1em;border-radius:20px;-webkit-user-select:none;user-select:none;cursor:pointer}._deco_60rdu_9:hover{background-color:#fff3}._version_60rdu_21{position:fixed;bottom:0}#liste-playlists-titre{font-weight:400}#liste-playlists{width:100%;display:flex;flex-direction:column}#liste-playlists p{color:#fff}#playlist-upper{display:flex;flex-direction:column;width:100%}#playlist-header{display:flex;align-items:center;margin:5% 0 5% 5%}#playlist-cover{width:40%;height:auto;max-width:40vh;border-radius:15%}#playlist-infos{text-align:left;overflow-x:hidden;margin-left:2%}#playlist-infos p{margin:0}#playlist-buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}#playlist-buttons button{display:flex;flex-direction:row;justify-content:space-evenly;border:none;border-radius:15px;align-items:center;width:30%;height:auto}#playlist-buttons button img{width:30px;height:30px}#playlist-buttons button span{color:#000}#playlist-infos{display:flex;flex-direction:column}#gestion-playlist{padding-top:5%}#playlist-body{width:100%;display:flex;flex-direction:column}._cover_1mt5p_1{width:60px;height:60px;object-fit:cover;border-radius:15%}#liste-albums-titre{font-weight:400}#liste-albums{width:100%;display:flex;flex-direction:column}#liste-albums p{color:#fff}#album-upper{display:flex;flex-direction:column;width:100%}#album-header{display:flex;align-items:center;margin:5% 0 5% 5%}#album-cover{width:40%;height:auto;max-width:40vh;border-radius:15%}#album-infos{text-align:left;overflow-x:hidden;margin-left:2%}#album-infos p{margin:0}#album-buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}#album-buttons button{display:flex;flex-direction:row;justify-content:space-evenly;border:none;border-radius:15px;align-items:center;width:30%;height:auto}#album-buttons button img{width:30px;height:30px}#album-buttons button span{color:#000}#album-body{width:100%;display:flex;flex-direction:column}#form-container{height:fit-content;width:fit-content;padding:.3rem;margin-top:3em;border-radius:15%;background:linear-gradient(200deg,#00008b,#8b0000)}#form-login{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-color:#353535;border-radius:15%;padding:1rem}#form-login div{padding:.3rem 0}#form-login label{padding-right:.3em}#form-login input{font-family:Hoyo}#login-titre{font-size:xx-large;padding-bottom:1em!important}@font-face{font-family:Hoyo;src:url(/assets/shii-webfont-B3DgDxXz.woff2);font-weight:100;font-style:normal;font-display:swap}@keyframes marquee{0%{transform:translate(150%)}to{transform:translate(-150%)}}html,body{padding:0;margin:0;font-family:Hoyo;background:linear-gradient(99deg,#000 48%,navy) fixed;color:#fff}#root{height:100dvh}#main{display:flex;height:100dvh;justify-content:center}#main.mobile{flex-direction:column}.font-hoyo{font-family:Hoyo}#content{width:-webkit-fill-available;width:-moz-available;height:100%;background:linear-gradient(200deg,#000 48%,#820000) fixed;color:#fff;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding-left:10px;scrollbar-color:#420000 transparent}.conteneur-texte{max-width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis}.conteneur-texte span.titre-playing{display:inline-block;animation:marquee 4s linear infinite}.texte-lien{cursor:default;-webkit-user-select:none;user-select:none}.separator{border-top:1px solid darkgray}.hide{display:none}