:root{--slone-white:#fafafa;--labeur-white:#a2a09b;--track-title:#d2d0cb;--track-title-hover:#42413f;--track-artist:#72706b;--spotify:#1ed760;--facebook-blue:#0866ff;--twitter-blue:#1d9bf0;--youtube:red;--soundcloud:#f50;--apple:#d60017;--deezer:#a238ff;--tidal:#fff}*,:after,:before{box-sizing:border-box}body,button,input{margin:0;font-family:Quicksand,sans-serif;font-style:normal;font-weight:200}body{color:var(--labeur-white);box-sizing:border-box;background-color:#000;background-image:url(media/images/Guillaume-Chantraine-Live-01-2017-2160.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;font-weight:400}ul{margin:0;padding:0}a{color:#d9d7d0}button{color:inherit;transform-origin:50%;cursor:pointer;background-color:#0000;border:0;margin:0;padding:0;transition:all .3s ease-in-out}button:hover{color:#e9e7e0}button:active{transform:scale(.9)}.skip-to{z-index:10000;color:#fff;background-color:#000;border:1px solid #aaa;margin:.125em;padding:.5em;position:absolute;top:0;left:-20000em}.skip-to:focus{left:0}.container{width:100%;max-width:60rem;margin:0 auto;padding:.5em}#main-header .container{justify-content:space-between;align-items:center;display:flex}#main-header h1{color:#fafafa;margin:0 .25em 0 0;font-style:normal;font-weight:400}#main-header h2{font-optical-sizing:auto;margin:0;font-size:1.2em;font-style:normal;font-weight:200}#main-content .container{position:relative}.social-networks ul{justify-content:space-around;gap:.5em;margin:0;padding:0;font-size:2em;list-style:none;display:flex}.social-networks li{line-height:1}.social-networks li a{transition:color .2s}.social-networks li a.youtube:hover{color:var(--youtube)}.social-networks li a.facebook:hover{color:var(--facebook-blue)}.social-networks li a.x:hover{color:var(--twitter-blue)}.social-networks li a.spotify:hover{color:var(--spotify)}.social-networks li a.soundcloud:hover{color:var(--soundcloud)}.media-interface .progress-bar-container,.media-interface .volume-slider-container{cursor:pointer;background-color:#fff4;border-radius:.25em;height:.25em}.media-interface .progress-bar-container{cursor:pointer;width:100%;margin-top:1em;margin-left:auto;margin-right:auto}.media-interface .volume-slider-container{width:110px;margin-left:auto;margin-right:auto}.media-interface .progress-bar,.media-interface .volume-slider{background-color:var(--slone-white);border-radius:10px;height:100%;transition:width .2s}.media-interface .current-track-title{text-align:center;color:var(--slone-white);padding:.75em 0 .25em;font-weight:400}.media-controls{justify-content:center;align-items:center;margin:0 auto;padding:.25em 0 .75em;display:flex}.media-controls button{width:2em;margin:.25em;font-size:1em;line-height:1}.media-controls .bt-play-pause{font-size:2em}.media-controls .bt-mute-toggle{margin-left:2em}.media-controls .active{color:var(--slone-white);text-shadow:0 0 .25em #fafafa90}.media-playlists{opacity:0;background-color:#000000ad;border-radius:.5em;transition:transform .5s ease-in-out,opacity .4s ease-in-out;transform:translate(-110%);box-shadow:inset 0 0 3em #000000ad}.media-playlists.active{opacity:1;transform:translate(0)}.media-playlists .playlists-selection,.media-playlists .tracklist{padding:1em}.media-playlists .playlists-selection ul{gap:1em;list-style:none;display:flex}.media-playlists .playlists-selection li{cursor:pointer;border-radius:.5em;padding:.7em}.media-playlists .playlists-selection li:hover{background-color:#fafafa50}.media-playlists .playlists-selection li.active{background-color:var(--slone-white);color:#000;animation:1s ease-in infinite alternate tab-playing}.media-playlists .playlists-selection li.shown{background-color:var(--slone-white);color:#000;animation:none}.media-playlists button{margin-left:.5em}@keyframes tab-playing{0%{background-color:#fafafaa0}to{background-color:#fafafa50}}.media-playlists .tracklist{text-align:left;grid-area:tracklist;height:calc(100vh - 24em);overflow:auto}.media-playlists .tracklist ul{list-style:none}.media-playlists .tracklist li .track-wrapper{cursor:pointer;text-align:left;color:var(--track-title);font:inherit;background-color:#0000;border-width:0;border-radius:.25em;justify-content:space-between;align-items:center;width:100%;margin:0;padding:.5em;transition:transform .2s ease-in-out;display:flex}.media-playlists .tracklist li .track-wrapper:hover{color:#fff;background-color:#fff3}.media-playlists .tracklist li .track-wrapper:active{color:var(--track-title-hover);background-color:#fff;transform:scale(.98)}.media-playlists .tracklist li .track-wrapper button:active{transform:none}.media-playlists .tracklist .current{color:#ffe;font-weight:600}.media-playlists .tracklist .track-wrapper:active button{color:var(--track-title-hover)}.media-playlists .tracklist li button span{display:block}.media-playlists .tracklist .track-artist{color:var(--track-artist);font-size:.8em}.media-playlists .tracklist .track-wrapper button{text-align:left;flex-basis:100%;font-size:1em;display:block}.media-playlists .tracklist .distributed-by{flex-direction:row;place-items:center flex-start;display:flex}.media-playlists .tracklist .distributed-by .platform{color:#aaa;margin-left:.5em;font-size:1.25em}.media-playlists .tracklist .distributed-by .spotify:hover{color:var(--spotify)}.media-playlists .tracklist .distributed-by .soundcloud:hover{color:var(--soundcloud)}.media-playlists .tracklist .distributed-by .apple:hover{color:var(--apple)}.media-playlists .tracklist .distributed-by .deezer:hover{color:var(--deezer)}.media-playlists .tracklist .distributed-by .tidal:hover{color:var(--tidal)}.media-playlists .tracklist .distributed-by .ytmusic:hover{color:var(--youtube)}#main-footer{z-index:1000;position:fixed;bottom:0;left:0;right:0}.copyright{text-align:right;margin:.25em 0;padding:0;font-size:.9em;font-weight:500}@media screen and (width<=600px){body{background-position:67%;font-size:.95rem}.media-playlists .playlists-selection ul{justify-content:center}.media-playlists .playlists-selection li{width:50%}#main-header .container{align-items:flex-start}#main-header h1{font-size:1.5em;font-weight:600}#main-header h2{font-size:.9em}.social-networks ul{padding-top:.25em;font-size:1.4em}}@media screen and (width<=485px){.media-playlists .playlists-selection,.media-playlists .tracklist{padding:.25em}.media-playlists button{display:none}.social-networks ul{padding-top:.25em;font-size:1.3em}.media-playlists{font-size:.9em}.bt-random-toggle,.bt-loop-toggle,.media-volume-control{display:none}#main-footer .copyright{font-size:.7em}}@media screen and (width<=390px){#main-header h1{font-size:1.4em;font-weight:600}#main-header h2{font-size:.9em}.social-networks li{padding-top:.15em;font-size:.9em}.media-playlists .tracklist{height:calc(100vh - 22em)}}