#menu{background:linear-gradient(200deg,#000 48%,#820000) fixed}#menu p{color:#fff}#menu p:hover{color:#add8e6}#menu-mobile{background:linear-gradient(200deg,#000 48%,#820000) fixed;display:flex;flex-direction:row;justify-content:space-around}#menu-mobile p{color:#fff}: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{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}.listing-playlist{display:flex;align-items:center;margin-top:15px;margin-bottom:15px;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.listing-playlist img{width:20%;max-width:100px;border-radius:10%;margin-right:2%}.listing-playlist-detail{display:flex;flex-direction:column}.listing-playlist-detail .nombre-musiques{color:#d3d3d3}#liste-playlists-titre{font-weight:400}#liste-playlists{width:100%;display:flex;flex-direction:column;align-items:center}#liste-playlists p{color:#fff}.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}.musique-listing{display:flex;justify-content:flex-start;align-items:center;margin:20px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.musique-nb{width:10%}.musique-cover{width:12%;margin-right:2%}.musique-cover img{width:100%;border-radius:15%}.musique-infos{display:flex;flex-direction:column;align-items:flex-start;width:100%}.musique-artiste{color:#d3d3d3;font-size:smaller}.musique-bouton{position:relative;right:5%;height:28px}.musique-bouton img{border-radius:25px;height:28px}.musique-bouton img:hover{filter:invert(100%);background-color:#696969}#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}.listing-album{display:flex;align-items:center;margin-top:15px;margin-bottom:15px;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.listing-album img{width:20%;max-width:100px;border-radius:10%;margin-right:2%}#liste-albums-titre{font-weight:400}#liste-albums{width:100%;display:flex;flex-direction:column;align-items:center}#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}@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}#root{height:100dvh}#main{display:flex;height:100dvh;justify-content:space-between}#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:scroll;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}