body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.caveat{font-family:Caveat,cursive;font-optical-sizing:auto;font-style:normal;font-weight:400}.App{font-family:Helvetica,Arial,sans-serif;text-align:center}.App-logo{height:40vmin}.App-header{background-color:var(--background-color);font-size:calc(10px + 2vmin);min-height:100vh}.deleteIcon{float:right}.settings{margin-top:5%;width:100%}.link-button{background-color:initial;display:inline;margin:0;outline:none}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background-color:var(--button-bg-color);border-radius:5px;color:var(--button-text-color);margin:10px}.no-suggestions{color:#999;padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{border-radius:8px;min-height:165px;padding:10px}.autocomplete,.suggestions{background-color:var(--background-color);color:var(--text-color)}.suggestions{border-top-width:1px;border:1px solid var(--secondary-color);border-top:0 solid var(--secondary-color);display:inline-block;list-style:none;margin-top:0;max-height:143px;overflow-y:auto;padding-left:0;position:relative;width:calc(300px + 1rem)}.suggestions li{color:var(--text-color);padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:var(--accent-color);color:var(--light-color);cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid var(--secondary-color)}.profileform label{color:var(--text-color);display:block}.App-link{color:#09d3ac}.postlist,.userlist{background-color:var(--primary-color);border-radius:20px;display:inline-flex;margin:10px;padding:30px;text-align:left;width:60%}.userlist{justify-content:space-between}.comments{background-color:var(--light-color)}.commentlist,.comments{border-radius:20px;color:var(--primary-color);display:block;margin:10px;padding:10px;width:90%}.commentlist{background-color:var(--secondary-color);font-size:12px;text-align:left}.maincontent{color:var(--text-color);display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-left:15%;min-height:100vh;padding:20px}.logged-in .maincontent{margin-left:100px}.postbody{color:red;max-width:650px}.comment-block,.postbody{align-items:center;flex-direction:column;justify-content:center;width:100%}.comment-block{word-wrap:break-word;display:flex;overflow-wrap:break-word}.tag-active{border:red;border-style:solid;border-width:thick}.comment-indicator{background-color:var(--contrast-color);display:block;float:right;margin-top:10px;text-align:right;width:1200px}.comment-icon{background-color:var(--primary-color);float:right;height:40px;width:40px}.comment-indicator-text{background-color:var(--accent-color);border-radius:10px;color:var(--background-color);float:right;font-size:16px;font-weight:700;margin-left:10px;padding:5px;text-align:center;width:120px}.hide{display:none}.modal{background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:var(--background-color);border:1px solid var(--secondary-color);margin:15% auto;max-height:80%;overflow-y:auto;padding:20px;width:50%}.close,.modal-content{color:var(--primary-color)}.close{cursor:pointer;float:right;font-size:35px;font-weight:700;line-height:42px}.close:focus,.close:hover{color:var(--secondary-color);text-decoration:none}.chat{align-items:stretch;justify-content:center;left:15%;position:absolute;top:0;width:85%}.chat,.chat__main{display:flex;height:100%}.chat__main{flex:1 1;flex-direction:column}.message__container{background-color:var(--accent-color);flex:1 1;overflow-y:auto;padding:20px;width:100%}.chat__footer{background-color:var(--secondary-color);flex:0 0 auto;padding:20px;width:100%}.form{display:flex;gap:2%;height:100%;justify-content:space-between;width:100%}.message{border:1px solid #ddd;height:100%;outline:none;padding:12px;width:80%}.messageIcon{height:40px;transition:transform .3s ease;width:40px}.messageIcon:hover{cursor:pointer;transform:scale(1.1)}.sendBtn{background-color:var(--button-bg-color);border:none;color:var(--button-text-color);cursor:pointer;outline:none;padding:10px;width:150px}.message__recipient{background-color:var(--contrast-color);color:var(--button-text-color);color:#fff;text-align:start;width:300px}.message__recipient,.message__sender{border-radius:10px;font-size:15px;padding:8px;width:fit-content}.message__sender{background-color:var(--secondary-color);color:var(--user-message-text-color);margin-left:auto;max-width:400px;overflow-wrap:break-word;text-align:right}.recipient__name{color:var(--contrast-color);font-size:13px;text-align:left}.sender__name{color:var(--secondary-color);font-size:13px;text-align:right}.sender__picture{border-radius:50%;height:25px;margin-top:0;object-fit:cover;width:25px}.message__row{align-items:center;display:flex;gap:5px}.message__row.sent{flex-direction:row-reverse}.message__row.received{flex-direction:row}.sidenav{align-items:center;background-color:var(--primary-color);justify-content:flex-start;left:0;position:fixed;top:0;width:15%;z-index:1000}.sidenav,.sidenav ul{display:flex;flex-direction:column;height:100%}.sidenav ul{justify-content:space-evenly;list-style-type:none;margin:40px 0 0;padding:10px}.sidenav-icon{background-color:var(--primary-color);height:40px;width:40px}.sidenav-icon-logo{height:100%;width:100px}.sidenav label{color:#fffef2;cursor:pointer;font-size:calc(8px + 1vmin);margin-left:10px;text-align:left;text-decoration:none}.sidenav-single-icon{-ms-flex-align:center;align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:27%;margin-left:12%;top:35%}.sidenav a{text-decoration:none}.active-nav{text-decoration:underline!important}.link-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.error-textbox-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:2rem}.error-textbox-input label{margin-bottom:.5rem}.error-textbox-input input{border:1px solid #ccc;border-radius:4px;padding:.75rem;width:100%}.error-textbox-input .errorMessage{color:#ff5d5d;font-size:15px;margin:0;text-align:left}.error-textbox-input .textbox.error,.error-textbox-input input.error{background-color:#fff5f5;border-color:#ff5d5d}.error-toast-container{align-items:center;background-color:var(--error-color);border:1px solid var(--error-color);border-radius:4px;color:var(--primary-color);display:flex;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:400px;padding:10px}.error-toast-message{flex-grow:1;font-size:16px}.error-toast-close{background-color:var(--error-color);border:none;border-radius:4px;color:var(--light-color);cursor:pointer;padding:5px 10px}.error-toast-close-icon{font-size:16px}.success-toast-container{align-items:center;background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;color:var(--primary-color);display:flex;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:400px;padding:10px;z-index:1000}.success-toast-message{flex-grow:1;font-size:16px}.success-toast-close{background-color:var(--accent-color);border:none;border-radius:4px;color:var(--light-color);cursor:pointer;padding:5px 10px}.success-toast-close-icon{font-size:16px}.success-blocking-container{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.success-blocking-message{color:var(--text-color);font-size:2.5rem;margin-bottom:1rem}.success-blocking-sub-message{color:var(--accent-color);font-size:1.25rem}.style-guide-example{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;width:100%}.login-registration-container{display:flex;min-height:100vh;position:relative}.login-registration-left{align-items:center;background-color:var(--primary-color);bottom:0;color:var(--background-color);display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:fixed;text-align:center;top:0;width:50%}.listening-to-music{max-width:300px;opacity:.5;width:90%}.chorus-logo{max-width:300px;width:50%}.tagline{font-size:1.5rem;margin-top:.5rem}.login-registration-right{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:60%;padding:2rem}.login-registration-form{margin-right:2rem;max-width:400px;width:100%}.reset-password-link{align-items:flex-start;display:flex;font-size:.9rem;margin-bottom:2.5rem;margin-top:-1.5rem;text-align:right}.reset-password-link a{color:#3c6e71;text-decoration:none}.reset-password-link a:hover{text-decoration:underline}.login-registration-link{margin-top:2rem}.login-registration-text{margin-right:.5rem}.login-registration-link-text{color:#3c6e71;font-weight:700;text-decoration:none}.login-registration-link-text:hover{text-decoration:underline}.login-registration-button{background-color:var(--button-bg-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:1rem}.login-registration-button:hover{background-color:var(--contrast-color)}.resetPassword-container{align-items:flex-start;display:flex;justify-content:center;margin:auto}.resetPassword-container,.resetPassword-right{background-color:var(--background-color);min-height:100vh}.resetPassword-right{left:40%;position:relative;top:0;width:60%}.resetPassword-left-container{background-color:var(--primary-color);right:60%;top:0}.resetPassword-left-container,.resetPassword-left-content{align-self:flex-end;min-height:100vh;position:fixed;width:50%}.resetPassword-left-content{right:55%;top:200px}.resetPassword-header{color:#2e2323;left:45%;position:absolute;text-align:left;top:-3%}.textbox{border:2px solid #ccc;border-radius:10px;font-size:20px;margin-bottom:5px;margin-top:5px;padding:15px;transition:border-color .3s ease;width:450px}.resetPassword-right label{display:flex;flex-direction:column;font-size:33px;margin:0;text-align:left}.resetPassword-right .confirmEmail-button,.resetPassword-right .resetPassword-button{background-color:var(--button-bg-color);border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:20px;margin-top:30px;padding:10px;width:450px}.resetPassword-right .topLogo{display:none}.resetPassword-right .loginLink{font-size:20px}.resetPassword-right .email_box,.resetPassword-right .passwords_box{align-items:center;align-self:center;display:flex;flex-direction:column}.resetPassword-right .email_box .errorMessage,.resetPassword-right .passwords_box .errorMessage{color:#ff5d5d;font-size:15px;margin:0;text-align:left}.email_box .email_box_header,.passwords_box .passwords_box_header{font-size:20px;line-height:1.2;margin-bottom:10px;text-align:left;width:475px}.textbox.error{background-color:var(--light-color);border-color:var(--error-color);color:#ff5d5d;font-size:15px}.resetPassword-left-content .tagline{color:#fffef2;font-size:1.5rem;margin-top:.5rem}.style-guide-container{font-family:Helvetica,sans-serif;margin:10% auto 0;max-width:75%;padding:2rem}.style-guide-section{border-bottom:1px solid #2e2323;display:flex;flex-direction:column;margin-bottom:3rem;padding-bottom:2rem}.link-example{color:#558c8c}.link-example:hover{color:#3c6e71;text-decoration:underline}.style-guide-container h1{font-size:50px;font-weight:700;margin-bottom:2rem;text-align:left}.style-guide-container h2{font-size:35px;margin-bottom:2rem;text-align:left}.style-guide-container h3{font-size:27px;margin-bottom:2rem;text-align:left}.style-guide-container p{font-size:20px;text-align:left}.style-guide-container .link-example{align-items:left;align-self:left;cursor:pointer;display:block;text-align:left}.color-palette{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.color-item{align-items:center;display:grid;grid-template-columns:300px 1fr;margin-bottom:1.5rem}.color-display{align-items:flex-start;display:flex;gap:1.5rem;width:100%}.color-circle{border-radius:50%;box-shadow:0 2px 5px #0000001a;flex-shrink:0;height:80px;width:80px}.color-info{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;text-align:left}.color-info h3{font-size:1.25rem;margin:0}.style-guide-container .color-hex{color:#2e2e2e;font-size:1rem;margin:0}.color-description{line-height:1.5;margin:.5rem 0 0;max-width:600px;text-align:left}.code-snippet-container{background-color:#fefefe;border:1px solid #2e2323;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex:0 0;font-family:Helvetica,Arial,sans-serif;justify-content:center;margin:1.5rem 0;max-height:500px;max-width:500px;overflow-x:auto;overflow-y:auto;text-align:left}.code-snippet-header{align-items:center;background-color:#e9e9e9;border-bottom:1px solid #ddd;display:flex;flex-direction:row;justify-content:space-between;padding:.75rem 1rem}.code-snippet-title{color:#2e2323;display:flex;flex-direction:row;font-weight:600}.code-snippet-language{background-color:#e0e0e0;border-radius:4px;color:#333;display:inline-block;flex:0 1;font-size:.8rem;font-weight:400;margin-left:.75rem;padding:.25rem .5rem}.code-button{background-color:#2e2323;border:none;border-radius:4px;color:#fffef2;cursor:pointer;font-size:.875rem;max-height:50px;max-width:100px;padding:.5rem .75rem;transition:background-color .2s}.code-button:hover{background-color:#444}.pre{background-color:#f7f7f7;line-height:1.5;margin:0;overflow-x:auto;overflow-y:auto;padding:1.25rem}.pre code{word-wrap:normal;color:#333;display:block;font-family:Courier New,Courier,monospace;font-size:.9rem;white-space:pre;word-break:normal;word-spacing:normal}.logos-dark{background-color:#2e2323;border-radius:10%}.code-snippet-tabs{display:flex;flex:0% 1;margin-left:15px}.code-tab-button{background-color:#62a0a0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:15px;margin-right:5px;padding:5px 10px;transition:background-color .2s}.code-tab-button.active{background-color:#305a5c;border-color:#2e2323;color:#fff}.code-tab-button:hover:not(.active){background-color:#3c6e71}.tooltip-container{display:inline-block;position:relative}.info-icon{height:16px;vertical-align:middle;width:16px}.tooltip{background-color:#fefefe;border:1px solid #2e2323;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #00000026;color:#2e2323;font-size:14px;left:0;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out;width:200px;z-index:1000}.tooltip.visible{opacity:1;pointer-events:auto}.tooltip-example{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin-left:2rem;position:relative}.example-textbox-error,.style-guide-container label{display:flex;flex-direction:column}.style-guide-container label{justify-content:center;text-align:left;width:100%}.style-guide-container .errorMessage{color:#ff5d5d;font-size:15px;text-align:left}.style-guide-container .section-content{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:100%}.tooltip-example .example-textbox-error{display:flex;left:auto;margin-top:2rem;position:relative;width:100%}.postContainer{word-wrap:break-word;background-color:#fff;border:1px solid #40404017;border-radius:12px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:calc(100% - 100);padding:20px;position:relative;width:80%}.postHeader{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.profileImage{border-radius:50%;height:48px;object-fit:cover;width:48px}.postTitle{color:#2e2323;font-size:24px;font-weight:600;margin:0 0 4px;overflow-wrap:break-word}.postName{color:#2e2323;font-size:14px}.postDescription{word-wrap:break-word;color:#2e2323;font-size:16px;margin-bottom:0 0 16px 0}.embedContainer{border-radius:16px;color:#fff;font-size:16px;margin-bottom:16px;padding:16px}.spotifyEmbed{border-radius:12px;overflow:hidden;width:100%}.postActionButton{align-items:center;background-color:var(--button-bg-color);border:none;border-radius:20px;color:var(--button-text-color);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.postActionButton:hover{background-color:var(--contrast-color)}.editDeleteContainer{display:flex;gap:8px;position:absolute;right:20px;top:20px}.deleteButton,.editButton{background-color:var(--button-bg-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase;transition:background-color .2s}.deleteButton:hover,.editButton:hover{background-color:var(--contrast-color)}.postActions{display:flex;gap:12px;margin-top:16px}.tags-input-container{align-items:center;border:2px solid #000;border-radius:3px;display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em;padding:.5em;width:min(80vw,600px)}.tags-item{background-color:#dad8d8;border-radius:20px;display:inline-block;padding:.5em .75em}.tags-item.close{align-items:center;background-color:#303030;border-radius:50%;color:#fff;display:inline-flex;font-size:18px;height:20px;justify-content:center;margin-left:.5em;width:20px}.tags-input{border:none;flex-grow:1;outline:none;padding:.5em 0}.comment-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.comment-dropdown{background-color:var(--light-color);border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:10px;padding:15px}.comment-dropdown .posts{margin-top:15px;overflow-wrap:break-word}.comment-dropdown .posts>div{margin-bottom:15px;overflow-wrap:break-word}.comment-dropdown .posts>div:last-child{margin-bottom:0}iframe{max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.FollowersContainer{background-color:var(--light-color);border:1px solid var(--primary-color);border-radius:16px;cursor:pointer;margin-bottom:12px;padding:12px 16px;transition:transform .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}.FollowersContainer:hover{background-color:var(--primary-color);color:var(--light-color);transform:scale(1.02)}.FollowersUserInfo{align-items:center;display:flex;width:100%}.FollowersUsername{color:var(--primary-color);margin-left:12px}.FollowersEmptyState{color:var(--text-color);padding:32px;text-align:center}.playlist-creator-container{box-sizing:border-box;display:flex;flex-direction:column;padding:30px;width:100%}.playlist-header-section{display:flex;flex-direction:row;margin-bottom:20px}.cover-image-container{background-color:#fffef2;border-radius:5px;border-radius:10px;color:#2e2323;height:150px;margin-right:20px;min-width:150px;overflow:hidden;width:150px}.playlist-cover-image{display:block;height:100%;object-fit:cover;width:100%}.empty-cover-placeholder{align-items:center;background-color:#fffef2;color:#2e2323;display:flex;height:100%;justify-content:center;width:100%}.add-cover-button:hover{background-color:#3d6393}.playlist-title-container{display:flex;flex-direction:column;flex-grow:1}.playlist-title-input{background-color:initial;border:#ddd;font-size:27px;margin-bottom:10px;outline:#ddd;padding:10px;width:100%}.search-section{display:flex;margin-bottom:20px;width:100%}.search-bar-container{flex-grow:1;margin-right:10px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.search-button-container{align-items:center;display:flex}.search-button:hover{background-color:#3d6393}.search-button:disabled{background-color:#b0c4d8;cursor:not-allowed}.search-results-section{border:1px solid #eee;border-radius:5px;margin-bottom:20px;padding:15px}.search-results-section h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.search-results-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.search-result-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s}.search-result-item:hover{background-color:#f5f5f5}.search-result-item.selected{background-color:#e6f0f9}.search-result-item .song-info{align-items:center;display:flex;flex-grow:1}.song-thumbnail{border-radius:4px;height:50px;margin-right:15px;object-fit:cover;width:50px}.playlist-content-section .song-title{color:#2e2323;font-weight:700;margin-bottom:3px;text-align:left}.song-artist{color:#fffef2;font-size:14px;margin-bottom:2px;text-align:left}.song-album{color:#2e2323;font-size:12px;text-align:left}.song-preview-button{background-color:initial;border:1px solid #3c6e71;color:#3c6e71;cursor:pointer;font-size:14px;margin-right:5px;transition:all .2s}.song-preview-button:hover{background-color:#4a76a81a}.song-preview-button:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.song-actions-section{display:none;flex-direction:row;gap:15px;justify-content:center;margin-bottom:20px}.add-button-container,.remove-button-container{display:flex}.add-song-button,.remove-song-button{border:1px solid #e74c3c;cursor:pointer;font-size:16px;transition:all .2s}.add-song-button{background-color:#4a76a8;border:none;color:#fff}.add-song-button:hover{background-color:#3d6393}.remove-song-button{background-color:initial;border:1px solid #e74c3c;color:#e74c3c}.remove-song-button:hover{background-color:#e74c3c1a}.add-song-button:disabled,.remove-song-button:disabled{cursor:not-allowed;opacity:.5}.playlist-content-section{border:1px solid #eee;border-radius:5px;flex-grow:1;margin-bottom:20px;overflow-y:auto;padding:15px}.playlist-content-section h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.playlist-songs-list{list-style:none;margin:0;padding:0}.playlist-song-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.playlist-song-item:hover{background-color:#f5f5f5}.playlist-song-item .song-info{align-items:center;display:flex;flex-grow:1}.song-info{flex-direction:row}.search-results-section .song-title{color:#2e2323;font-weight:700;margin-bottom:5px}.playlist-content-section .song-artist{color:#2e2e2e;font-size:14px}.song-remove-button{background-color:initial;border:1px solid #e74c3c;color:#e74c3c;cursor:pointer;font-size:14px;transition:background-color .2s}.song-remove-button:hover{background-color:#e74c3c1a}.empty-playlist-message{color:#ff5d5d;padding:20px;text-align:center}.save-playlist-section{display:flex;justify-content:center;margin-top:20px}.create-playlist-button:disabled{background-color:#575454;cursor:not-allowed}.hidden-file-input{display:none}.playlist-modal .modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:80%;margin-top:5%;overflow-y:auto;padding:0;width:90%}.playlist-modal .modal{display:flex;overflow-y:hidden;padding:20px 0;z-index:1001}.playlist-modal .close{padding-right:1.5%;text-align:right}.saved-playlist-display{background-color:#f8f8f8;border-radius:8px;padding:24px;width:100%}.saved-playlist-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.saved-playlist-header,.saved-playlist-info{align-items:center;display:flex}.saved-playlist-cover{border-radius:6px;box-shadow:0 4px 8px #0000001a;height:120px;margin-right:24px;object-fit:cover;width:120px}.saved-playlist-title{font-size:24px;font-weight:700;margin:0 0 8px}.saved-playlist-stats{color:#666;font-size:14px;margin:0}.create-new-playlist-button{background-color:#1db954;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:background-color .2s}.create-new-playlist-button:hover{background-color:#1ed760}.saved-playlist-songs{list-style:none;margin:0;padding:0}.saved-playlist-song-item{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;margin-bottom:8px;padding:12px 16px;transition:background-color .2s}.saved-playlist-song-item:hover{background-color:#f1f1f1}.song-number{color:#888;font-size:14px;margin-right:16px;text-align:center;width:24px}.custom-playlist-container{background:linear-gradient(135deg,#4d7d7b,#5f9997 40%,#76b3b1);border:1px solid #ffffff4d;border-radius:8px;border-radius:16px;box-shadow:0 8px 24px #0003;color:#fff;margin-bottom:24px;padding:20px}.playlist-header{display:flex;margin-bottom:20px}.playlist-cover{box-shadow:0 4px 8px #0000004d;height:180px;margin-right:20px;object-fit:cover;width:180px}.playlist-cover-placeholder{align-items:center;background-color:#fffef2;border-radius:10px;color:#2e2323;display:flex;justify-content:center}.playlist-info{display:flex;flex-direction:column;justify-content:flex-end}.playlist-title{color:#fffef2;font-size:28px;font-weight:700}.playlist-creator{font-size:12px;margin-bottom:8px;text-transform:uppercase}.playlist-count{color:#fffef2;font-size:14px;margin-bottom:20px}.playlist-songs{margin-top:10px;max-height:200px;overflow-y:auto}.song-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:10px 0;text-align:left}.song-number{color:#fffef2;margin-right:15px;text-align:right;width:30px}.song-info{align-items:center;display:flex;flex:1 1}.song-artwork{height:40px;margin-right:15px;object-fit:cover;width:40px}.song-details{display:flex;flex-direction:column}.song-title{color:#fffef2;font-size:16px;font-weight:400;margin-bottom:4px;text-align:left}.search-results-section .song-artist{color:#2e2323;font-size:14px;text-align:left}.song-duration{color:#fffef2;font-size:14px;margin-left:auto;margin-right:10px}.block-confirmation-container .modal-content{height:200px}.settingnav{background-color:#62a0a0;box-shadow:0 2px 4px #0000001a;color:var(--primary-color);display:flex;flex-direction:column;left:15%;position:fixed;right:0;top:0;z-index:500}.settingnav h2{display:flex;font-size:27px;margin-left:1%}.horizontal-nav{background-color:var(--settingnav-color-classic);border-radius:5px;width:100%}#nav-menu-items{border:#305a5c;display:flex;list-style-type:none;margin:0;padding:0}.nav-item{position:relative}.nav-item a{color:#333;display:block;font-weight:500;padding:15px 25px;text-decoration:none;transition:background-color .3s ease}.nav-item a:hover{background-color:#83c1c1}.nav-item.active a{background-color:#305a5c;color:#fff}.main-content{position:relative;z-index:600}.settings h1{margin-top:10%}.theme-selector .main-content{margin-top:130px}.profile-container a{color:#3c6e71;text-decoration:none}.profile-container a:hover{color:#62a0a0;text-decoration:underline!important}.custom-playlist-container .modal-content p{font-family:Arial,Helvetica,sans-serif;margin-top:11%}.playlist-title-container .textbox{display:flex;flex-direction:column;text-align:left}.playlist-title-container .textbox-label{text-align:left}.playlist-title-container .errorMessage{color:#ff5d5d;display:flex;flex-direction:column;text-align:left}.image-error-message{color:#ff5d5d;display:block;font-size:14px;font-weight:500;margin-top:8px;padding:4px 0;text-align:left;width:100%}.cover-image-container{align-items:center;display:flex;flex-direction:column;position:relative}.empty-cover-placeholder{margin-bottom:5px;position:relative}.cover-image-wrapper{display:block;height:100%;position:relative;width:100%}.cover-image-overlay{align-items:center;background-color:#00000080;border-radius:10px;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:5}.remove-cover-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;pointer-events:auto;transition:background-color .2s;z-index:10}.remove-cover-button:hover{background-color:#c0392b;opacity:1}.new-post-button-group{display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.delete-button{background-color:#ff5d5d;color:#2e2323;margin-left:10px}.tag-button{margin-bottom:10px}.logged-out{margin-left:0}.subtitle{font-family:caveat;font-size:30px;margin:0 auto;padding-bottom:20px;padding-top:20px;text-align:left;width:80%}.about-me-heading h1,.edit-profile-heading h1,.my-account-heading h1,.personal-information-heading h2,.search-heading h1{text-align:center}.style-guide-button{border:1px solid #fffef2}.style-guide-button:hover{background-color:var(--cream);color:var(--black-brown)}@media (max-width:768px){.chat{height:96vh;left:0!important;overflow:hidden;position:absolute;top:0;width:100vw!important}.chat__main,.maincontent{display:flex;flex-direction:column;height:100%}.message__container{flex:1 1;overflow-y:auto}.chat__footer{flex:0 0 auto}.form{display:flex;gap:8px}.message{flex:1 1 auto;min-width:0}.sendBtn{flex:0 0 auto}.maincontent{margin-bottom:1rem;margin-left:0;overflow-y:auto;padding-bottom:60px}.logged-out{margin-bottom:0}.login-registration-container{flex-direction:column;min-height:100vh;overflow:hidden;padding-bottom:0;position:relative}.login-registration-right{align-items:center;margin-left:0;padding:1rem}.login-registration-left{flex:0.001 1;height:15%;left:0;margin-top:0;padding:.5rem;top:0;width:100%}.listening-to-music{display:none}.chorus-logo{margin-top:10px;max-width:300px;width:50%}.tagline{font-size:1rem;margin-top:0}.login-registration-form{width:100%}.resetPassword-container{align-items:center;background-color:#fffef2;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;position:relative;width:100%}.resetPassword-left-container{display:none}.resetPassword-right{background-color:#fffef2;display:flex;flex-direction:column;height:100%;left:auto;position:fixed;right:auto;top:10%;width:100%}.email_box .email_box_header,.passwords_box .passwords_box_header{align-items:center;display:flex;flex-direction:column;justify-content:center;left:auto;line-height:.9;max-width:100%;right:auto;text-align:center;width:100%}.email_box,.passwords_box,.resetPassword-right label{display:flex;flex-direction:column;text-align:left}.resetPassword-right label{justify-content:center;width:100%}.textbox{margin-top:10px auto}.resetPassword-right .confirmEmail-button,.resetPassword-right .resetPassword-button,.textbox{max-width:300px;width:100%}.resetPassword-right .topLogo{align-items:center;background-color:#2e2323;display:flex;height:10%;justify-content:center;position:fixed;top:0;width:100%}.playlist-creator-container{padding:15px}.playlist-header-section{align-items:center;flex-direction:column;margin-bottom:15px}.cover-image-container{height:120px;margin-bottom:15px;margin-right:0;min-width:120px;width:120px}.playlist-title-input{font-size:20px;text-align:center}.search-section{flex-direction:column;margin-bottom:15px}.search-bar-container{margin-bottom:10px;margin-right:0;width:100%}.search-button-container{width:100%}.search-button{padding:10px;width:100%}.search-results-section{padding:10px}.search-results-list{max-height:250px}.search-result-item{align-items:flex-start;flex-direction:column;padding:15px 10px}.search-result-item .song-info{margin-bottom:10px;width:100%}.search-result-actions{display:flex;justify-content:space-between;width:100%}.song-thumbnail{height:40px;margin-right:10px;width:40px}.add-to-playlist-button,.song-preview-button,.song-remove-button{flex:1 1;font-size:13px;margin:0 2px;padding:8px 12px;text-align:center}.playlist-content-section{padding:10px}.playlist-song-item{align-items:flex-start;flex-direction:column;padding:15px 10px}.playlist-song-item .song-info{margin-bottom:10px;width:100%}.playlist-song-item .song-actions{display:flex;justify-content:space-between;width:100%}.saved-playlist-display{padding:15px}.saved-playlist-header{align-items:flex-start;flex-direction:column}.saved-playlist-info{align-items:center;flex-direction:column;margin-bottom:15px;width:100%}.saved-playlist-cover{margin-bottom:15px;margin-right:0}.saved-playlist-stats,.saved-playlist-title{text-align:center}.create-new-playlist-button{padding:10px;width:100%}.saved-playlist-song-item{padding:10px}.custom-playlist-container{padding:15px}.playlist-header{align-items:center;flex-direction:column}.playlist-cover{height:150px;margin-bottom:15px;margin-right:0;width:150px}.playlist-info{align-items:center;width:100%}.playlist-title{font-size:22px}.playlist-count,.playlist-creator,.playlist-title{text-align:center}button{min-height:44px;min-width:44px}.create-playlist-button{font-size:16px;padding:12px;width:100%}.playlist-song-item,.saved-playlist-song-item,.search-result-item,.song-row{min-height:60px}.settingnav{display:none}.profile-container{align-items:center;flex-direction:column;gap:20px!important}.deleteAccount{bottom:80px;right:20px}.settings-nav-mobile{background-color:#4a9299;display:flex;flex-direction:column;height:calc(100vh - 55px);left:0;position:fixed;right:0;top:0;width:100%;z-index:999}.settings-content{color:#fff;flex:1 1;font-size:calc(16px + 1vmin);overflow-y:auto;padding:20px}.settings-content h1{font-size:2rem;font-weight:300;margin-bottom:30px;text-align:center}.settings-menu{display:flex;flex-direction:column;gap:25px}.settings-menu-item{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:300;padding:12px;text-align:center;transition:background-color .2s}.settings-menu-item:hover{background-color:#ffffff1a}.close-button{border:1px solid #ffffff4d;border-radius:6px;margin-top:40px}}@media screen and (max-width:480px){.song-album{display:none}.playlist-song-item,.saved-playlist-song-item,.search-result-item{padding:8px}.song-thumbnail{height:35px;width:35px}.song-title{font-size:14px}.song-album,.song-artist{font-size:12px}.add-to-playlist-button,.song-preview-button,.song-remove-button{font-size:12px;padding:6px 8px}.playlist-title-input{font-size:18px}.playlist-creator-container{padding:10px}}.profileform{flex-direction:column;gap:10px}.form-group label{padding-top:15px}.form-group input{background-color:var(--background-color);border:1px solid var(--contrast-color);border-radius:15px;color:var(--text-color);height:15px;padding:5px;width:270px}button,input[type=submit]{background-color:var(--button-bg-color);border:none;border-radius:20px;color:var(--button-text-color);cursor:pointer;font-family:Arial,sans-serif;font-size:14px;padding:10px 20px;transition:.3s}button:hover,input[type=submit]:hover{opacity:.5}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:var(--light-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:14px;height:80px;max-width:80%;padding:15px;text-align:center;width:300px}.postContainer .modal-content{height:auto}.modal-content p{color:var(--text-color);font-size:14px;margin-bottom:10px}.deleteAccount{background-color:var(--error-color);bottom:20px;color:var(--primary-color);position:fixed;right:20px}@media (max-width:768px){.profile-container{align-items:center;flex-direction:column;gap:20px!important}.deleteAccount{bottom:60px;right:20px}}:root{--black-brown:#2e2323;--cream:#fffef2;--chorus-green:#62a0a0;--navbar-height:70px}*,:after,:before{box-sizing:border-box}.navbar{background-color:#2e2323;background-color:var(--black-brown);box-shadow:0 2px 4px #0000001a;color:#fffef2;color:var(--cream);left:0;padding:1rem 0;position:fixed;top:0;width:100vw;z-index:50}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.logo{color:#fffef2;color:var(--cream);cursor:pointer;gap:.5rem}.logo,.logo-icon{align-items:center;display:flex;font-weight:700}.logo-icon{background-color:#fffef2;background-color:var(--cream);border-radius:50%;color:#2e2323;color:var(--black-brown);font-size:2rem;font-style:italic;height:2.5rem;justify-content:center;width:2.5rem}.auth-buttons{align-items:center;display:flex;gap:1rem}.login-button,.signup-button{border:none;border-radius:9999px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.login-button{background-color:initial;border:1px solid #fffef2;border:1px solid var(--cream);color:#fffef2;color:var(--cream)}.login-button:hover,.signup-button{background-color:#fffef2;background-color:var(--cream);color:#2e2323;color:var(--black-brown)}.signup-button:hover{background-color:#fffc}.slideshow{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:calc(70px + 4rem) 2rem 2rem;padding:calc(var(--navbar-height) + 4rem) 2rem 2rem}.slides{display:flex;transition:transform .5s ease-in-out}.slide,.slides{height:100%;overflow:hidden;width:100%}.slide{display:none;flex:0 0 100%}.slide,.slide.active{align-items:center;justify-content:center}.slide.active{display:flex}.slide img{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.slides-container{display:flex;overflow:hidden;position:relative;width:100%}.slides-track{transition:transform .5s ease-in-out;z-index:10}.arrow,.slides-track{align-items:center;cursor:pointer;display:flex;justify-content:center}.arrow{background-color:#0000004d;border:none;border-radius:50%;color:#fffef2;color:var(--cream);font-size:2rem;height:3rem;transition:background-color .3s ease;width:3rem}.arrow:hover{background-color:#00000080}.left-arrow{left:1rem}.right-arrow{right:1rem}.dots{align-items:center;bottom:1rem;display:flex;gap:.5rem;justify-content:center;left:50%;position:fixed;transform:translateX(-50%);z-index:20}.dot{background-color:#0000004d;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s ease;width:10px}.dot.active{background-color:#62a0a0;background-color:var(--chorus-green)}.dot:hover{background-color:#00000080}.section-content{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.section-text{flex:1 1;text-align:left}.section-text h1,.section-text h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.section-text p{color:var(--gray-dark);font-size:1.25rem;margin-bottom:1rem}.section-text ul{list-style-type:disc;margin-bottom:1rem;padding-left:1.5rem}.section-text ul li{color:var(--gray-dark);font-size:1rem;margin-bottom:.5rem}.feature-image{align-items:center;display:flex;flex:1 1;justify-content:center}.feature-image img{background-color:initial;border:2px solid #62a0a0;border:2px solid var(--chorus-green);border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;max-height:500px;object-fit:contain;width:auto}.hero-buttons,.start-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image{align-items:center;aspect-ratio:1/1;background-color:#62a0a0;background-color:var(--chorus-green);border-radius:12px;display:flex;justify-content:center;overflow:hidden;padding:1rem}.hero-image img{aspect-ratio:1/1;background-color:#fffef2;background-color:var(--cream);border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;width:90%}.steps-container{margin:2rem auto;max-width:100%;overflow:hidden;width:100%}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.step-item{align-items:center;display:flex;flex-direction:column;text-align:center}.step-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.step-number{color:#62a0a033;font-size:3rem;font-weight:700}.step-item h3{font-size:1.25rem;margin-bottom:.75rem}.step-item p{color:#2e2323cc;font-size:.975rem}.primary-button{background-color:#2e2323;background-color:var(--black-brown);border:none;border-radius:9999px;color:#fffef2;color:var(--cream);cursor:pointer;padding:.75rem 1.5rem;transition:background-color .3s ease}.primary-button:hover{background-color:#2e2323e6}.feature-content{align-items:center;display:flex;flex-direction:row;gap:3rem;justify-content:space-between;max-width:100%;overflow:hidden;padding:0 1rem;width:100%}.feature-text{flex:1 1;max-width:500px}.feature-text h2{font-size:2rem;margin-bottom:1rem}.feature-text p{color:#2e2323cc;margin-bottom:1.5rem}.feature-label{background-color:#62a0a01a;border-radius:9999px;color:#62a0a0;color:var(--chorus-green);display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.feature-list{margin-bottom:1.5rem}.feature-list li{align-items:center;display:flex;margin-bottom:.5rem}.bullet-point{background-color:var(--secondary-color);border-radius:50%;flex-shrink:0;height:.375rem;margin-right:.5rem;width:.375rem}.feature-visual{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:500px}.feature-visual img{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:100%}h1{font-size:50px}h1,h2{font-weight:700;margin-bottom:1rem;text-align:left}h2{font-size:35px}h3{font-size:27px;font-weight:700;text-align:left}h3,p{margin-bottom:1rem}p{color:var(--gray-dark);font-size:20px;line-height:1.6}@media (max-width:768px){h1{font-size:40px}h2{font-size:30px}h3{font-size:24px}p{font-size:18px}.section-content{flex-direction:column;text-align:center}.feature-image{order:-1}.hero-buttons,.start-buttons{justify-content:center}.steps-grid{grid-template-columns:1fr}.feature-content{flex-direction:column;text-align:center}.feature-text,.feature-visual{max-width:100%}.feature-content{padding:1rem}.feature-header h3{font-size:1.5rem}.feature-header p{font-size:1rem}.feature-list li{font-size:.9rem}.arrow{display:none}}.container{margin:0 auto;max-width:500px;width:100%}.suggested-title{color:var(--text-color);font-size:27px;font-weight:600;margin-bottom:16px;padding-left:4px}.suggested-list{display:flex;flex-direction:column;gap:8px}.suggested-card{align-items:center;background-color:var(--light-color);border:1px solid var(--text-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.suggested-card:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.02)}.suggested-user-info{align-items:center;display:flex;gap:12px}.suggested-username{color:#2e2323;font-size:14px;font-weight:500}.suggested-follow-button{align-items:center;background-color:var(--button-bg-color);border:1px solid var(--button-bg-color);border-radius:6px;color:var(--button-text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.suggested-follow-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";display:inline-block;height:14px;margin-right:4px;width:14px}.suggested-follow-button:hover{background-color:rgba(var(--button-bg-color-rgb),.9);background-color:var(--button-bg-color);filter:none}.suggested-see-more-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px;text-align:center;transition:color .2s ease-in-out;width:100%}.suggested-see-more-button:hover{color:var(--contrast-color);text-decoration:underline}.split-line{background-color:var(--primary-color);border:0;height:1px;margin:20px 0}.no-recommendations-message{align-items:center;background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:8px;color:var(--text-color);display:flex;font-size:14px;justify-content:center;padding:12px 16px;text-align:center}.app-container{padding:20px;text-align:center;transition:background-color .3s,color .3s}.app-container.light{background-color:#fff;color:var(--text-color)}.app-container.dark{background-color:#1e293b;color:var(--text-color)}.theme-selector{margin-top:130px;padding:20px;text-align:center}.theme-title{color:var(--text-color);font-size:clamp(1rem,5vw,50px);margin:0 auto;max-width:800px;text-align:center;width:90%}.theme-options{align-items:center;display:flex;flex-direction:column;gap:30px}.theme-card{border:2px solid #0000;border-radius:12px;cursor:pointer;margin:0 auto;max-width:800px;padding:20px;text-align:center;transition:border-color .3s,transform .3s;width:90%}.theme-card:hover{transform:scale(1.05)}.theme-card.selected{border-color:var(--primary-color);border-style:solid;border-width:3px}.theme-name{color:var(--text-color);font-size:clamp(1rem,2.5vw,35px);margin-bottom:15px}.theme-swatches{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;overflow-x:auto}.theme-swatch{border:2px solid #000;border-radius:50%;height:clamp(30px,6vw,50px);width:clamp(30px,6vw,50px)}.theme-swatch-container{align-items:center;display:flex;flex-direction:column}.theme-swatch-label{color:var(--text-color);font-size:14px;margin-top:5px;text-align:center}.theme-button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.theme-button:hover{background-color:var(--secondary-color);color:var(--text-color)}.apply-button{margin-top:20px}.theme-in-use{color:var(--text-color);font-size:14px;font-weight:700;margin-top:10px}
/*# sourceMappingURL=main.94fdb225.css.map*/