.landing-page-album-artist,.landing-page-song-artist{color:#b3b3b3;font-size:13px;max-height:15px;overflow-wrap:break-word;overflow:auto}.landing-page-album-card,.landing-page-song-card{padding:12px;border-radius:6px;position:relative;box-sizing:border-box;min-width:160px;max-width:190px;flex-grow:1}.landing-page-album-card:hover,.landing-page-song-card:hover{cursor:pointer;background-color:#ffffff0d}.landing-page-album-image,.landing-page-song-image{width:100%;height:100%;border-radius:6px;object-fit:cover;overflow:hidden;overflow-clip-margin:unset;display:block}.landing-page-album-image-div,.landing-page-song-image-div{aspect-ratio:1/1;margin-bottom:5px}.landing-page-album-title,.landing-page-song-title{font-size:16px;font-weight:700;margin-bottom:5px;max-height:38px;overflow-wrap:break-word;overflow:auto}.landing-page-albums-header,.landing-page-songs-header{width:100%;font-size:24px;font-weight:700;margin-bottom:8px}.landing-page-albums-div{margin-top:16px}.landing-page-albums-div,.landing-page-songs-div{display:flex;flex-wrap:wrap}.landing-page-play-button{fill:#000}.landing-page-play-button-container{background-color:#5c3be8;width:48px;height:48px;padding:10px;border-radius:50%;top:122px;right:20px}.landing-page-play-button-container,.landing-page-queue-button-container{box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:absolute}.landing-page-play-button-container:hover,.landing-page-queue-button-container:hover{scale:1.04}.landing-page-queue-button{fill:#b3b3b3}.landing-page-queue-button-container{background-color:#1f1f1f;width:32px;height:32px;padding:8px;border-radius:50%;top:138px;right:77px}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute}.album-info-container *{margin:0;padding:0}.album-info-container{flex:2 1 0;display:flex;flex-direction:column;justify-content:flex-end;row-gap:10px;padding:0 20px;width:100%}.album-info-container svg{font-size:6px}.album-info-container h2{font-size:50px;font-weight:700}.album-info-details{display:flex;flex-direction:row;align-items:center;column-gap:10px}#album-artist-name{font-weight:700}.add-to-playlist{display:flex;column-gap:5px}.add-to-playlist span{display:flex;align-items:center;justify-content:center}.playlist-add-song-container *{margin:0;padding:0;box-sizing:border-box}.playlist-add-song-container{display:flex;flex-direction:column;align-items:center;background-color:#121212;border:2px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;height:100%;width:100%;padding:0 20px 30px}.playlist-add-song-container h3{font-size:30px;padding:40px 0}.playlist-add-song-form{display:flex;flex-direction:column;align-items:center;row-gap:40px;width:100%}.playlist-add-song-container select{background-color:#ffffff1a!important;border-radius:16px;color:#fff!important;height:30px;width:80%}.playlist-add-song-container button{background-color:#5c3be8;font-size:16px;font-weight:700;padding:8px 32px;height:30px;border:none;border-radius:24px;width:180px}.playlist-add-song-container button:hover{cursor:pointer;scale:1.04}.playlist-add-song-form select option{background-color:#ffffff1a!important;color:#5c3be8!important}.like-button{fill:#b3b3b3}.like-button-container{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.like-button-container:hover{scale:1.04;cursor:pointer}.like-button-container:hover .like-button{fill:#fff}.album-songs-table{margin:0 auto;width:95%;text-align:center;table-layout:fixed;border-collapse:collapse}.album-songs-table th{border-bottom:1px solid rgba(255,255,255,.1);height:10px}.album-songs-table td{height:35px}.album-songs-table tbody tr:hover{background-color:#ffffff26}.album-song-update-delete{position:relative}.album-song-update-delete div{cursor:pointer}.album-song-update-delete ul{display:flex;flex-direction:column;row-gap:10px;list-style:none;padding:15px;width:190px}.album-song-update-delete li{cursor:pointer;padding:5px 0}.album-song-update-delete svg{font-size:12px}.remove-album-song{padding-left:7px}.album-song-dropdown{border-radius:6px;background-color:#2a2a2a;font-size:14px;position:absolute;text-align:left;right:10px;bottom:15px}.album-songs-title,.album-songs-second-row{text-align:left;padding-left:10px}.album-songs-second-row select{color:#fff;background-color:#ffffff1a;border-radius:16px;height:25px;width:100%}.album-songs-second-row option{background-color:#ffffff1a!important;color:#5c3be8!important}#add-album-song-button{background-color:#5c3be8;font-size:13px;height:25px;border:none;border-radius:16px;padding:4px 12px}#album-song-like-button{display:flex;justify-content:center;align-items:center}#add-album-song-button:hover{cursor:pointer;scale:1.04}.album-songs-play-button{cursor:pointer}.album-form *{box-sizing:border-box;margin:0}.album-form{border:2px solid rgba(255,255,255,.1);width:100%;height:100%;color:#fff;background-color:#121212;padding:25px;border-radius:6px}.album-form form{width:85%;margin:0 auto}.album-form header{font-size:20px;text-align:center;width:100%;padding:20px 10px}.album-form-input{display:flex;flex-direction:column;align-items:flex-start;row-gap:10px;width:100%;padding:20px 0}.album-form-input input{width:100%;height:25px;border-radius:4px;border:none;padding:0 10px}.album-form-message{font-size:16px;display:flex;align-items:center;justify-content:center;padding:20px 0 30px}.album-form-button{padding:10px;display:flex;align-items:center;justify-content:center}.album-form button{background-color:#5c3be8;font-size:16px;font-weight:700;padding:8px 32px;height:40px;border:none;border-radius:24px;width:180px}.album-form button:hover{cursor:pointer;scale:1.04}.album-form-error-message-container{font-size:12px;height:15px;text-align:left;color:red}.delete-album-container *{box-sizing:border-box;margin:0}.delete-album-container{border:2px solid rgba(255,255,255,.1);width:100%;height:100%;color:#fff;background-color:#121212;padding:40px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px}.delete-album-button button{background-color:#5c3be8;font-size:16px;font-weight:700;padding:8px 32px;height:40px;border:none;border-radius:24px;width:180px}.delete-album-button button:hover{cursor:pointer;scale:1.04}.delete-album-error{color:red}.album-details{height:100%}.album-details-header{display:flex;flex-direction:row;background-image:linear-gradient(#1f1f1f,#121212);border-radius:6px;padding:10px 20px 30px}.album-details-main{background-image:linear-gradient(#1f1f1f,#121212);border-radius:6px;height:100%;padding:10px 20px}.album-image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;max-height:250px;max-width:250px}#album-image{border-radius:6px;object-fit:cover;overflow:hidden;overflow-clip-margin:unset}.album-details-update-delete{display:flex;align-items:center;position:relative;height:70px}.album-details-update-delete div{font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.album-details-update-delete ul{display:flex;flex-direction:column;row-gap:10px;list-style:none;padding:15px 10px}.album-details-update-delete li{cursor:pointer}.album-dropdown{position:absolute;border-radius:6px;background-color:#2a2a2a;top:40px}.albums-sidebar *{box-sizing:border-box}.albums-sidebar{display:flex;flex-direction:column;row-gap:10px}.albums-sidebar-entry{display:flex;flex-direction:row;column-gap:15px;cursor:pointer}.albums-sidebar-entry:hover{background-color:#ffffff26}.albums-sidebar-entry img{flex:2 1 0;max-width:45px;max-height:45px;object-fit:cover;border-radius:6px}.playlist-folders{display:flex;flex-direction:column}.list-folder{display:flex;flex-direction:column;row-gap:10px}.folder-desc{display:flex;flex-direction:column}.folder-songs{display:flex;flex-direction:row}.folder-details{display:flex;flex-direction:row;column-gap:10px;cursor:pointer}.folder-img img{flex:2 1 0;width:50px;height:50px;object-fit:cover;border-radius:6px}.playlist-sidebar li{list-style:none;padding:0;margin:0}.playlist-sidebar a{text-decoration:none;color:inherit}.img_sidebar{width:40px;height:40px;border-radius:8px}.songs_sidebar{display:flex;flex-direction:row;padding:5px;gap:10px;cursor:pointer}.songs_sidebar:hover{background-color:#ffffff26}.title_sidebar{background-color:transparent;color:#f0f8ff;font-size:18px;border:None;width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-song-library{font-family:sans-serif;text-align:left}.signup-modal-div{color:#fff;background-color:#121212;padding:32px 205px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.signup-modal-button{background-color:#5c3be8;font-size:16px;font-weight:700;margin-top:16px;padding:8px 32px;height:48px;border:none;border-radius:24px}.signup-modal-button:hover{cursor:pointer;scale:1.04}.signup-modal-error{color:#f3727f;font-size:14px;font-weight:400;margin:0 0 8px;width:324px}.signup-modal-form{display:flex;flex-direction:column;margin:40px 0 32px;text-align:left}.signup-modal-h1{font-size:48px;margin:0;width:324px}.signup-modal-input{color:#fff;background-color:transparent;outline:1px #7c7c7c solid;border:none;border-radius:4px;margin:8px 0;padding:12px;width:324px;box-sizing:border-box;font-size:16px;display:block}.signup-modal-input:focus{outline:solid 3px white;border:none}.signup-modal-input:has(+.signup-modal-error){outline:3px #f3727f solid;border:none}.signup-modal-input::placeholder{color:#7c7c7c}.signup-modal-label{color:#fff;font-size:13px;font-weight:700;margin-top:8px}.signup-modal-museic-logo{width:40px;height:40px;margin-bottom:24px}.add-song-modal-container{position:fixed;left:27%;top:10%;width:600px;height:600px;overflow:scroll}.add-song-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;font-weight:700;font-size:17px;font-family:Times New Roman,Times,serif;background-color:#252326e6;border-radius:10px;padding-left:60px}.add-song-input{width:90%;border-radius:5px}.add-lyrics-input{height:200px;width:90%}.submit-add-song-button{width:30%;height:30px;margin:10px 5px 20px 30%;border-radius:10px;font-weight:bolder;background-color:#5c3be8;border:1px solid rgb(120,119,119);box-shadow:2px 2px #2f2e2e,2px -2px #2f2e2e,-2px 2px #2f2e2e,-2px -2px #2f2e2e;color:#f0f8ff}.submit-add-song-button:disabled{background-color:#a9a9a9}.requiredMessage{color:red;font-size:16px}.close-add-song-modal{background-color:transparent;color:#fff;border:None}.close-add-song-button-position{display:flex;flex-direction:row;justify-content:end;font-weight:bolder;font-size:18px}.add-song-title{padding-left:23%;padding-top:15px}.left-navbar{background-color:#121212;display:flex;flex-direction:column;flex-shrink:0;flex-grow:1;flex-basis:0px;min-width:280px;max-width:420px;padding:16px 8px;border-radius:8px;box-sizing:border-box}.left-navbar-button{width:80px}.left-navbar-button,.left-navbar-state-button,.left-navbar-state-buttons button{color:#fff;background-color:#ffffff1a;font-size:13px;height:32px;border:none;border-radius:16px;padding:4px 12px}.left-navbar-button:hover,.left-navbar-state-button:hover,.left-navbar-state-buttons button:hover{background-color:#ffffff26}.left-navbar-button:hover,.left-navbar-state-button:hover,.left-navbar-state-buttons button:hover,.left-navbar-sign-up-button>button:hover{cursor:pointer}.left-navbar-button:active,.left-navbar-state-button:active,.left-navbar-state-buttons button:active{background-color:#fff3}.left-navbar-buttons,.left-navbar-state-buttons{display:flex;justify-content:center;gap:8px}.left-navbar-buttons-div{display:flex;flex-direction:column;gap:8px;margin:0 12px 20px}.left-navbar-header,.player-queue-header{display:flex;margin:4px 12px 20px}.left-navbar-header-text,.player-queue-header-text{margin-left:4px;font-size:19px;font-weight:700}.left-navbar-library-div{overflow:auto}.left-navbar-no-user-div{background-color:#1f1f1f;padding:16px 20px;border-radius:8px}.left-navbar-no-user-div>div:first-child{font-weight:700;font-size:18px;margin-bottom:8px}.left-navbar-no-user-div>div:nth-child(2){font-size:15px;margin-bottom:16px}.left-navbar-state-button{width:150px}.left-navbar-sign-up-button>button{color:#000;background-color:#fff;font-size:14px;font-weight:700;height:32px;box-sizing:border-box;padding:0 16px;border:none;border-radius:16px;display:flex;align-items:center}.left-navbar-sign-up-button>button:hover{background-color:#f0f0f0;scale:1.04}.left-navbar-top-div{flex-grow:1}.player-queue-div{height:250px;margin-top:8px;overflow:auto}.player-queue-song-artist{color:#b3b3b3;font-size:12px}.player-queue-song-card{display:flex;justify-content:flex-start;border-radius:4px}.player-queue-song-card:hover{background-color:#ffffff0d;cursor:pointer}.player-queue-song-image{display:block;width:40px;height:40px;border-radius:4px;object-fit:cover;overflow:hidden;overflow-clip-margin:unset}.player-queue-song-image-div{margin:8px}.player-queue-song-title{font-size:14px;font-weight:700;max-height:32px;overflow-wrap:anywhere;overflow:auto}.player-queue-song-title-artist{display:flex;flex-direction:column;justify-content:center;margin:8px;text-align:left}.playlist-form *{box-sizing:border-box;margin:0;padding:0}.playlist-form{border:2px solid rgba(255,255,255,.1);width:100%;height:100%;color:#fff;background-color:#121212;padding:25px;border-radius:6px}.playlist-form-header{font-size:16px;text-align:center;width:100%;padding:20px 10px}.playlist-form-section{width:80%;margin:0 auto}.playlist-form-field{display:flex;flex-direction:column;align-items:flex-start;row-gap:10px;width:100%;padding:10px 0}.playlist-form-field input{width:100%;height:25px;border-radius:4px;border:none;padding:0 10px}.playlist-form-errors{height:20px;color:red}.playlist-form-submit{display:flex;justify-content:center;padding:15px 0}.playlist-form button{background-color:#5c3be8;font-size:16px;font-weight:700;padding:8px 32px;height:30px;border:none;border-radius:24px;width:180px}.playlist-form button:hover{cursor:pointer;scale:1.04}.login-modal-div{color:#fff;background-color:#121212;padding:32px 205px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.login-modal-button{background-color:#5c3be8;font-size:16px;font-weight:700;margin-top:16px;padding:8px 32px;height:48px;border:none;border-radius:24px}.login-modal-button:hover{cursor:pointer;scale:1.04}.login-modal-button:last-of-type{color:#5c3be8;background-color:transparent;border:2px #5c3be8 solid;margin-top:24px}.login-modal-error{color:#f3727f;font-size:14px;font-weight:400;margin:0 0 8px;width:324px}.login-modal-form{display:flex;flex-direction:column;margin:32px 0;text-align:left}.login-modal-h1{margin:0}.login-modal-input{color:#fff;background-color:transparent;outline:1px #7c7c7c solid;border:none;border-radius:4px;margin:8px 0;padding:12px;width:324px;box-sizing:border-box;font-size:16px;display:block}.login-modal-input:focus{outline:solid 3px white;border:none}.login-modal-input:has(+.login-modal-error){outline:3px #f3727f solid;border:none}.login-modal-input::placeholder{color:#7c7c7c}.login-modal-label{color:#fff;font-size:13px;font-weight:700;margin-top:8px}.login-modal-museic-logo{width:36px;height:36px;margin-bottom:8px}.button-container{box-sizing:border-box;min-width:32px;min-height:32px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.current-song-artist{color:#b3b3b3;font-size:12px}.current-song-details{width:100%;display:flex;flex-shrink:1;justify-content:flex-start}.current-song-image{display:block;width:56px;height:56px;border-radius:4px;object-fit:cover;overflow:hidden;overflow-clip-margin:unset}.current-song-image-div{margin:0 8px}.current-song-title{font-size:14px;font-weight:700;max-height:32px;overflow-wrap:anywhere;overflow:auto}.current-song-title-artist{display:flex;flex-direction:column;justify-content:center;margin:8px;text-align:left}.music-player{background-color:#000;text-align:center;box-sizing:border-box;width:100vw;padding:8px;position:absolute;display:flex;align-items:center;justify-content:center;bottom:0}.music-player-button:hover{cursor:pointer}.music-player-buttons{width:100%;display:flex;align-items:center;justify-content:center}.music-player-controls{background-color:#000;width:100%;height:72px;display:flex;flex-direction:column;gap:8px;justify-content:center}.music-player-progress-bar{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.music-player-right-div{width:100%;display:flex;flex-shrink:1;justify-content:flex-end}.pause-play-button{fill:#000}.pause-play-button.button-container{background-color:#fff;margin:0 16px}.pause-play-button.button-container:hover{scale:1.04}.progress-bar{height:4px;background-color:#fff;border-radius:2px;top:0;left:0;pointer-events:none}.progress-bar-background{width:100%;height:4px;background-color:#b3b3b3;border-radius:2px;cursor:pointer;position:relative}.progress-bar-background:hover .progress-bar{background-color:#5c3be8}.progress-bar-background:hover .progress-bar-thumb{width:12px;height:12px;border-radius:50%;background-color:#fff;position:absolute;top:50%;transform:translate(-50%,-50%)}.skip-button,.volume-button{fill:#b3b3b3}.skip-button:hover,.volume-button:hover{fill:#fff}.time-left{text-align:right}.time-left,.time-right{color:#b3b3b3;font-size:12px;min-width:40px}.time-right{text-align:left}.volume-bar{height:4px;background-color:#fff;border-radius:2px;top:0;left:0;pointer-events:none}.volume-bar-background{width:100%;height:4px;background-color:#b3b3b3;border-radius:2px;cursor:pointer;position:relative}.volume-bar-background:hover .volume-bar{background-color:#5c3be8}.volume-bar-background:hover .volume-bar-thumb{width:12px;height:12px;border-radius:50%;background-color:#fff;position:absolute;top:50%;transform:translate(-50%,-50%)}.volume-control{max-width:250px;width:100%;display:flex;align-items:center;justify-content:center;margin:0 8px;flex-shrink:1}body{background-color:#222;color:#fff}.log-in-button>button{color:#000;background-color:#fff;font-size:16px;font-weight:700;height:48px;box-sizing:border-box;padding:0 32px;border:none;border-radius:24px;display:flex;align-items:center}.log-in-button>button:hover{background-color:#f0f0f0}.log-in-button>button:hover,.profile-button>button:hover,.sign-up-button>button:hover{scale:1.04}.log-in-button>button:hover,.museic-logo:hover,.profile-button>button:hover,.profile-dropdown li:hover,.sign-up-button>button:hover{cursor:pointer}.log-out-button{border-top:1px #3e3e3e solid}main{height:calc(100vh - 152px);display:flex;gap:8px;padding:0 8px;box-sizing:border-box}.museic-logo{width:32px;height:32px;display:block}.museic-logo-div{width:72px;display:flex;justify-content:center}.nav-container{background-color:#000;height:64px;padding:8px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.nav-container-right{display:flex;align-items:center;justify-content:flex-end}.profile-button>button{color:#5c3be8;background-color:#1f1f1f;box-sizing:border-box;width:48px;height:48px;padding:8px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%}.profile-dropdown{color:#ffffffe6;background-color:#282828;width:188px;margin:8px;padding:4px;border-radius:4px;position:absolute;right:0;font-weight:700;z-index:50}.profile-dropdown li{padding:12px;border-radius:2px;list-style-type:none}.profile-dropdown li:hover{background-color:#3e3e3e}.right-main-div{background-image:linear-gradient(#1f1f1f,#121212);flex:1 1 850px;padding:28px;border-radius:8px;box-sizing:border-box;overflow:auto}.sign-up-button>button{color:#b3b3b3;background-color:transparent;font-size:14px;font-weight:700;height:32px;box-sizing:border-box;padding:0 16px;border:none;border-radius:16px;display:flex;align-items:center}.sign-up-button>button:hover{color:#fff}.delete-song-button{background-color:#13b636;color:#000;width:130px;height:50px;border-radius:30px;font-size:18px}.delete-song-cancel-button{border:None;background-color:transparent;font-size:16px}.delete-song-container{display:flex;flex-direction:column;color:#000}.delete-song-button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:30px;padding-left:90px;margin-top:5px}.delete-song-button-frame{border:3px solid #a0bbea;padding:3px;border-radius:5px}.delete-song-confirm{font-weight:bolder;font-size:20px;margin:3px}.delete-song-confirm-again{margin:3px;font-size:16px;display:flex;flex-direction:row}#delete-song-title{width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bolder;padding-left:8px}.update-song-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;font-weight:700;font-size:17px;font-family:Times New Roman,Times,serif;background-color:#252326e6;border-radius:10px;padding-left:60px}.update-song-input{width:90%;border-radius:5px;text-align:center}.update-lyrics-input{width:90%;height:80px;border-radius:5px}.duration-input-box{margin-right:10px;margin-left:5px}.update-song-input{width:90%;border-radius:5px}.submit-update-song-button{width:30%;height:30px;margin:10px 5px 20px 30%;border-radius:10px;font-weight:bolder;background-color:#5c3be8;border:1px solid rgb(120,119,119);box-shadow:2px 2px #2f2e2e,2px -2px #2f2e2e,-2px 2px #2f2e2e,-2px -2px #2f2e2e;color:#f0f8ff;opacity:.9}.submit-update-song-button:disabled{background-color:#a9a9a9}.close-update-song-button-position{display:flex;flex-direction:row;justify-content:end;font-weight:bolder;font-size:18px}.close-update-song-modal{background-color:transparent;color:#fff;border:None}.update-your-song{padding-left:25%}body{background-color:#000;color:#f0f8ff}.song-details{display:grid;grid-template-rows:.25fr .65fr .1fr;grid-template-areas:"head" "body" "foot";height:92vh;margin:10px 20px;border-radius:5px}.song-head{grid-area:head;background-image:linear-gradient(to bottom,rgb(89,90,92),black);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;padding:10px;gap:15px;border-radius:10px}.song-body{grid-area:body;background-image:linear-gradient(to bottom,rgb(117,119,121),black);border-radius:5px}.song-foot{grid-area:foot}.img-song-detail{width:16%;height:84%;margin:10px;border-radius:10px}.song-info-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.visible-lyrics{background-color:transparent;border:None;color:#fff;font-weight:700;margin-top:5px;margin-left:10px;padding-left:20px;font-size:14px;margin-bottom:15px}.table-songs-container{margin-top:15px;width:95%;text-align:center;table-layout:fixed;border-collapse:collapse}.table-head{display:flex;flex-direction:row;justify-content:flex-start;justify-content:space-between;border-bottom:1px solid white;margin-right:60px;margin-left:60px}.table-body{display:flex;flex-direction:row;justify-content:space-between;margin-right:60px;margin-left:60px;margin-top:10px}#song-table-title{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#song-head-title{width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:50px;font-weight:700;margin-bottom:5px}#song-info-body{margin-top:3px}.popout-frame{z-index:10}.popout-frame.popout{position:fixed;z-index:1000;right:50%;bottom:50%;background-color:#fff;color:#000;box-shadow:0 0 15px #000000e6}.delete-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:38px;width:400px;height:150px;box-shadow:0 4px 8px #000000e6;z-index:1001;overflow-y:auto}.update-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;padding:38px;width:600px;height:400px;z-index:1001;overflow-y:auto}.deleteAOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(21,21,21,.7);z-index:1000}.closeDeleteButton{background-color:transparent;border:None}.song-detail-dropdown-button{background-color:transparent;border:None;color:#fff;font-weight:bolder}.update-delete-container{display:flex;flex-direction:column;gap:10px;margin-top:5px;padding:5px;background-color:#141313f2;border-radius:10px;opacity:1;position:absolute;top:-160px;left:-110px;box-shadow:0 4px 8px #171717}.update-song-nav,.delete-song-nav{background-color:transparent;border:None;color:#f5f5f5;margin:3px;padding:10px;border-bottom:1px solid rgb(104,102,102);cursor:pointer}.add-song-playlist-nav button{background-color:transparent;border:None;color:#f5f5f5;cursor:pointer}.song-detail-dropdown,.table-body{position:relative}.play-song-button{display:None;position:absolute;left:5%;transform:translate(-50%)}.table-body:hover .play-song-button{display:block}.addlyricsinput{width:90%;height:80px;border-radius:5px}.lyrics-format{font-size:28px;font-weight:bolder;padding-left:20px}.lyrics-detail-format{padding-left:20px;font-size:16px;margin:10px}.playlist-header img{border-radius:6px;height:250px;width:250px}.playlist-header{display:flex;flex-direction:row;background-image:linear-gradient(#1f1f1f,#121212);border-radius:6px;padding:10px 20px 30px}.image-container{display:flex;justify-content:center;align-items:center;overflow:hidden}.playlist-details-main{background-image:linear-gradient(#1f1f1f,#121212);border-radius:6px;height:100%;padding:10px 20px}.playlist-desc{flex:2 1 0;display:flex;flex-direction:column;justify-content:flex-end;row-gap:10px;padding:0 20px;width:100%}.playlist-dropdown{position:absolute;border-radius:6px;padding:5px;background-color:#2a2a2a;top:40px;cursor:pointer}.playlist-dropdown li{padding:7px}.playlist-details li{list-style:none;margin:0}.playlist-dropdown li,.playlist-details ul{list-style:none;padding:0;margin:0}.playlist-edit-button{display:flex;align-items:center;position:relative;height:70px;cursor:pointer}.playlist-edit-button ul{display:flex;flex-direction:column;row-gap:10px;list-style:none;padding:15px 10px}.toggle-menu{cursor:pointer}.playlist-songs-table{margin:0 auto;width:95%;text-align:center;table-layout:fixed;border-collapse:collapse}.playlist-songs-table th{border-bottom:1px solid rgba(255,255,255,.1);height:20px}.playlist-songs-table td{height:35px}.playlist-songs-table tr{border-radius:15px}.playlist-songs-table tbody tr:hover{background-color:#ffffff26;border-radius:6px}#table-head1{width:5%}#table-head2{width:40%}#table-head3{width:30%}#table-head4,#table-head5{width:10%}#table-head6{width:5%}.playlist-song-delete{position:relative}.playlist-song-delete div{cursor:pointer}.playlist-song-dropdown{cursor:pointer;border-radius:6px;background-color:#2a2a2a;font-size:14px;position:absolute;text-align:left;right:10px;bottom:15px}.playlist-song-delete ul{display:flex;flex-direction:column;row-gap:10px;list-style:none;padding:15px;width:190px}.playlist-song-delete li{cursor:pointer;padding:5px 0}.playlist-songs-table td,th{padding:10px;line-height:1.5}table{border-spacing:15px}body{background-color:#000;margin:0;color:#fff;font-family:Raleway,sans-serif}