@font-face{font-family:didact-gothic;src:url(../fonts/Didact_Gothic/DidactGothic-Regular.ttf)}:root{font-family:didact-gothic,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{font-weight:500;color:#646cff;text-decoration:none}ol{list-style-type:none;font-weight:700;font-size:20px}ul{list-style-type:none;font-weight:700;font-size:20px;margin-block-end:0;margin-block-start:0;padding-inline-start:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}table{border-spacing:0;border-collapse:collapse}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.audioPlayer{height:100%;width:100%;background-color:#000}._SliderRSWP:hover .slider__range{background-color:#1bb954!important}.nav-bar{height:100%;width:15%;display:flex;flex-direction:column;gap:8px}.menu{background-color:#141414;height:15%;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;-webkit-user-select:none;user-select:none}.menu li{cursor:pointer}.library{background-color:#141414;height:85%;width:100%;border-radius:8px;overflow:auto}.library-header{font-size:20px;height:13%;position:sticky;top:0;background-color:#141414;padding-top:10px;padding-bottom:10px}.library-header-title{color:#a7a7a7;font-weight:700;font-size:22px;padding-left:6px}.library-header-tags{display:flex;gap:10px;margin-top:15px}.library-header-tags>*{font-size:14px;background-color:#323232;padding:5px 12px;border-radius:15px;cursor:pointer;transition:.3s}.library-header-tags>*:hover{background-color:#464646}.library-header-tags>.active{background-color:#fff;color:#000}.library-header-tags-close{border-radius:50%}.library-list{height:95%}.libraryCard{display:flex;width:100%;gap:15px;align-items:center;padding-top:8px;padding-bottom:8px;border-radius:10px}.libraryCard.active,.libraryCard:hover{background-color:#323232}.libraryCard-image{width:40px;height:40px;border-radius:5px}.libraryCard-content{display:flex;flex-direction:column;line-height:20px}.libraryCard-content-name{font-size:16px;font-weight:700;color:#fff}.libraryCard-content-type{font-size:14px;color:#a7a7a7;text-transform:capitalize}.experience{width:85%!important;height:100%!important;background-color:#000;border-radius:8px}.home{height:99%;width:99%;display:flex;flex-direction:column}.home-nav-experience-container{display:flex;gap:10px;height:90%;width:100%}.home-audioPlayer-container{width:100%;height:10%;display:flex;align-items:center;justify-content:center}.search{width:85%;height:100%;background-color:#141414;background-position:0%;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding-left:20px;padding-right:10px;animation:gradientMove 3s ease 0s infinite normal none;animation-play-state:paused}.search-form{height:8%;min-height:50px;display:flex;align-items:center}.search-form-input{width:25%;height:50%;border-radius:15px;background-color:#fff;border:none;color:#000;padding:0 10px}.search-tags-container{width:100%;min-height:30px;height:5%;-webkit-user-select:none;user-select:none}.search-tags{font-size:16px;display:flex;gap:15px}.search-tag{background-color:#000;border-radius:20px;min-width:40px;text-align:center;padding:4px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.search-tag.active{color:#000;background-color:#fff}.search-results{overflow:auto;scrollbar-width:0px;height:87%}::-webkit-scrollbar{width:0px}.searchDisplayAll{width:100%}.searchDisplayAll-tracksPreview-title,.searchDisplayAll-artistsPreview-title,.searchDisplayAll-albumsPreview-title,.searchDisplayAll-playlistsPreview-title{font-size:26px;font-weight:700;padding-bottom:10px;padding-top:30px}.searchDisplayAll-tracksPreview-table{width:100%}.searchDisplayAll-tracksPreview-table-header{height:50px;position:sticky;background-color:#1e1e1e;top:0;text-align:left}.searchDisplayAll-tracksPreview-table-body{width:100%}.searchDisplayAll-artistsPreview-container,.searchDisplayAll-albumsPreview-container,.searchDisplayAll-playlistsPreview-container{height:100%;display:grid;grid-gap:24px;flex-wrap:wrap;margin-right:10px;grid-template-columns:repeat(7,1fr);justify-items:center;padding-bottom:30px}.trackRow{height:60px;padding-top:5px;padding-bottom:5px}.trackRow:hover{background-color:#292929}.trackRow-playIndex{cursor:pointer}.trackRow-main{height:50px;display:flex;align-items:center;gap:15px}.trackRow-main-img{height:40px;border-radius:5px}.card{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding-top:7%;gap:20px;background-color:#1e1e1e;width:100%;height:280px;border-radius:8px;-webkit-user-select:none;user-select:none;transition:.2s ease-in;cursor:pointer}.card:hover{background-color:#292929}.card-image{width:170px;height:170px;object-fit:cover}.card-image.artist{border-radius:100%}.card-image.album,.card-image.playlist{border-radius:5px}.card-text{width:80%}.card-text-title{font-weight:700;font-size:16px}.card-text-type{font-size:14px;text-transform:capitalize}.searchDisplayArtists{height:100%;display:grid;grid-gap:24px;flex-wrap:wrap;margin-right:10px;grid-template-columns:repeat(7,1fr);justify-items:center}@media (max-width : 1880px){.searchDisplayArtists{grid-template-columns:repeat(6,1fr)}}@media (max-width : 1655px){.searchDisplayArtists{grid-template-columns:repeat(5,1fr)}}@media (max-width : 1345px){.searchDisplayArtists{grid-template-columns:repeat(4,1fr)}}@media (max-width : 1035px){.searchDisplayArtists{grid-template-columns:repeat(3,1fr)}}@media (max-width : 835px){.searchDisplayArtists{grid-template-columns:repeat(2,1fr)}}.searchDisplayTracks{width:100%;grid-gap:24px;margin-right:10px}.searchDisplayTracks-header{height:50px;position:sticky;background-color:#282828;top:0;text-align:left}.searchDisplayTracks-body{width:100%}.searchDisplayPlaylists{height:100%;display:grid;grid-gap:24px;flex-wrap:wrap;margin-right:10px;grid-template-columns:repeat(7,1fr);justify-items:center}@media (max-width : 1880px){.searchDisplayPlaylists{grid-template-columns:repeat(6,1fr)}}@media (max-width : 1655px){.searchDisplayPlaylists{grid-template-columns:repeat(5,1fr)}}@media (max-width : 1345px){.searchDisplayPlaylists{grid-template-columns:repeat(4,1fr)}}@media (max-width : 1035px){.searchDisplayPlaylists{grid-template-columns:repeat(3,1fr)}}@media (max-width : 835px){.searchDisplayPlaylists{grid-template-columns:repeat(2,1fr)}}.searchDisplayAlbums{height:100%;display:grid;grid-gap:24px;flex-wrap:wrap;margin-right:10px;grid-template-columns:repeat(7,1fr);justify-items:center}@media (max-width : 1880px){.searchDisplayAlbums{grid-template-columns:repeat(6,1fr)}}@media (max-width : 1655px){.searchDisplayAlbums{grid-template-columns:repeat(5,1fr)}}@media (max-width : 1345px){.searchDisplayAlbums{grid-template-columns:repeat(4,1fr)}}@media (max-width : 1035px){.searchDisplayAlbums{grid-template-columns:repeat(3,1fr)}}@media (max-width : 835px){.searchDisplayAlbums{grid-template-columns:repeat(2,1fr)}}.collectionDisplay{width:85%;overflow:auto;height:100%;display:flex;flex-direction:column;justify-content:flex-start;background-color:#141414}.collectionDisplay-header{display:flex;background:linear-gradient(180deg,#4e3899,#39296e 60%,#1f173d);gap:30px;align-items:flex-end;padding-bottom:30px;padding-left:30px;padding-top:60px}.collectionDisplay-header-image{width:230px;height:230px;border-radius:5px}.collectionDisplay-header-infos{display:flex;flex-direction:column;justify-content:flex-end;gap:20px}.collectionDisplay-header-infos-title{font-size:64px;font-weight:700}.collectionDisplay-header-infos-totalItems{font-weight:700}.collectionDisplay-table{width:100%;grid-gap:24px;margin-right:10px}.collectionDisplay-table-header{height:50px;position:sticky;background-color:#282828;top:0;text-align:left;width:100%}.collectionDisplay-table-header-tr{width:100%}.collectionDisplay-table-header-tr-hash{width:4%;text-align:center}.collectionDisplay-table-header-tr-title{width:51%}.collectionDisplay-table-header-tr-album{width:40%}.collectionDisplay-table-header-tr-time{width:5%}.collectionDisplay-table-body{width:100%}.collectionDisplay-table-body:before{content:"@";display:block;line-height:10px;text-indent:-99999px}
