*{font-family:interstate,sans-serif}body{margin:0 0 53px;z-index:100;background-color:#f2f2f2}#root{display:flex;flex-direction:column;justify-content:center}#main{width:100%;max-width:1240px;align-self:center;min-height:100vh}.nav-bar{width:100%;justify-content:center}.nav-bar,.occupied-nav-bar{background:#333;color:#eee;height:47px;display:flex}.occupied-nav-bar{width:1240px;align-items:center;justify-content:space-between;min-width:730px}a,a:visited{text-decoration:none;color:inherit}.nav-right{display:grid;grid-template-columns:1fr 1fr;height:100%;margin-right:0}.down-caret{size:100px;margin-left:5px}.nav-left{display:grid;grid-template-columns:1fr 1fr 1fr;height:100%}.nav-left button{border:1px solid #000}.nav-left button:hover{color:#fff}.button_login,.nav-button{height:100%;background-color:#333;color:#eee;border:none;font-family:interstate,sans-serif;font-weight:100;font-style:normal;font-size:14px;line-height:21px}.profile-dropdown li{line-height:27px}#nav-logout,.profile-dropdown li{width:100%;margin:0;border:none;background-color:#fff;font-size:12px;color:#333}#nav-logout{line-height:17px;padding-left:0;text-align:left}#nav-logout:hover{cursor:pointer}.logout-icon{margin-left:0}.logout-icon,.playlist-icon{margin-right:5px}.button_login:hover,.nav-button:hover{cursor:pointer}.nav-bar-upload{margin:auto}.nav-bar-icon{height:47px;overflow:hidden}.nav-bar-icon img{margin:-30px 0;background-color:#ff5700;height:225%}.profile-dropdown{position:absolute;top:30px;width:75px;padding:7px 10px;background-color:#fff;list-style-type:none;grid-gap:18px;gap:18px;z-index:100;box-shadow:0 8px 20px hsla(0,0%,43.1%,.25);border:1px solid #000;color:#000}.profile-icon{margin-right:6px}.open-dropdown-button{background-color:#111;margin-right:0}.profile-dropdown-button{width:105px}.github-link{align-items:center;padding:auto;font-size:13px;border-right:1px solid #000}.github-link,.nav-search{display:flex;justify-content:center}.nav-search{flex-grow:2}.searchbar{border-radius:4px;line-height:20px;height:25px;width:100%;padding-left:10px;position:relative;border:none;overflow:auto;outline:none;box-shadow:none;resize:none}.search-button{position:absolute;right:0;top:5px;background-color:initial;border:none;color:#333;z-index:10}.search-button:hover{cursor:pointer;color:#000}.searchbar:focus{border:none;overflow:auto;outline:none;box-shadow:none;resize:none}.search-label{position:relative;display:flex;width:90%;justify-content:center}#modal{display:flex;justify-content:center;align-items:center;z-index:200}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(88,88,88,.58)}#modal-content{position:absolute;width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:40px;border-radius:8px;background-color:#fff}#modal-content input{width:94%;padding:12px;margin:10px 0;border:1px solid #858585;background:none;border-radius:5px}#modal-content input:focus{outline:transparent}.button_submit{width:100%;box-sizing:border-box;padding:10px 0;margin:8px 0;font-size:14px;border-radius:5px;border:none;height:40px}.button_submit:hover{cursor:pointer}.button_submit.button_main{background-color:#fd5600;color:#fff}.button_submit.button_secondary,.button_submit.button_transfer{border:1px solid #fd5600}.hrmodal{margin:8px 0}.form-errors{font-size:12px;color:red;line-height:17px;height:20px}.drop_zone{height:500px;justify-content:space-around}.drop_zone,.drop_zone_submit{width:50%;border:1px solid #868686;display:flex;flex-direction:column;margin:50px auto;min-width:620px}.drop_zone_submit{min-height:500px}.song-metadata{height:20px;display:flex;flex-direction:row;justify-content:space-between;color:#666;font-size:12px;line-height:17px;padding:3px 5px}.song-data{display:grid;grid-template-columns:1fr 2fr}.image-preview-div{padding:10px;width:200px;height:200px}.song-submit-form{padding:20px}.image-preview{background-color:#333;position:absolute;object-fit:contain;width:200px;height:200px}#choose-audio-file-button,#image{display:none}.song-update{margin:auto}.custom-file-upload{background-color:#fd5600;color:#fff;border:1px solid #ccc;padding:6px 12px;cursor:pointer;height:20px;width:50%}.custom-file-upload,.custom-image-upload{display:inline-block;align-self:center;text-align:center}.custom-image-upload{background-color:#f2f2f2;color:#000;border-radius:2px;border:1px solid #1a1a1a;padding:5px;height:12px;width:55%;font-size:12px;line-height:12px}.custom-image-upload:hover{background-color:#e2e2e2}.image-upload-button{text-align:center;position:relative;bottom:-160px;width:100%}.drop_zone:first-child{align-items:center}.song-form-content{display:flex;flex-direction:column}.song-form-content select{width:50%}.song-form-content textarea{resize:vertical}.song-form-content label{margin:10px 0;font-size:12px;color:#333;font-weight:bolder}.button-hole{padding-right:0;flex-grow:20;padding-left:auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.submit{margin-right:15px;margin-left:10px;background-color:#fd5600;color:#fff}.cancel,.submit{border:none;overflow:auto;outline:none;box-shadow:none;padding:3px 8px;border-radius:3px;font-size:14px;line-height:20px;cursor:pointer}.cancel{background-color:#fff}.upload-errors{font-size:12px;color:red;line-height:17px;height:20px}.comment-box{width:93.875%;margin:15px;display:inline-block}.comment-form-wrapper{background-color:#f2f2f2;height:45px;width:850px;padding:0 0 5px 15px;margin:0 15px}.waveform-play{background-color:#f25503;color:#fff;box-shadow:1px 1px 1px rgba(87,87,87,.849)}.empty-button,.waveform-play{border:none;border-radius:50%;height:45px;width:45px;margin:auto}.empty-button{background-color:none}.waveform-play:hover{cursor:pointer;color:#000;box-shadow:1px 1px 3px rgba(0,0,0,.849)}.controls{margin:auto 0 auto 20px;align-items:center}.controls-and-title{display:flex;flex-direction:row}#waveform{margin-bottom:25px}.waveform{justify-content:space-between;height:100%;margin-bottom:50px;position:relative}.loading-waveform,.waveform{display:flex;flex-direction:column}.loading-waveform{align-items:center;width:50%;margin-bottom:-55px;margin-left:auto;margin-right:auto;background:hsla(0,0%,49.4%,.4666666666666667);border-radius:3px}.loading-waveform progress{width:50%}.dynamic-comment-div{height:35px;width:100%;position:relative;top:100px;margin:0;padding:0;z-index:30}.dynamic-comment-div span{color:#fff;display:none;position:absolute;top:40px;padding-left:5px;font-size:12px;width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dynamic-comment-div span>div{display:inline;color:#ff4500;font-weight:700}.song-detail{height:380px;width:100%;display:flex;justify-content:space-between;color:#fff}.search-form{width:100%;display:flex;justify-content:center}.song-detail-album-art{width:340px;margin:20px}.song-detail-album-art img{width:100%}.song-detail-player-side{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;flex-grow:2;max-width:69%}#actual-player{width:700px}.rhap_container,.rhap_container :focus{outline:none;background-color:transparent;border:none}.rhap_container svg{color:#fff}.song-info-headline{display:flex;flex-direction:row;justify-content:space-between}.song-info-text{max-width:80%}.song-detail-timestamp{margin:40px 15px 0 0;padding-right:0;text-align:right}.song-detail-genre{margin:15px;background:#999;padding:4px 15px;border-radius:25px;height:25px;line-height:25px}.song-info-title p{background:#13171e;color:#fff;margin-top:25px;margin-bottom:0;padding:3px 15px;font-size:24px;line-height:37px}.song-info-artist p,.song-info-title p{margin-left:20px;display:inline-block;font-weight:100}.song-info-artist p{background:#13181f;margin-top:5px;padding:3px 10px;font-size:16px;line-height:19px;color:#ccc}.song-comments{background-color:#fff;margin:0 0 -30px;min-height:65vh;padding-top:10px}.comment-main{font-size:12px;display:flex}.comment-time-elapsed{font-size:12px;color:#999}.comment-at{color:#ccc}.comment-image-div{height:35px;width:35px}.comment-name-timestamp-content{margin-left:15px}.comment-name-and-timestamp{color:#999}.comment-image-div img{height:100%;width:100%;object-fit:contain}.comment-list-item{display:flex;width:825px;margin:15px;justify-content:space-between;overflow-wrap:anywhere}.edit-button{background-color:#fff;border:none}.comment-timestamp,.edit-button:hover{cursor:pointer}.delete-comment-button{background-color:#fff;border:none;margin-right:5px;font-size:12px}.delete-comment-button:hover{cursor:pointer}.submit-comment-button{background-color:#fff;border:none}.submit-comment-button:hover{cursor:pointer}.submit-comment-edit-button{border:none;background-color:#fff}.submit-comment-edit-button:hover{cursor:pointer}.song-detail-buttons{background-color:#fe5700;border:none;margin:5px;color:#fff;border-radius:3px}.song-detail-buttons:hover{cursor:pointer}.song-detail-player{height:100%}.traveling-comments{position:relative;background-color:rgba(0,0,0,.397);height:30px;width:auto;bottom:-254px;z-index:3}.song-image-list-item-container{width:200px}.song-image-list-item-container img{width:100%}.all-songs{z-index:inherit}.genre-list-item{display:flex;flex-direction:row}.genre-carousel-item div{margin:2px}.song-image-list-item-container{position:relative}.song-title-carousel{position:relative;bottom:0}.carousel-title{font-size:14px;font-weight:100;line-height:20px}.carousel-artist{font-size:12px;color:#333;line-height:17px;font-weight:100}.footer{box-sizing:border-box;position:fixed;border:1px solid #d4d4d4;bottom:0;width:100%;background-color:#fff;height:55px;z-index:9999}.footer-div{display:flex;justify-content:center;flex-direction:row;height:55px;width:1240px;margin:auto;padding-right:25px}.footer-player-info{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:300px}.player-text-info{white-space:nowrap;overflow:hidden;padding-top:4px}.footer-hidden{display:none}.rhap_container *{color:#000}.rhap_container{box-shadow:none}.footer-player{max-width:1040px}.player-button,.player-title{overflow:hidden}.player-button{margin:3px 0 0 10px;font-weight:400;color:#666;text-overflow:ellipsis}.player-button:hover{color:#000}.player-title{text-align:center;display:flex;font-size:12px;color:#999;text-align:left;margin:3px 0 0 10px;text-overflow:ellipsis}.rhap_volume-controls{max-width:100px;margin:auto}.rhap_controls-section{justify-content:start;max-width:250px}.player-title:hover{color:#000}.player-art-container{padding:10px;border-left:none;max-height:100%}.player-art{max-height:100%}.rhap_progress-filled{background-color:#f25503}.rhap_progress-indicator{display:none;height:7px;width:7px;top:-3px;margin-left:-4px;background-color:#f25503}.rhap_progress-indicator:hover{display:inline}.rhap_progress-bar{height:1px}.rhap_volume-indicator{display:none}.rhap_current-time{color:#f25503}.rhap_additional-controls{max-width:0}.rhap_time{font-size:12px}.rhap_volume-bar{height:1px}.volume-progress{background-color:#f25503;height:1px}.footer-space{margin:auto;width:1850px}.playlist-form-div{display:flex;flex-direction:row;justify-content:center}.playlist-form{width:25%}.playlist-form input{width:98.8%}.playlist-form select{width:100%}.playlist-song-buttons button{margin:5px;border:none;cursor:pointer}.playlist-item-div{margin-top:5px}.button-section{margin:30px 0;display:flex;flex-direction:row;justify-content:space-between}.add-song-div button,.playlist-buttons{cursor:pointer;border:none}.playlist-buttons{margin:4px;color:#e05107}.playlist-buttons:hover{color:#000}.playlist-sections{border-bottom:1px solid #9b9b9b}.playlist-text-side:hover{color:#a1a1a1}.playlist-item,.playlist-titles{display:inline-block}.playlist-titles{font-weight:700;font-size:18px;line-height:34px}.playlist-thumbnail:hover+a .playlist-text-side,.playlist-titles:hover{color:#a1a1a1}.create-playlist-link{color:#000;font-size:18px;background-color:#e05107;display:inline-block;padding:5px;border:1px solid hsla(0,0%,50.2%,.356);border-radius:3px}.create-playlist-link :hover{color:#fff}.playlist-thumbnail img{width:35px}.playlist-song-title{font-size:14px}.playlist-artist-name{font-size:12px}.playlist-item{display:flex;flex-direction:row}.playlist-item-container{margin:5px -38px}.playlist-text-side{margin-left:8px}li{list-style-type:none}.song-table{table-layout:fixed;width:100%}.song-table-head{width:100%}.song-table-head tr td{width:12.5%}.song-table-body{width:100%}.song-table-body tr td{overflow-wrap:break-word;width:12.5%}
/*# sourceMappingURL=main.cf3796b3.chunk.css.map */