.glow-on-hover{width:220px;height:50px;border:none;outline:none;color:#000;background:#1db454;cursor:pointer;position:relative;z-index:0;border-radius:10px;font-size:20px}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;-webkit-filter:blur(5px);filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#1db454;left:0;top:0;border-radius:10px}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.track_list{display:flex;position:relative;align-items:center;justify-content:center;grid-gap:15px;gap:15px;flex-wrap:wrap;max-width:565px;padding:20px;overflow:hidden;max-height:85vh;overflow-y:scroll;background-color:hsla(0,0%,100%,.8)}.track_decennies{display:flex;width:250px;height:150px;align-items:flex-end;margin-bottom:80px}.track_morePrecisions{font-size:14px;opacity:.5;margin-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px;transition:.4s}.track_morePrecisions:hover{opacity:1;cursor:pointer}.track_anim{position:absolute;width:100%;height:100%;background-color:#f2f1de;left:0;-webkit-animation:grow 1s cubic-bezier(.76,.2,.36,.98) forwards;animation:grow 1s cubic-bezier(.76,.2,.36,.98) forwards}.track_anneeM{font-size:26px;margin:0;width:270px}@-webkit-keyframes grow{0%{bottom:0}to{bottom:100%}}@keyframes grow{0%{bottom:0}to{bottom:100%}}.menu_choice{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:35px;transition:.4s;-webkit-transform:scale(1);transform:scale(1)}.menu_choice:hover{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.menu_choice img{width:95px;background:#fff;height:95px;border-radius:7px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.menu_choice p{margin:5px 0 0;font-weight:500}.track_statName{padding-left:12px;text-align:center;font-weight:500}.track_statAnim{width:100%;height:30px;position:absolute;background:#c2c1b2;top:0;left:0;-webkit-animation:growLeft 1.5s cubic-bezier(.76,.2,.36,.98) 1.4s forwards;animation:growLeft 1.5s cubic-bezier(.76,.2,.36,.98) 1.4s forwards;z-index:1}@-webkit-keyframes growLeft{0%{left:0}to{left:100%}}@keyframes growLeft{0%{left:0}to{left:100%}}.track_display{width:100%;box-sizing:border-box;min-height:100vh;padding:30px;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;grid-gap:130px;gap:130px;background:#f2f1de}.track_border{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:12px;overflow:hidden}.track_time{display:flex;grid-gap:10px;gap:10px}.track_time p{background:hsla(0,0%,100%,.8);padding:5px 10px;margin:0;font-weight:700;border-radius:10px 10px 0 0;opacity:1;transition:.4s}.track_time p:hover{cursor:pointer}.inactive{opacity:.6!important;font-weight:500!important}.track_list::-webkit-scrollbar{width:10px;border-bottom-right-radius:12px;border-top-right-radius:12px}.track_list::-webkit-scrollbar-track{background:#f1f1f1;border-bottom-right-radius:12px;border-top-right-radius:12px;overflow:hidden}.track_list::-webkit-scrollbar-thumb{background:#888}.track{position:relative;overflow:hidden;border-radius:12px}.track_image{object-fit:contain;aspect-ratio:1/1;width:175px}.track_infos{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;padding-top:60%;box-sizing:border-box;background:linear-gradient(0deg,#000 4%,rgba(15,14,11,.8715861344537815) 20%,rgba(193,154,70,0) 59%);color:#fff;display:flex;align-items:center;justify-content:space-between}.track_popu p{font-size:30px;font-weight:700}.track_popu{display:flex;align-items:center;justify-content:center;padding:15px}.track_noms{max-height:60px;overflow:hidden;margin-left:10px}.track_noms p{margin:0;font-weight:700;font-size:15px}.track_artists{font-weight:400!important}@media only screen and (max-width:1200px){.track_display{flex-direction:column;grid-gap:50px;gap:50px}.menu{display:flex;align-items:center;justify-content:center;grid-gap:40px;gap:40px;flex-direction:row}}@media only screen and (max-width:700px){.menu{flex-wrap:wrap;grid-gap:0;gap:0}}.content{display:flex;flex-direction:column;min-height:100vh;width:100%;padding-bottom:100px;background:#292841}.section_title{color:#fff;text-align:left;width:100%;font-weight:500;font-size:24px;margin:55px 0 7px}.bottomNavigator{display:flex;align-items:center;position:fixed;bottom:0;width:100%;height:55px;background:rgba(0,0,0,.6);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.3);z-index:100}.dividerr{width:1px;height:70%;background:hsla(0,0%,100%,.5);margin:0 10px}.iconContainer{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:hsla(0,0%,100%,.5);font-size:12px;font-weight:500;cursor:pointer}.iconContainer:active{background:transparent}.iconContainer:active,.iconContainer:focus{outline:none;background:none}.iconContainer.selectedOne{color:#fff}.selectedOne .MuiSvgIcon-root,.separatorSpan{color:#22f16e!important;-webkit-filter:drop-shadow(0 0 10px #1db454)!important;filter:drop-shadow(0 0 10px #1DB454)!important}.iconContainer p{margin:2px 0 0;padding:0}.popularity_wrapper{margin-top:5px;position:relative;width:100%;height:20px;border-radius:3px}.popularity_div_background{width:100%;height:100%;background:hsla(0,0%,100%,.1);position:absolute}.popularity_text{color:#fff;text-align:center;margin:7px 0 10px}.popularity_example_wrapper{color:#fff;display:flex;align-items:center;grid-gap:10px;gap:10px;margin-top:3px}.popularity_example_wrapper p{z-index:2}.popularity_example_wrapper img{width:90px;height:90px;aspect-ratio:1/1;border-radius:10px}.divider{margin:10px auto;background:hsla(0,0%,100%,.5);height:2px;width:100%}.songs_content{display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;padding:0 20px;margin:20px auto 0}.songs_list_wrapper{position:relative}.songs_list_overlay{position:absolute;right:-2px;top:0;height:100%;width:60px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 60%,#000);z-index:10}.songs_list{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;flex-wrap:wrap;overflow-x:scroll;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative}.song{position:relative;width:175px;aspect-ratio:1;overflow:hidden}.song_image{width:100%;aspect-ratio:1}.song_infos{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;padding-top:54%;box-sizing:border-box;background:linear-gradient(0deg,#000 4%,rgba(15,14,11,.8715861344537815) 20%,rgba(193,154,70,0) 59%);color:#fff;display:flex;align-items:center;justify-content:space-between}.song_popu p{font-size:30px;font-weight:700}.song_popu{display:flex;align-items:center;justify-content:center;padding:15px}.song_noms{flex:1 1;overflow:hidden;margin-left:10px}.song_noms p{margin:0}.song_title{font-size:17px;font-weight:700;max-height:44px}.song_artists,.song_title{text-overflow:ellipsis;overflow:hidden}.song_artists{font-size:15px;width:100%;white-space:nowrap}.song_duration{font-size:17px;color:#fff}.time_ranges{display:flex;align-items:center;width:100%;margin:10px 0;grid-gap:10px;gap:10px}.time_range{padding:5px 10px;border-radius:3px;font-weight:500;cursor:pointer}.time_range.active{background:#22f16e;-webkit-filter:drop-shadow(0 0 10px #1db454);filter:drop-shadow(0 0 10px #1DB454);color:#000}.time_range.inactive{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.songs_decennies{display:flex;width:100%;flex-direction:column;position:relative}.songs_decennie{display:flex;align-items:center}.songs_decennie p{color:#fff;margin:0 0 0 10px;font-size:17px}.song_bar{height:5px;box-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 9px currentColor;border-top-right-radius:3px;border-bottom-right-radius:3px}.popularity_div{background:#22f16e!important;-webkit-filter:drop-shadow(0 0 10px #1db454)!important;filter:drop-shadow(0 0 10px #1DB454)!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}