@font-face{font-family:SpotifyMix-Black;src:url(/assets/SpotifyMix-Black-Xe6nU7DX.woff2) format("woff2")}@font-face{font-family:SpotifyMix-Extrabold;src:url(/assets/SpotifyMix-Extrabold-DbmeBkyh.woff2)format("woff2")}@font-face{font-family:SpotifyMix-Bold;src:url(/assets/SpotifyMix-Bold-lHbgehe9.woff2)format("woff2")}@font-face{font-family:SpotifyMix-Light;src:url(/assets/SpotifyMix-Light-Dbyr9a3d.woff2)format("woff2")}@font-face{font-family:SpotifyMix-Medium;src:url(/assets/SpotifyMix-Medium-CoCRJ0Fy.woff2)format("woff2")}@font-face{font-family:SpotifyMix-Regular;src:url(/assets/SpotifyMix-Regular-eTAjyN1Y.woff2)format("woff2")}@font-face{font-family:SpotifyMix-Thin;src:url(/assets/SpotifyMix-Thin-C7YnKzSe.woff2)format("woff2")}@font-face{font-family:SpotifyMix-Ultra;src:url(/assets/SpotifyMix-Ultra-Bh_Yhzup.woff2)format("woff2")}*{margin:0;padding:0;box-sizing:border-box}:root{--background-color:rgb(12,13,15)}#root{height:100%;width:100%;background:var(--background-color)}body{background:var(--background-color);overflow:hidden}.Library{display:flex;height:900px}.profile-circle{width:40px;height:40px;border-radius:50%;margin-right:10px}.section-naming{color:#fff;font-size:30px;margin-left:20px;font-family:SpotifyMix-Bold;font-weight:100}@media (max-width: 430px){.section-naming{display:flex;justify-content:center}}.albums-container{width:100%;display:flex;flex-wrap:wrap;height:690px;overflow-y:scroll}.home-button{display:none}@media (max-width: 430px){.albums-container{height:760px}.home-button{display:block;background:none;border:none}.home-icon{width:30px}}.album-info{font-weight:100;padding-top:10px;display:flex;flex-direction:column;align-items:center;width:220px;height:300px;line-height:25px;overflow:hidden;text-overflow:ellipsis;color:#fafafa}.album-info:hover{transition-duration:.2s;background-color:#282828;border-radius:10px}.album-cover{height:200px;border-radius:15px;margin-bottom:5px}.NavLink{text-decoration:none;height:300px}.album-name{font-family:SpotifyMix-Medium;font-size:15px}.artist-name{font-family:SpotifyMix-Light;font-weight:100;font-size:13px}@media (max-width: 430px){.album-info{width:160px;height:190px;font-size:9px;line-height:20px}.album-cover{height:130px}.album-name{font-size:13px}.artist-name{font-size:11px}.NavLink{width:160px;height:190px}}._myButton_fib85_1{font-family:SpotifyMix-Medium;background:#0c0d0f;color:#fff;width:100%;height:40px;display:flex;justify-content:flex-start;align-items:center;border:none;padding-left:10px;font-weight:600;font-size:16px}._myButtonActive_fib85_16{font-family:SpotifyMix-Medium;color:#fff;width:100%;height:40px;display:flex;justify-content:flex-start;align-items:center;border:none;padding-left:10px;font-weight:600;font-size:16px;background:#282828}._myButton_fib85_1:hover{background:#282828}._asideContainer_1abps_1{display:flex;flex-direction:column;height:100vh;width:250px;background:#0c0d0f}@media (max-width: 430px){._asideContainer_1abps_1{display:none}}.artist-info{font-family:SpotifyMix-Thin;font-weight:100;padding-top:10px;display:flex;flex-direction:column;align-items:center;width:220px;height:270px;line-height:25px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fafafa}.artist-info:hover{transition-duration:.2s;background-color:#282828;border-radius:10px}.artist-cover{height:200px;width:200px;border-radius:50%;margin-bottom:5px;object-fit:cover}@media (max-width: 430px){.artist-info{width:160px;height:190px;font-size:9px}.artist-cover{height:130px;width:130px}}.categories-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.mop-cover{background:gray;background-size:200% 200%;height:200px;width:200px;border-radius:15px;margin-bottom:5px;animation-delay:0s}.mop-info{padding-top:10px;display:flex;flex-direction:column;align-items:center;width:220px;height:300px;line-height:25px;overflow:hidden;text-overflow:ellipsis;color:#fafafa}.mop-info:hover{transition-duration:.2s;background-color:#282828;border-radius:10px}.mop-album-name{background:gray;animation:glide 1s ease infinite alternate;background-size:200% 200%;height:25px;width:140px;margin-top:10px;border-radius:4px}.mop-name{background:gray;animation:glide 1s ease infinite alternate;background-size:200% 200%;height:15px;width:100px;margin-top:10px;border-radius:4px}@media (max-width: 430px){.mop-cover{height:130px;width:130px}.mop-info{height:250px;width:150px}.skeleton{height:20px;width:80px}}.categories-container{justify-content:center;width:100%;display:flex;flex-wrap:wrap;gap:20px}@media (max-width: 430px){.categories-container{gap:0}}.track-number{padding-left:15px;font-family:SpotifyMix-Light;display:flex;align-items:center;margin-right:20px;color:#bebebe}.track-item{border-radius:5px;width:97%;height:55px;color:#fff;display:flex}.track-artists{font-family:SpotifyMix-Light;font-weight:900;display:flex;justify-content:center;flex-direction:column;color:#969696;width:50%;margin-right:700px}.track-duration{font-family:SpotifyMix-Light;margin-right:40px;display:flex;align-items:center;height:55px;color:#bebebe}.track-name{width:fit-content;color:#fff}.artists-container{font-family:SpotifyMix-Light;display:flex;gap:5px}.add-to-favourite-button{background:none;border:none;margin-right:15px}@media (max-width: 430px){.track-name{width:150px;font-size:13px}.track-artists{max-width:180px;min-width:180px;margin-right:70px}.track-duration,.track-number{font-size:14px}.icons{width:20px}.albumPage-content-container{padding-left:20px}.track-number{display:flex;justify-content:center;min-width:20px;max-width:20px;margin-right:10px}}.albumPage-header-container{display:flex;color:#fff;width:100%;height:270px;background:var(--background-color)}.albumPage-header-img{width:230px;height:230px;transition-duration:.2s;margin-left:30px;margin-top:30px;border-radius:5px;box-shadow:#00000059 0 5px 30px}.albumPage-header-img-container{width:251px;height:251px}.albumPage-header-img:hover{width:235px;height:235px;transition-duration:.2s}.albumPage-header-info-container{margin-top:60px;display:flex;flex-direction:column;gap:10px;width:100%;margin-left:40px}.albumPage-album-name-font{font-family:SpotifyMix-Extrabold;font-weight:100;font-size:6rem}.albumPage-artist-container{font-family:SpotifyMix-Light;font-weight:100;font-size:15px;display:flex;gap:5px}.albumPage-track-info{color:#bebebe}.albumPage-content-container{display:flex;width:100%;height:100%;flex-direction:column;margin-top:30px;padding-left:25px}.type{font-family:SpotifyMix-Light}@media (max-width: 430px){.albumPage-header-container{flex-direction:column;height:200px}.albumPage-header-img-container{width:121px;height:121px;align-self:center;margin-bottom:15px}.albumPage-header-img{margin-left:0;margin-top:0;width:120px;height:120px}.albumPage-header-info-container{margin-top:20px;gap:0;margin-left:0}.type{display:none}.albumPage-album-name-font{font-size:25px;margin-left:20px;margin-bottom:7px}.albumPage-artist-container{margin-left:20px;font-size:12px}.albumPage-header-img:hover{width:121px;height:121px;transition-duration:.2s}.albumPage-content-container{padding-left:20px}}.mop-number{border-radius:5px;padding-left:15px;width:10px;height:25px;display:flex;align-items:center;margin-right:20px;background:gray}.mop-item{border-radius:5px;width:97%;height:55px;display:flex}.track-item:hover{background-color:#282828;transition-duration:.2s}.mop-artists{display:flex;justify-content:center;flex-direction:column;width:50%;height:50px;margin-right:700px}.mop-track-duration{margin-right:40px;display:flex;align-items:center;width:50px;height:20px;background:gray;border-radius:5px}.mop-track{border-radius:5px;margin-bottom:10px;height:20px;width:300px;background:gray}.mop-artist{border-radius:5px;height:15px;width:70px;background:gray}.mop-button{background:gray;margin-right:15px;width:30px;height:23px;border-radius:50%}.mop-albumPage-header-container{display:flex;width:100%;height:270px;background:var(--background-color)}.mop-albumPage-header-img{width:230px;height:230px;transition-duration:.2s;margin-left:30px;margin-top:30px;border-radius:5px;box-shadow:#00000059 0 5px 30px}.mop-albumPage-header-img-container{border-radius:10px;background:gray;width:230px;height:230px}.map-albumPage-header-img:hover{width:235px;height:235px;transition-duration:.2s}.mop-albumPage-header-info-container{margin-top:60px;display:flex;flex-direction:column;gap:10px;width:100%;margin-left:40px}.mop-albumPage-album-name-font{background:gray;width:500px;height:100px}.mop-albumPage-artist-container{display:flex;gap:5px}.mop-albumPage-track-info{width:70px;height:15px;background:gray}.mop-albumPage-content-container{display:flex;width:100%;height:100%;flex-direction:column;margin-top:30px;padding-left:25px}.mop-type{width:70px;height:20px;background:gray}@media (max-width: 430px){.mop-track{width:150px;font-size:13px}.mop-artists{max-width:180px;min-width:180px;margin-right:70px}.mop-button{width:30px;height:18px}.mop-number{display:flex;justify-content:center;min-width:7px;max-width:7px;margin-right:10px}.mop-albumPage-header-container{flex-direction:column;height:200px}.mop-albumPage-header-img-container{width:121px;height:121px;align-self:center;margin-bottom:15px}.mop-albumPage-header-img{margin-left:0;margin-top:0;width:120px;height:120px}.mop-albumPage-header-info-container{margin-top:20px;gap:0;margin-left:0}.mop-type{display:none}.mop-albumPage-album-name-font{width:100px;height:30px;margin-left:20px;margin-bottom:7px}.mop-albumPage-artist-container{margin-left:20px;font-size:12px}.mop-albumPage-header-img:hover{width:121px;height:121px;transition-duration:.2s}.mop-albumPage-content-container{padding-left:20px}}.artistPage-header-img{width:230px;height:230px;transition-duration:.2s;margin-left:30px;margin-top:30px;border-radius:50%;box-shadow:#00000059 0 5px 30px;object-fit:cover}@media (max-width: 430px){.artistPage-header-img{width:130px;height:130px;margin-top:0;margin-left:0}}._myInput_bjsq5_1{font-family:SpotifyMix-Light;background:#16181c;color:#fff;margin-left:10px;width:250px;height:40px;border:none;padding-left:7px;font-size:16px;border-radius:20px}._myInputContainer_bjsq5_13{margin-right:900px;border-radius:20px;background:#16181c;display:flex}._myInput_bjsq5_1:focus{outline:none}@media (max-width: 430px){._myInput_bjsq5_1{width:200px;height:35px}._myInputContainer_bjsq5_13{margin-left:20px;margin-right:20px}}._headerContainer_pvnys_1{width:100%;height:80px;background:#0c0d0f;display:flex;align-items:center;justify-content:space-between}@media (max-width: 430px){._headerContainer_pvnys_1{justify-content:center}}._playerContainer_u7vbf_1{display:flex;width:100%;height:90px;z-index:1000;background:#000;position:absolute;justify-content:center;bottom:0;left:0;right:0;color:#fff;align-items:center}._player_u7vbf_1{width:500px}@media (max-width: 430px){._player_u7vbf_1,._playerContainer_u7vbf_1{display:none}}.main-modal-container{background:#000000b3;position:absolute;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.modal-container{width:800px;height:600px;background:#8af5d4;border-radius:20px;display:flex;flex-direction:column}.modal-big-text{text-align:center;margin-top:50px;display:flex;width:100%;justify-content:center;font-family:SpotifyMix-Ultra;font-size:40px}.modal-small-text{text-align:center;margin-top:50px;display:flex;width:100%;justify-content:center;font-family:SpotifyMix-Medium;font-size:20px}.modal-text-container{display:flex;flex-direction:column;width:100%;height:70%}.modal-button-container{display:flex;height:30%;width:100%;justify-content:center}.modal-button{background-color:var(--background-color);color:#fff;border:none;border-radius:40px;width:400px;height:120px;font-family:SpotifyMix-Black;font-size:40px}.modal-button:hover{background-color:#8af5d4;border:5px solid var(--background-color);color:var(--background-color);transition-duration:.2s}@media (max-width: 430px){.modal-container{width:90%;height:50%}.modal-big-text{margin-top:50px;font-size:23px}.modal-small-text{margin-top:40px;font-size:17px}.modal-text-container{display:flex;flex-direction:column;width:100%;height:70%}.modal-button-container{display:flex;height:30%;width:100%;justify-content:center}.modal-button{background-color:var(--background-color);color:#fff;border:none;border-radius:40px;width:280px;height:90px;font-family:SpotifyMix-Black;font-size:40px}}@keyframes fade-out{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.modal-hided{background:#000000b3;position:absolute;display:flex;width:100%;height:100%;justify-content:center;align-items:center;animation:fade-out .5s ease forwards;pointer-events:none}@media (max-height: 670px){.modal-container{width:89%}.modal-button{height:80px}.modal-small-text{margin-top:25px}}