@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.create-album-validator{color:red;text-align:center;padding-bottom:5px}.form-data{display:flex;flex-direction:column}.input-box{margin-bottom:10px;margin-top:5px;border:1px #b3b3b3 solid;background-color:#131111;color:#fff;border-radius:2px;font-size:16px;height:22px;padding:10px 3px 10px 10px;max-width:100%}.name-inputs:hover{border:1px solid white}#submit_button{color:#000;background-color:var(--green-color);border-radius:25px;font-size:18px;white-space:nowrap;border:none;cursor:pointer;margin-top:15px;padding:5px 20px;height:40px;align-self:center}#submit_button:hover{font-weight:700;border:1px solid var(--green-color)}.main-form{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;border-radius:10px;margin-top:80px;margin-bottom:80px;text-align:center}.create-container{background-color:#000;display:flex;flex-direction:column;align-items:center;width:500px;border-radius:10px;padding:20px 0;gap:20px}.update-button{text-align:center}@media (min-width:700px) and (max-width:960px){.main-form{position:absolute;top:10%;right:20%}}@media (min-width:601px) and (max-width:699px){.main-form{position:absolute;top:10%;right:10%}}@media screen and (max-width:600px){.create-container{width:360px}}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:2}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#000;border-radius:5px}.login-modal-container{display:flex;flex-direction:column;align-items:center;background-color:#000;border-radius:10px;padding:10px;border:none;max-width:600px;height:auto;position:relative}.login-modal-container>h1{font-size:clamp(12px,5vw,40px);padding:2px 55px}.login-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:500px;height:auto;margin:8px;padding:10px;background-color:#000}form label{text-align:left;width:310px;margin-top:5px;margin-bottom:5px}form input{color:balck;border:1px solid grey;height:25px;border-radius:5px;background-color:#000;color:#fff;padding:5px 5px 5px 12px;width:300px;height:40px;font-size:15px}form input:focus{border:1px solid white;outline:none}form p{margin-top:9px;text-align:left;width:310px;height:20px}.submit-btn{background-color:var(--green-color);border:2px transparent;border-radius:25px;width:320px;height:40px;font-size:18px;margin-top:10px;margin-bottom:20px}.submit-btn:hover{cursor:pointer;font-weight:800;border:1px solid var(--green-color)}.Demouser-login{color:#fff;margin-top:7px;font-size:17px;text-align:center;text-decoration:underline;border:none;background:none}.Demouser-login:hover{cursor:pointer}.fa-x{position:absolute;right:20px;top:20px;cursor:pointer}.signup-modal-container{display:flex;flex-direction:column;align-items:center;background-color:#000;border-radius:10px;padding:8px;border:none;max-width:600px;position:relative}.signup-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:auto;margin:10px;padding:10px;background-color:#000}.signup-modal-container>h1{font-size:clamp(12px,5vw,40px);padding:55px 55px 5px}.signup-form-container input{height:35px}.signup-form-container .submit-btn{margin-top:25px}.signup-form-container p{margin-top:9px;text-align:left;width:310px;height:20px}.profile-btn-container{position:relative}.profile-btn{background-color:#ff6437;border:none;font-size:18px;font-weight:700;color:#000;border-radius:25px;border:2px solid black;width:38px;height:38px;margin-top:auto;margin-bottom:auto}.profile-btn:hover{cursor:pointer;border:1px solid rgb(255,100,55)}.profile-dropdown{color:#fff;position:absolute;top:55px;right:0;background-color:#161616;min-width:150px;border-radius:5px;padding:5px;font-size:18px;z-index:1}.profile-dropdown>p{font-size:15px;margin:0;padding:5px 5px 5px 10px}.profile-dropdown>p:hover{cursor:pointer;background-color:#383838}.profile-dropdown>p:last-child{border-top:1px solid rgb(56,56,56)}p.hello-user:hover{cursor:default;background-color:#161616}.modal-btn:hover{cursor:pointer}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#dddddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.page-bottom-container>.rhap_container{background-color:#000;color:#fff}.player-container{display:grid;grid-template-columns:300px 500px 300px;justify-content:space-between}.song-player>img{height:60px;width:60px;border-radius:5px;margin-left:20px;object-fit:cover}.song-player{display:flex;align-items:center;gap:10px}.song-name-artist-player{display:flex;flex-direction:column;width:180px}.song-artist-player{color:gray}#id-song-name-player.song-name-player{display:inline-block;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rhap_container svg{color:#fff}.rhap_progress-filled,.rhap_volume-filled{background-color:var(--green-color)}.rhap_volume-bar{background-color:#fff}.rhap_time{color:gray}.rhap_skip-button svg{color:gray}.rhap_skip-button svg:hover{color:#fff}.rhap_progress-indicator,.rhap_volume-indicator{visibility:hidden}.rhap_progress-container:hover .rhap_progress-indicator{visibility:visible;background-color:#fff;width:17px;height:17px}.rhap_volume-bar-area:hover .rhap_volume-indicator{visibility:visible;background-color:#fff}.rhap_download-progress,.rhap_progress-bar-show-download,.rhap_volume-bar{background-color:#686767}.rerender-btn{visibility:hidden}.hold.like-heart{color:var(--green-color)}.musicplayer-container{width:500px;height:80px;background-color:#000}.profile-dropdown{position:absolute}.search-container{margin-top:10px;display:flex;align-items:center;gap:10px}.search-button-songs,.search-button-albums{padding:3px 10px;border-radius:15px;border:none;cursor:pointer}.logo{width:45px;height:45px}a.homepage-logo-sec{display:flex;flex-direction:row;align-items:center;column-gap:13px;justify-content:flex-start;padding:0 0 0 5px;margin:0;width:300px}span.logo-title{width:200px;font-size:30px;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.logo-title2{display:none}@media screen and (max-width: 600px){.search-container{display:none}.nav-container{display:flex;align-items:center;justify-content:center}}.bars-dropdown{position:absolute;right:35px;top:140px;background-color:#161616;padding:10px 20px;border-radius:5px;color:#fff;min-width:145px;min-height:110px;z-index:1}.bars-icon{font-size:25px}.bars-dropdown>p{padding-top:4px}.bars-dropdown>p:hover{cursor:pointer}.song-list-row img{height:40px;width:40px;border-radius:5px;object-fit:cover}.song-list-row a:hover{color:#fff;text-decoration:underline}.song-name{color:#fff;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.like-container{display:flex;align-items:center;position:relative}.song-list-row .like-heart{visibility:hidden;position:absolute;left:25px;top:2px}.song-list-row:hover .like-heart{visibility:visible}.like-heart:hover{color:green}.song-list-row .like-heart.hold{visibility:visible;color:var(--green-color)}.duration-col{position:relative;display:flex;align-items:center}.play-btn{position:absolute;left:50px;bottom:-3px;visibility:hidden}.play-btn:hover{cursor:pointer;color:var(--green-color)}.song-list-row:hover .play-btn{visibility:visible}.albums-container{display:grid;grid-template-columns:repeat(5,1fr);column-gap:0px;row-gap:1vw;width:100%;margin-top:20px}.albums-container>a{width:100%}.album-card-container{height:auto;text-decoration:none;position:relative;width:100%;padding:0}.album-card-container:hover{background-color:#222;border-radius:10px}.album-card-container>img{object-fit:cover;width:calc(100% - 14px);height:calc((99vw - 515px)/5);border-radius:10px;margin:7px}.album-card-container span{color:gray}.album-card-container .tooltiptext{visibility:hidden;background-color:var(--green-color);color:#000;text-align:center;padding:2px 8px;position:absolute;bottom:75px;right:22px;width:23px;height:35px;border:none;border-radius:35px;vertical-align:center;display:flex;align-items:center;justify-content:center}.album-card-container:hover .tooltiptext{visibility:visible;box-shadow:2px 2px 2px var(--light-black-color)}.album-card-container:hover .tooltiptext:hover{width:25px;height:37px}.album-card-name-artist{display:flex;flex-direction:column;align-items:flex-start;padding-left:8px;padding-bottom:7px}span.album-name{color:#fff}.album-list-container,.song-list-container{color:#fff;font-size:16px;margin-bottom:20px;white-space:nowrap}.album-list-container>h3{margin-top:30px}div h3{font-size:28px;margin-top:15px;margin-bottom:15px}.title-container{display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding-left:5px;padding-right:5px}.song-list{display:flex;flex-direction:column;color:#757575}.song-list-row-title,.song-list-row{width:100%;display:grid;grid-template-columns:25px 1.8fr 1.2fr 1fr 1fr;align-items:center;column-gap:15px}.song-list-row-title{border-bottom:1px solid grey;margin-bottom:10px}.song-list-row{border-radius:5px;padding-top:4px;padding-bottom:4px}.song-list-row:hover{background-color:#424242}.first-col{text-align:right}.second-col{display:flex;align-items:center;gap:10px}.fifth-col{padding-left:7px}.song-name-artist{display:flex;flex-direction:column}a{text-decoration:none;color:gray}@media screen and (max-width: 600px){.song-list-row{grid-template-columns:.5fr 3fr .5fr;align-items:center;grid-gap:10px}.second-col{display:flex;align-items:center;justify-content:flex-start;gap:10px}.second-col img{width:40px;height:40px;flex-shrink:0}.song-name-artist{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.song-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.album-col{display:none}.manage-songs-duration{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px}.manage-songs-duration .song-duration{flex-grow:1;text-align:right}}.delete-song-modal{padding:35px;background-color:#161616;border-radius:8px}.confirmation-container{display:flex;flex-direction:column}.confirmation-header{font-size:22px;color:#fff}.confirmation-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;padding-top:30px}.delete-button,.cancel-button{border-radius:25px;background-color:var(--green-color);padding:12px 30px;border:none;font-weight:700;font-size:14px;cursor:pointer}.delete-button:hover,.cancel-button:hover{font-weight:800;transform:scale(1.02)}.add-to-album-container{padding:40px;display:flex;flex-direction:column;gap:0px;align-items:center}.add-to-album-line-container{border-radius:5px;padding:7px 5px}.add-to-album-line-container:hover{background-color:#5a5a5a}.add-to-album-line-container>span{margin:10px}.add-to-album-button{padding:2px 5px;background-color:var(--green-color);border-radius:5px;border:none;color:#000;width:55px}.add-to-album-button:hover{cursor:pointer;font-weight:700}.dropdown-list,.dropdown-icon{cursor:pointer;margin-left:8px}.dropdown-icon,.dropdown-icon-container{position:relative}.dropdown-list{margin-left:20px}.manage-song-dropdown{background-color:#3e3d3d;border-radius:5px;color:#fff;font-size:16px;left:0;position:absolute;padding:5px;top:0;width:170px;display:flex;flex-direction:column;z-index:1}.hidden{visibility:hidden}.assigned-album{color:gray}.assigned-album:hover{cursor:default}@media screen and (max-width: 600px){.manage-song-dropdown{right:0;left:auto;top:30px}.dropdown-icon-container{width:100%;text-align:right}}.manage-song-cover-img{height:200px;width:200px;border-radius:26px}.songs-header{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.songs-coverimg-title-container{display:flex;flex-direction:row;align-items:center}.manage-song-pagination-upload-btn-container{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:200px}.dropdown-edit{display:flex;flex-direction:row;align-items:center;padding:12px}.dropdown-edit.assigned{color:gray}.dropdown-edit.assigned>.dropdown-list:hover{cursor:default}.manage-song-container{color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.manage-song-title{font-size:60px;padding-left:30px}.song-list-info-header{display:grid;grid-template-columns:1fr 2fr 1.5fr 1.5fr;border-bottom:1px solid #3e3d3d;color:#b3b3b3;font-size:18px;padding-top:10px;padding-bottom:10px}.bottom-section .song-list-row{display:grid;grid-template-columns:1fr 2fr 1.5fr 1.5fr;border-bottom:1px solid #3e3d3d;color:#b3b3b3;font-size:18px;padding-top:10px;padding-bottom:10px;column-gap:0px}.first-column{display:flex;flex-direction:row;justify-content:center}.song-info{width:100%;display:grid;grid-template-columns:25px 1.8fr 1.2fr .5fr 1fr;align-items:center;column-gap:15px}.song-name-artist,.song-id{display:flex;flex-direction:column}.manage-song-upload-button button{cursor:pointer;color:#fff;width:40px;height:40px;font-size:28px;border:0px;background-color:#09090900;margin-right:5px}.manage-song-upload-button{display:flex;flex-direction:column;align-items:flex-end;font-size:15px}.bottom-section{background-image:linear-gradient(rgb(56,56,56),1%,#121212)}@media (max-width: 600px){.album-col{display:none}.manage-song-cover-img{height:120px;width:120px;border-radius:20px}.manage-song-title{font-size:30px;padding-left:10px}.songs-header,.songs-coverimg-title-container{flex-direction:column;align-items:center;padding:10px}.manage-song-pagination-upload-btn-container{flex-direction:row;justify-content:space-around;height:auto;padding-top:10px}.manage-song-upload-button{flex-direction:row;justify-content:center;align-items:center}.song-list-info-header,.bottom-section .song-list-row{grid-template-columns:.5fr 2fr 1.5fr .5fr;font-size:14px}.manage-song-upload-button button{width:30px;height:30px;font-size:20px}.bottom-section{padding:5px}}.deleteAlbumModal-container{margin:20px;text-align:center;display:flex;flex-direction:column;gap:10px;font-family:Arial,Helvetica,sans-serif;color:#fff}.deleteAlbumModal-container>button{padding:10px 0;border-radius:20px;font-size:large;font-weight:700}.deleteAlbumModal-yes-button{background-color:var(--green-color);border:none;color:#000;cursor:pointer}.deleteAlbumModal-no-button{background-color:#cac6c6;border:none;color:#000;cursor:pointer}#remove-songs-modal-number-name-div{display:flex;flex-direction:row;gap:15px}.remove-songs-modal-container{padding:20px;min-width:300px}#remove-songs-modal-title-button-container{display:flex;flex-direction:row;justify-content:space-between;min-width:300px;width:100%}#remove-songs-modal-song-list-title{display:flex;flex-direction:row;justify-content:flex-start;gap:15px}.remove-songs-modal-button-container{margin-right:34px;width:30px}.remove-songs-modal-button-container>button{background-color:var(--green-color);color:#000;border:none;border-radius:5px;padding:2px 5px}.remove-songs-modal-button-container>button:hover{cursor:pointer;font-weight:700}.manage-album-dropdown{background-color:#3e3d3d;border-radius:5px;color:#fff;font-size:16px;left:12px;position:absolute;padding:5px;top:0;width:180px;display:flex;flex-direction:column;z-index:1}.image-section{background-image:linear-gradient(rgb(56,56,56),1%,#121212)}.manage-album-cover-img{object-fit:cover;height:200px;width:200px;border-radius:10px}.album-list-section.image-section{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #3e3d3d;color:#b3b3b3;font-size:18px;margin-left:0;padding:10px 0 0;column-gap:0;row-gap:1vw}.albums-header{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.albums-coverimg-title-container{display:flex;flex-direction:row;align-items:center}.manage-album-upload-button{align-self:flex-end;justify-self:flex-start;display:flex;flex-direction:column;align-items:center}.manage-album-btn{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;height:55px;padding:5px}.manage-album-btn button a{color:#000}.manage-album-btn button{background-color:#fff;color:#000;box-shadow:none;border:none;border-radius:5px;height:21px}.manage-album-upload-button button{cursor:pointer;color:#fff;width:40px;height:40px;font-size:28px;border:0px;background-color:#09090900;margin-right:5px}.manage-songs-duration{display:flex;column-gap:15px}.album-list-section .dropdown-icon{margin-left:6px}@media (max-width: 600px){.manage-album-cover-img{height:120px;width:120px;border-radius:10px}.manage-song-title{font-size:24px;padding:0}.albums-header{flex-direction:column;padding:10px}.albums-coverimg-title-container{flex-direction:column;align-items:center}.manage-album-upload-button{margin-top:10px;align-items:center}.album-list-section.image-section{grid-template-columns:repeat(2,1fr);padding-top:5px;row-gap:10px;column-gap:10px}.manage-album-upload-button button{width:30px;height:30px;font-size:20px}}.like-container.album-detail{display:flex;align-items:center;justify-content:left;column-gap:10px}.like-container.album-detail>like-heart{align-items:flex-start}.album-detail-cover-container{width:80%;height:auto;text-decoration:none;padding:20px;display:flex;gap:10px;align-items:flex-end}.album-detail-cover-container>img{width:calc((99vw - 515px)/4);height:calc((99vw - 515px)/4);max-width:400px;max-height:400px;min-width:170px;min-height:170px;object-fit:cover;border-radius:10px}.filled{color:green}.empty{color:red}.album-rerender-btn{display:none}.prev-page-click,.next-page-click{background-color:var(--light-black-color);color:gray;border:none}.prev-page-click:hover,.next-page-click:hover{color:#fff;cursor:pointer}.prev-page-click[disabled],.next-page-click[disabled]{cursor:default;color:gray}.search-song-h3{margin-left:10px}.search-album-bar-container{display:flex;margin-top:20px;margin-left:20px;gap:10px;position:relative}.search-icon{position:absolute;left:10px;top:6px;z-index:10;color:gray}.search-album-bar-container>input{padding:6px 30px;width:300px;border-radius:20px;border:none}.search-album-bar-container>button{padding:2px 20px;border-radius:20px;border:none;cursor:pointer}.album-list-container>h3{margin-left:10px}.update-form{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;margin-top:100px;border-radius:10px;margin-bottom:100px}.file-input-box{font-size:15px;background-color:#131111;color:#fff;margin-top:5px;padding:11px 3px;border:1px #b3b3b3 solid;border-radius:3px;margin-bottom:10px;cursor:pointer}.file-input-box :hover{color:#28d35e}.input-box{width:400px;height:25px}@media (min-width:700px) and (max-width:960px){.update-song-form{position:absolute;top:8%;right:20%}}@media (min-width:601px) and (max-width:699px){.update-song-form{position:absolute;top:8%;right:10%}}@media (max-width: 600px){.update-song-form{width:100%}.update-song-container>h1{font-size:large}.update-song-form-data{width:90%}.input-box{width:310px}}:root{--green-color: rgb(30, 215, 96);--black-color: rgb(25, 20, 20);--light-black-color: rgb(48, 43, 43);--error-red-color: #f15e6c}*{font-family:Nunito Sans,sans-serif;margin:0;padding:0}#root{background-color:#000;color:#b3b3b3;text-decoration:none;font-weight:600;font-size:16px;display:flex;justify-content:center;width:100%;margin:0;padding:0}.contributors{display:grid;grid-template-columns:repeat(3,1fr)}.footer-container{margin-top:30px;padding-top:15px;border-top:px solid grey;margin-right:auto;margin-bottom:20px;padding-left:15px;padding-right:15px}.layout-links{padding-left:10px;font-size:18px;color:#fff}.page-player-container{display:flex;flex-direction:column;position:relative;width:100%;height:auto;background-color:#000;padding:10px 0 0}.page-container{display:flex;align-items:flex-start;justify-content:space-between;column-gap:0px;width:calc(100% - 20px);padding-bottom:10px;position:relative;margin-left:10px;margin-right:10px}.sidebar-container{width:400px;row-gap:10px;position:sticky;top:10px;left:0}.nav-container{background:var(--light-black-color);background-color:#121212;width:380px;height:80px;padding:10px;border-radius:10px;z-index:1}.library-container{background-color:#121212;width:380px;margin-top:15px;min-height:calc(100vh - 235px);border-radius:8px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.github-section{color:#000;background-color:#c4c4c4c1;border-radius:8px;margin-top:20px;padding:10px;display:flex;flex-direction:column;row-gap:10px}.github-title{font-weight:700}.author-name{color:#000}.playlist-list{background-color:var(--light-black-color);border-radius:8px;min-height:120px;padding:15px;display:flex;flex-direction:column;row-gap:10px;width:calc(100% - 30px)}.playlist-list>button{width:200px;align-self:center;height:30px;border-radius:15px}.playlist-list>button:hover{cursor:pointer}.library-playlist-menu{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:380px;row-gap:12px}.library-container a:hover{color:var(--green-color)}.library-title{font-weight:700;font-size:20px}.song-album-list-container{width:calc(100% - 410px);min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:10px;height:auto;position:static;left:-200px}.title-bar{background-color:var(--black-color);height:55px;display:flex;justify-content:flex-end;align-items:center;border-top-right-radius:8px;border-top-left-radius:8px;padding-right:30px}.profile-btn-container>.modal-btn:first-child{color:gray;width:100px;font-size:15px;background-color:#121212;font-weight:800;border:none}.profile-btn-container>.modal-btn:last-child{color:#000;width:100px;height:44px;font-weight:800;font-size:15px;background-color:#fff;border-radius:25px;border:none}.title-bar>.modal-btn:hover{font-size:16px}.page-bottom-container{width:100%;position:sticky;bottom:0;left:0;height:80px;background-color:#000}.page-bottom-signup{background:linear-gradient(90deg,rgb(182,2,189),rgb(32,126,250));height:100%;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center}.page-bottom-signup button.modal-btn{color:#000;width:100px;height:44px;font-weight:800;font-size:15px;background-color:#fff;border-radius:25px;border:none}.page-bottom-signup .modal-btn:hover{font-size:16px}.page-bottom-noplayer{background:linear-gradient(90deg,rgb(4,92,16),rgb(152,32,250));height:100%;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center}.nav-buttons button{color:#7a7a7a;cursor:pointer;width:40px;height:40px;font-size:18px;border:0px;background-color:#000;margin-right:15px;border-radius:20px}.nav-title-bar{top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;background-color:#121212;padding:14px 30px;border-top-left-radius:10px;border-top-right-radius:10px}.footer-contact-links{color:#000;background-color:#c4c4c4c1;border-radius:8px;margin-top:20px;padding:10px;display:flex;flex-direction:column;row-gap:10px;margin-right:auto;margin-left:auto}.footer-container>p>a:hover{color:var(--green-color)}.footer-contact-links-list{display:flex;justify-content:space-between;padding-right:10px;flex-wrap:wrap}.footer-contact-links-list .author-name{color:#000}.footer-contact-links-list .author-name:hover{color:var(--green-color)}@media (min-width: 601px){.bars-icon-container,.footer-contact-links{display:none}}@media screen and (max-width: 600px){.page-player-container{padding:0}.page-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;column-gap:0px;width:100%;padding-bottom:10px;position:relative;margin:0}.sidebar-container{width:calc(100% - 20px);position:static}.nav-container,.library-container{width:100%}.nav-container{height:50px}.library-playlist-menu{width:100%}.playlist-list{display:none}.song-album-list-container{width:100%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static}.page-bottom-container{width:100%;height:60px}.song-player{margin-top:auto;margin-bottom:auto}.song-list-row>a{display:none}.rhap_container{width:50px;height:50px}.rhap_repeat-button,.rhap_time,.rhap_progress-container,.rhap_volume-container{display:none}.rhap_main-controls{margin:0;padding:0}.musicplayer-container{width:100px;height:60px;background-color:#000;padding-left:0;padding-right:0}.song-player{width:195px;height:50px}#id-song-name-player.song-name-player{display:inline-block;width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-player>img{height:45px;width:45px;border-radius:5px;margin-left:8px;object-fit:cover}.song-name-artist-player{display:flex;flex-direction:column;font-size:14px}.player-container{display:grid;grid-template-columns:2.6fr 130px;justify-content:space-between}.song-list-row-title,.song-list-row{grid-template-columns:25px 2.6fr .7fr 1fr;justify-content:space-between;column-gap:8px}.song-name{width:160px;font-size:14px}.third-col,.rerender-btn-container{display:none}.albums-container{width:100%;display:grid;grid-template-columns:repeat(2,50%);column-gap:0px}.album-card-container>.tooltiptext{width:50px;display:none}.album-card-container{height:auto;text-decoration:none;position:relative;width:100%;padding:0}.album-card-container>img{object-fit:cover;width:calc(100% - 16px);height:calc(49.5vw - 16px);border-radius:10px;margin:8px}.album-card-name-artist{padding-left:5px}.library-container{display:none}.profile-btn-bars-container{display:flex;flex-direction:row;align-items:center;gap:2vw}.profile-btn-container>.modal-btn:last-child,.profile-btn-container>.modal-btn:first-child{padding:0;width:80px;height:40px}.album-detail-cover-container{width:100%;padding:30px 0 0}.album-detail-cover-container>img{width:calc(100vw - 200px);min-width:200px;height:calc(100vw - 200px);min-height:200px;object-fit:cover;border-radius:10px;margin:auto}.album-detail-cover-container{flex-direction:column;align-items:center}.album-detail-cover-container h1{font-size:25px}.album-col{display:none}.fifth-col-2{padding-left:10px}}@media screen and (max-width: 800px) and (min-width: 601px){.page-player-container{padding:0}.page-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;column-gap:0px;width:100%;padding-bottom:10px;position:relative;margin:0}.sidebar-container{width:150px;position:static}.nav-container,.library-container{width:100%;width:150px}.logo-title,.playlist-list{display:none}.song-album-list-container{width:95%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static}.page-bottom-container{width:100%}.song-list-row>a,.song-list-row .like-container{display:none}.albums-container{width:100%;display:grid;grid-template-columns:repeat(2,50%);column-gap:0px}.album-card-container>img{object-fit:cover;width:calc(100% - 16px);height:calc((100vw - 200px)/2 - 16px);border-radius:10px;margin:8px}}@media screen and (min-width: 2550.1px){.song-album-list-container{width:2110px;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:400px;position:sticky}.albums-container{width:100%;display:grid;grid-template-columns:repeat(10,10%);column-gap:0px}.album-card-container>img{object-fit:cover;width:calc(100% - 16px);height:calc((100vw - 400px)*.1 - 16px);max-height:195px;border-radius:10px;margin:8px}.like-container,.fifth-col,.duration-col{justify-self:center}.album-list-section.image-section{grid-template-columns:repeat(10,10%)}}@media screen and (min-width: 2350.1px) and (max-width: 2550px){.song-album-list-container{width:100%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:400px;position:sticky}.albums-container{grid-template-columns:repeat(9,11.1%)}.album-card-container>img{height:calc((100vw - 400px) / 9 - 16px)}.like-container,.fifth-col,.duration-col{justify-self:center}.album-list-section.image-section{grid-template-columns:repeat(9,11.1%)}}@media screen and (min-width: 2150.1px) and (max-width: 2350px){.song-album-list-container{width:100%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:400px;position:sticky}.albums-container{grid-template-columns:repeat(8,12.5%)}.album-card-container>img{height:calc((100vw - 400px)/8 - 16px)}.album-list-section.image-section{grid-template-columns:repeat(8,12.5%)}}@media screen and (min-width: 1950.1px) and (max-width: 2150px){.song-album-list-container{width:100%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:400px;position:sticky}.albums-container{grid-template-columns:repeat(7,14.25%)}.album-card-container>img{height:calc((100vw - 400px) / 7 - 16px)}.like-container,.fifth-col,.duration-col{justify-self:center}.album-list-section.image-section{grid-template-columns:repeat(7,14.25%)}}@media screen and (min-width: 1750.1px) and (max-width: 1950px){.song-album-list-container{width:100%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:400px;position:sticky}.albums-container{grid-template-columns:repeat(6,16.6%)}.album-card-container>img{height:calc((100vw - 400px) / 6 - 16px)}.album-list-section.image-section{grid-template-columns:repeat(6,16.6%)}}@media screen and (min-width: 1550.1px) and (max-width: 1750px){.song-album-list-container{width:100%;min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:400px;position:sticky}.albums-container{grid-template-columns:repeat(5,20%)}.album-card-container>img{height:calc((100vw - 400px)/5 - 16px)}.album-list-section.image-section{grid-template-columns:repeat(5,20%)}}@media screen and (min-width: 1200.1px) and (max-width: 1550px){.song-album-list-container{width:calc(100vw - 300px);min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:300px;position:sticky}.albums-container{grid-template-columns:repeat(5,20%)}.album-card-container>img{height:calc((100vw - 300px)/5 - 16px)}.playlist-list{display:none}.nav-container,.library-container,.library-playlist-menu{width:280px}.contributors{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.album-list-section.image-section{grid-template-columns:repeat(5,20%)}}@media screen and (min-width: 1000.1px) and (max-width: 1200px){.song-album-list-container{width:calc(100vw - 300px);min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:300px;position:sticky}.albums-container{grid-template-columns:repeat(4,25%)}.album-card-container>img{height:calc((100vw - 300px)/4 - 16px)}.album-list-section.image-section{grid-template-columns:repeat(4,25%)}.playlist-list{display:none}.nav-container,.library-container,.library-playlist-menu{width:280px}.song-list-row-title,.song-list-row{grid-template-columns:25px 1.8fr 1.2fr .7fr .7fr;column-gap:9px}.contributors{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.manage-song-title{font-size:50px;padding:0}.albums-coverimg-title-container>.manage-song-title{font-size:42px;padding:0}.manage-song-dropdown{left:-50px;top:15px}#id-song-name-player.song-name-player{width:150px;overflow:hidden;text-overflow:ellipsis}.player-container{grid-template-columns:2.8fr 2fr .8fr}}@media screen and (min-width: 800.1px) and (max-width: 1000px){.song-album-list-container{width:calc(100vw - 300px);min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:250px;position:sticky}.albums-container{grid-template-columns:repeat(3,33.3%)}.album-card-container>img{height:calc((100vw - 250px) / 3 - 16px)}.album-list-section.image-section{grid-template-columns:repeat(3,33.3%)}span.logo-title{font-size:25px}.playlist-list{display:none}a.homepage-logo-sec{width:auto}.nav-container,.library-container,.library-playlist-menu{width:230px}.song-list-row-title,.song-list-row{grid-template-columns:25px 1.8fr 1fr 1fr;column-gap:8px}.song-name-artist{font-size:14px}.song-name{width:155px}.like-container{display:none}.fifth-col,.duration-col{justify-self:center}.contributors{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.songs-header,.songs-coverimg-title-container{flex-direction:column}.manage-song-pagination-upload-btn-container{flex-direction:row;align-items:center;column-gap:8px;height:auto}.manage-song-title{font-size:24px;padding:0}.albums-coverimg-title-container>.manage-song-title{font-size:22px;padding:0}.manage-song-upload-button{flex-direction:row;align-items:center}.manage-song-dropdown{left:0;top:15px}.album-col{display:none}.manage-songs-duration{margin-left:7px}.player-container{grid-template-columns:2.8fr 2fr .8fr}.musicplayer-container{width:380px}.album-detail-cover-container h1{font-size:25px}}@media screen and (max-width: 800px) and (min-width: 601px){.song-album-list-container{width:calc(100vw - 200px);min-height:calc(100vh - 20px);background:var(--light-black-color);border-radius:8px;height:auto;position:static;margin-right:auto;margin-left:8px}.sidebar-container{width:180px;position:sticky}.albums-container{grid-template-columns:repeat(2,50%)}.album-card-container>img{height:calc((100vw - 180px)/2 - 16px)}.album-list-section.image-section{grid-template-columns:repeat(2,50%)}.playlist-list{display:none}span.logo-title2{display:unset;font-size:30px;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nav-container,a.homepage-logo-sec,.library-container,.library-playlist-menu{width:160px}.song-list-row-title,.song-list-row{grid-template-columns:25px 1.6fr 1.2fr;justify-content:space-between;column-gap:8px}.song-name{width:185px}.song-name-artist{font-size:14px}.third-col,.like-container{display:none}.fifth-col,.duration-col{justify-self:center}.contributors{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.song-list-info-header{grid-template-columns:1fr 2fr 1.5fr}.bottom-section>.song-list-row{grid-template-columns:1fr 2fr 1.5fr}.songs-header,.songs-coverimg-title-container{flex-direction:column}.manage-song-pagination-upload-btn-container{flex-direction:row;align-items:center;column-gap:8px;height:auto}.manage-song-title{font-size:24px;padding:0}.manage-song-upload-button{flex-direction:row;align-items:center}.manage-song-dropdown{left:-80px;top:15px}.album-col{display:none}.manage-songs-duration{margin-left:7px}.albums-header,.albums-coverimg-title-container{flex-direction:column}.manage-album-upload-button{flex-direction:column;align-items:center}.player-container{grid-template-columns:2.8fr 2fr}.musicplayer-container{width:300px}.rerender-btn-container{display:none}.album-detail-cover-container{flex-direction:column;align-items:center}}@media screen and (max-width: 330px){a.homepage-logo-sec{width:auto}span.logo-title{font-size:27px}.contributors{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.song-list-row-title,.song-list-row{grid-template-columns:25px 2.2fr 1fr;justify-content:space-between;column-gap:8px}.song-name{width:130px;font-size:14px}.third-col,.like-container{display:none}.title-container h3{font-size:22px}.albums-container{grid-template-columns:repeat(1,100%)}.album-card-container>img{width:calc(100% - 16px);height:calc(100vw - 16px);border-radius:10px;margin:8px}.musicplayer-container{width:50px;height:60px;background-color:#000}.song-player{width:140px;height:50px}.song-player>img{height:45px;width:45px;border-radius:5px;margin-left:20px;object-fit:cover}.song-name-artist-player{display:flex;flex-direction:column;font-size:14px}.song-name-player{width:100px}.player-container{display:grid;grid-template-columns:2.8fr 1fr;justify-content:space-between}.rerender-btn-container,.rhap_skip-button{display:none}.search-album-bar-container{width:calc(100% - 10px);margin:20px 0 0;padding-left:5px;gap:0px}.search-album-bar-container button{width:60px;padding-left:10px;padding-right:10px;margin-left:5px}.search-song-duration-span{display:unset}.song-list-row-title-search{display:grid;grid-template-columns:25px 2.2fr 1fr;justify-content:space-between;column-gap:8px}}