@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0..1,0);@import url(https://fonts.cdnfonts.com/css/sf-archery-black);@import url(https://fonts.cdnfonts.com/css/eagle-4);*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#710dbd #150a31;scrollbar-color:var(--main-color) var(--background)}:root{--heigth:180px;--background:#150a31;--background-elements:#3a0767;--main-color:#710dbd;--ligth-color:#8927d5;--outline:8px solid var(--background-elements);--box-shadow:4px 4px 10px rgba(94,1,1,.952);--border-color:var(--main-color)}html{background:#150a31;background:var(--background)}::-webkit-scrollbar{background:transparent;height:12px;-webkit-transition:.3s;transition:.3s;width:12px}::-webkit-scrollbar-thumb{background:#710dbd;background:var(--main-color);border-radius:1ex;box-shadow:0 1px 2px rgba(0,0,0,.75)}::-webkit-scrollbar-thumb:hover{background:#8927d5;background:var(--ligth-color);cursor:move}::-webkit-scrollbar-corner{background:#150a31;background:var(--background)}a{text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}body{font-family:Eagle Ligth,sans-serif;overflow-x:hidden}.main__content{overflow-x:hidden;padding-bottom:40px}.Loading{color:transparent;margin:10px;text-align:center}.text__loading{opacity:0;position:absolute}.AvatarSelect{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.avatar__carrousel{display:flex;gap:12px}.avatar__carrousel>button{background:#3a0767;background:var(--background-elements);padding:0}.AvatarSelect__button span{font-size:50px}.avatar__carrousel img{border-radius:50%;width:70px}.Button{align-items:center;background:#710dbd;background:var(--main-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:large;font-weight:600;gap:12px;padding:8px 20px;transition:.25s}.Button:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.Button:disabled{color:#636363;font-weight:100;pointer-events:none}input{background:#3a0767;background:var(--background-elements);border:1px solid #710dbd;border:1px solid var(--border-color);border-radius:4px;color:#fff;outline:1px solid #710dbd;outline:1px solid var(--border-color);padding:4px}.Title{align-items:center;display:flex;flex-direction:column;font-family:SF Archery Black,sans-serif;font-size:2.5rem;justify-content:center;padding:60px;row-gap:24px;text-align:center;text-shadow:0 0 16px #8927d5;text-shadow:0 0 16px var(--ligth-color)}.title__gif{-webkit-filter:brightness(130%);filter:brightness(130%);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;mix-blend-mode:luminosity;pointer-events:none;-webkit-user-select:none;user-select:none}.Login__container{height:100vh;justify-content:flex-start}.Login,.Login__container{align-items:center;display:flex;flex-direction:column}.Login{background:#3a0767;background:var(--background-elements);border:2px solid #710dbd;border:2px solid var(--border-color);border-radius:8px;box-shadow:4px 4px 10px rgba(94,1,1,.952);box-shadow:var(--box-shadow);outline:8px solid #3a0767;outline:var(--outline);padding:16px;row-gap:20px;width:400px}.Login label{font-weight:700}.Login input,.Login label{font-size:larger}.Login__button>span{font-size:24px}.Header{display:flex;justify-content:space-between;margin-bottom:24px;padding:8px}.Header nav{display:flex;gap:12px;justify-content:space-evenly}.Header nav a{border-radius:8px;color:#fff;padding:12px;text-decoration:none}.Header nav a:hover,.actual__page{background:#3a0767;background:var(--background-elements)}.Header__favorites{font-family:SF Archery Black,sans-serif;font-size:larger;gap:8px}.Header__favorites,.user-data{align-items:center;display:flex}.user-data{border-radius:8px;color:#fff;gap:16px;justify-content:space-around;padding:8px;text-decoration:none;transition:.3s;width:225px}.user-data h4{opacity:0;transition:.3s}.user-data:hover{background:#3a0767;background:var(--background-elements)}.user-data:hover h4{opacity:1}.user-data:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.img__user{border-radius:50%;transition:.3s;width:50px}.TitleSmall{align-items:center;display:flex;font-family:SF Archery Black,sans-serif;text-shadow:0 0 12px #8927d5;text-shadow:0 0 12px var(--ligth-color)}.TitleSmall__img{height:60px;mix-blend-mode:luminosity}.Search{background-color:#3a0767;background-color:var(--background-elements);border-radius:20px;display:flex;justify-content:center;margin:0 auto;padding:8px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Search input{background:none;border:none;font-size:24px;outline:none;width:450px}.Search button{background:none;border:none;color:#fff;cursor:pointer}.Search button:disabled{color:gray;cursor:not-allowed}.Albums{margin:20px auto;max-width:900px}.Albums h2{text-align:center}.result__search{margin:20px}.AlbumCard{align-items:flex-end;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:.3s}.AlbumCard__icon{font-variation-settings:"FILL" 1;left:30px;opacity:0;position:absolute;top:40%}.AlbumCard__img{width:60px}.AlbumCard:hover{background:rgba(0,0,0,.2)}.AlbumCard:hover img{-webkit-filter:brightness(35%);filter:brightness(35%)}.AlbumCard:hover span{opacity:1}.AlbumDetailed,.Favorites{margin:0 auto;max-width:900px}.album__data{align-items:flex-end;margin:24px 0}.MusicCard,.album__data{display:flex;gap:12px;padding:12px}.MusicCard{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;cursor:pointer;position:relative;transition:.3s}.MusicCard .play{font-size:30px;font-variation-settings:"FILL" 1;left:25px;opacity:0;position:absolute;top:30%;transition:.3s}.MusicCard .favorite{border-radius:50%;padding:20px;position:absolute;right:20px;transition:.3s;z-index:2}.MusicCard .favorite:hover{text-shadow:0 0 2px #fff;-webkit-transform:scale(1.5);transform:scale(1.5)}.isChecked{color:#710dbd;color:var(--main-color);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.MusicCard:hover{background:rgba(0,0,0,.2)}.MusicCard:hover img{-webkit-filter:brightness(25%);filter:brightness(25%)}.MusicCard:hover .play{opacity:1}.music__card__track{margin-right:70px}.favorite--container{position:absolute;right:10px}.Player__container{background:#200e4c;bottom:0;height:150px;position:fixed}.Player{align-items:center;display:flex;gap:8px;padding:28px 12px 0;width:100vw;z-index:5}.Player__img{height:60px}.track__info{flex-grow:2}.play__next__buttons{display:flex;flex-direction:column;gap:8px;margin:4px;width:200px}.play__next__buttons .Button{background:#710dbd;background:var(--main-color)}.volume-slider-container{align-items:center;display:flex}.play__next__buttons .material-symbols-outlined{font-size:30px;font-variation-settings:"FILL" 1}.time__song{text-align:center}@media screen and (max-width:650px){.play__next__buttons{width:130px}.play__next__buttons .Button{padding:8px}.track__info{font-size:small}.user-data{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (max-device-width:650px){:root{--heigth:250px}}@media screen and (max-device-height:500px){:root{--heigth:220px}.Player__container{height:120px;padding:0 4px}.Player{padding:20px 10px 10px}}.UserCard{align-items:center;background:#3a0767;background:var(--background-elements);border:2px solid #710dbd;border:2px solid var(--border-color);border-radius:8px;box-shadow:4px 4px 10px rgba(94,1,1,.952);box-shadow:var(--box-shadow);display:flex;flex-direction:column;margin:40px auto;outline:8px solid #3a0767;outline:var(--outline);padding:16px;row-gap:12px;width:400px}.UserCard__img{border-radius:50%}.ProfileEdit{align-items:center;background:#3a0767;background:var(--background-elements);border:2px solid #710dbd;border:2px solid var(--border-color);border-radius:8px;box-shadow:4px 4px 10px rgba(94,1,1,.952);box-shadow:var(--box-shadow);display:flex;flex-direction:column;margin:40px auto;outline:8px solid #3a0767;outline:var(--outline);padding:16px;row-gap:12px;width:400px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.c066d5f3.css.map*/