.upload-track-overlay{z-index:99;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--black-50);overflow-y:scroll;padding:24px}.upload-track-card{padding:24px;width:500px;margin:2% auto auto;background-color:var(--dark-blue);border-radius:10px}.upload-track-header{display:flex;justify-content:space-between;padding-bottom:8px}.upload-track-header .overlay-title{margin:0}.upload-track-header .close-overlay-button{margin:auto 0}.required-asterisk{color:var(--red)}.upload-thumbnail{width:100%;display:flex;gap:24px;justify-content:center}.thumbnail-preview{width:160px;height:160px;max-height:160px;max-width:160px;border-radius:10px}.thumbnail-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:transparent}.remove-thumbnail-btn{position:absolute;top:-8px;right:-8px;z-index:10;background-color:var(--dark-blue);border-radius:99px;padding:4px 6px 2px}.thumbnail-file-uploader{margin:0 auto;display:flex;flex-direction:column;padding:16px;border-radius:4px;border:1px dashed var(--light-blue);justify-content:center;width:125px;height:125px}.thumbnail-file-uploader:hover{cursor:pointer}.uploader-icon{padding:16px}.clickable-label,.file-name{text-align:center}.upload-audio{gap:24px;width:100%}.audio-file{display:flex;align-items:center;gap:8px;background-color:var(--black-10);padding:8px 16px;border-radius:8px;margin-bottom:8px}.audio-file .audio-file-name{color:var(--light-blue);margin:0}.track-file-uploader{display:flex;flex-direction:column;width:calc(100% - 8%);margin-top:12px;padding:16px;border-radius:4px;border:1px dashed var(--light-blue);justify-content:center}.track-file-uploader:hover{cursor:pointer}.uploader-icon{display:flex;justify-content:center}.clickable-label,.file-name{color:var(--light-blue);font-size:var(--text-sm)}.clickable-label:hover,.file-name:hover{cursor:pointer}.file-name,.subtext{color:var(--text-grey)}.subtext{font-size:var(--text-sm)}.selected-artists-list{display:flex;padding:0;flex-wrap:wrap}.selected-tags{background-color:var(--light-blue);padding:4px 10px;margin:5px 5px 0;border-radius:3px;display:flex;gap:8px}.artist-tag,.selected-tags{width:-moz-fit-content;width:fit-content}.artist-tag{font-size:var(--text-sm);color:#fff;align-items:center}.artist-options{position:relative}.artist-dropdown{list-style:none;margin:8px 0;padding:4px;background-color:var(--dark-blue);border-radius:4px;box-shadow:0 0 22px -8px rgba(0,0,0,.5);position:float;right:0;left:0;max-height:150px;overflow-y:auto;z-index:1}.dropdown-item{cursor:pointer;padding:8px}.dropdown-item:hover{background-color:var(--light-blue)}.dropdown-genre{width:100%;padding:12px 16px;font-size:var(--text-base);border-radius:0;border:0;border-bottom:1px solid var(--light-blue);background-color:transparent;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;position:relative;transition:all .3s ease}.dropdown-genre:focus{outline:transparent;border:transparent;box-shadow:transparent}.form-buttons{display:flex;justify-content:flex-end;gap:16px}.form-buttons .button{width:50%}.user-card{width:75px;background-color:var(--black-20);border-radius:8px;text-align:center;justify-content:center;padding:12px;justify-content:space-between}@media (min-width:1024px){.user-card{height:-moz-fit-content;height:fit-content;padding:4px 12px;margin:0 0 4px;width:100%;display:flex;flex-direction:row;align-items:center}}& .avatar-name{display:flex;flex-direction:column;align-items:center}@media (min-width:1024px){& .avatar-name{flex-direction:row;gap:8px;text-align:start;align-items:start}}& .avatar-name .user-image-card{margin:auto 0;min-width:32px;width:32px;height:32px;min-height:32px;border-radius:100%;background-color:hsla(0,0%,100%,.2)}& .avatar-name .user-image-card img{width:100%;height:100%;border-radius:100%}.user-handle-name{padding:4px 0;width:100%;display:flex;flex-direction:column;align-items:center}@media (min-width:1024px){.user-handle-name{align-items:start}}.user-name-card{font-size:var(--text-sm);font-weight:700;text-align:center;max-width:10ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}@media (min-width:1120px){.user-name-card{text-align:left;max-width:15ch;font-size:var(--text-md)}}@media (min-width:1440px){.user-name-card{max-width:30ch}}.user-handle-card{font-size:var(--text-sm);color:var(--text-grey);text-align:left;margin:2px 0}.follow-btn{display:flex;justify-content:center}