@import url("https://fonts.googleapis.com/css2?family=Concert+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap");body,html{--custom-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--custom-bg-color:#101010;--custom-panel-color:#222;--custom-box-shadow:0 2px 8px 0 rgba(0,0,0,.8);--custom-color:#fff;--custom-color-brand:#24b47e;--custom-color-brand-secondary:#3a2e69;--custom-color-secondary:#666;--custom-border:1px solid #333;--custom-border-radius:5px;--custom-spacing:5px;padding:0!important;margin:0!important;font-family:var(--custom-font-family)!important;background-color:var(--custom-bg-color)!important}*{color:var(--custom-color);font-family:var(--custom-font-family);box-sizing:border-box}#__next,body,html{width:100%!important;min-width:100%!important;overflow-x:hidden!important}label{margin:5px 0;color:var(--custom-color-secondary);font-size:.8rem;text-transform:uppercase}input{width:100%}.bio,input{border-radius:5px;border:var(--custom-border);padding:8px;font-size:.9rem;background-color:var(--custom-bg-color);color:var(--custom-color)}.bio{width:40vw}textarea{width:100%;border-radius:5px;border:var(--custom-border);padding:8px;font-size:.9rem;background-color:var(--custom-bg-color);color:var(--custom-color)}input[disabled]{color:var(--custom-color-secondary)}.block{display:block;width:100%}.inline-block{display:inline-block;width:100%}.flex{display:flex}.flex.column{flex-direction:column}.flex.row{flex-direction:row}.flex.flex-1{flex:1 1}.flex-end{justify-content:flex-end}.flex-center{justify-content:center}.items-center{align-items:center}.text-sm{font-size:.8rem;font-weight:300}.text-right{text-align:right}.font-light{font-weight:300}.opacity-half{opacity:50%}.button,button{color:var(--custom-color);border:var(--custom-border);background-color:var(--custom-bg-color);display:inline-block;border-radius:var(--custom-border-radius);padding:.5rem 1rem;cursor:pointer;text-align:center;font-size:.9rem;text-transform:uppercase}.button:hover,button:hover{color:var(--custom-color-brand);border:var(--custom-border);background-color:var(--custom-panel-color)}.button.primary,button.primary{background-color:var(--custom-color-brand);border:1px solid var(--custom-color-brand)}.button.primary:hover,button.primary:hover{background-color:var(--custom-panel-color);border:1px solid var(--custom-color-brand)}.card{width:100%;display:block;border:var(--custom-border);padding:var(--custom-spacing)}.avatar,.card{border-radius:var(--custom-border-radius)}.avatar.image{object-fit:cover}.avatar.no-image{background-color:#333;border:1px solid #c8c8c8;border-radius:5px}.footer{position:relative;max-width:100%;max-height:10vh;min-height:10vh;bottom:0;left:0;right:0;flex-flow:row;border-top:var(--custom-border);background-color:var(--custom-bg-color);width:100%;display:flex;justify-content:center;align-items:center;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mainHeader{width:100%;font-size:1.3rem;margin-bottom:20px}.avatarPlaceholder{border:var(--custom-border);border-radius:var(--custom-border-radius);width:35px;height:35px;background-color:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center}.auth-widget{display:flex;flex-direction:column;gap:20px}.auth-widget>.button{display:flex;align-items:center;justify-content:center;border:none;background-color:#444;text-transform:none!important;transition:all .2s ease}.auth-widget .button:hover{background-color:#2a2a2a}.auth-widget .button>.loader{width:17px;animation:spin 1s linear infinite;filter:invert(1)}.account{display:flex;flex-direction:column;gap:20px}.account>*>.avatarField{display:flex;align-items:center;margin-bottom:30px}.account>*>.avatarField>.avatarContainer{margin-right:20px}.profileCard{border-radius:5px;display:flex;border:var(--custom-border);background-color:var(--custom-panel-color);padding:20px;margin-bottom:20px}.profileCard:last-child{margin-bottom:0}.profileCard>.userInfo{margin-left:20px;font-weight:300;display:flex;flex-direction:column;justify-content:center}.profileCard>.userInfo>p{margin:0}.profileCard>.userInfo>.username{font-size:1.3rem;font-weight:500;margin-bottom:5px}.profileCard>.userInfo>.website{font-size:.9rem;color:var(--custom-color-brand);margin-bottom:10px;text-decoration:none}header{margin-bottom:30px}header h1{font-family:Concert One,cursive}header h5{font-family:Rock Salt,cursive}header h5,header h6{letter-spacing:.1px;color:var(--custom-color-brand)}nav{box-sizing:border-box;width:100vw;border-bottom:5px solid var(--custom-color-brand);margin:0 0 2em;padding-left:320px;padding-right:320px;align-items:center;display:flex;position:fixed;top:0}.active,.active:last-child{border-radius:var(--custom-border-radius);color:var(--custom-color-brand)!important;opacity:.5}.description{color:#3a2e69;text-align:center;font-size:1rem;margin-left:1em}.actions{display:flex;flex-direction:row;position:absolute;right:10px;padding-right:320px}.actions h3{margin-right:1em}a{text-decoration:none!important;color:#fff!important}.note{background-color:#f2f0ff;color:var(--custom-color-brand-secondary);max-width:400px;border-radius:5px;padding:1em;margin:2em}.note a,.note a:hover{color:var(--custom-color-brand-secondary)!important}.note a:hover{font-size:18px!important}.container{padding:0 .5rem;flex-direction:column}.container,main{display:flex;align-items:center}main{min-height:70vh;padding-bottom:5vh;flex:1 1;flex-direction:column;justify-content:center}a{color:inherit}.title a,a{text-decoration:none}.title a{color:#0070f3}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}.title{margin:0;line-height:1.15;font-size:4rem}.description,.title{text-align:center}.description{line-height:1.5;font-size:1.5rem}code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.logo{height:1em}.music-post{border:var(--custom-border);color:var(--custom-color-secondary);background-color:var(--custom-panel-color);padding:.75rem}small{font:.7em sans-serif}.brand-text{color:var(--custom-color-brand)!important;padding-right:10px}.socials-container{flex-direction:column;align-content:space-between}.edit-delete-buttons,.socials-container{float:right;text-align:right;display:flex}.collab-button{display:flex;float:right;justify-content:flex-end}.wave-container{height:150px}.wave-song:first-child{position:relative}.modal-content{background-color:var(--custom-panel-color)!important;padding:2vw}a:hover{color:var(--custom-color-brand)!important}.brand-hover:hover{background-color:var(--custom-color-brand-secondary)!important;border-radius:10px;padding:1px;transform:scale(1.3)}.play-button{position:relative!important;margin:36px auto!important;color:#24b47e!important;background-color:none!important;border-radius:10px;padding:0;transform:none!important}.play-button,.play-button:hover{fill:#24b47e!important}.delete-button{border:var(--custom-border)!important}.delete-button:hover{color:var(--custom-color-secondary)!important}svg:hover{color:var(--custom-color-brand)!important}.comment-holder{min-width:77%!important;max-width:77%!important}ul{list-style-type:none}.channel-list li a:before{opacity:.5;list-style-type:none}.channel-list li a:hover{opacity:.9}.messages{overflow:auto;display:flex;flex-direction:column-reverse;padding-left:1vw}.channel-container{border:var(--custom-border);border-radius:var(--custom-border-radius);min-width:50vw;max-width:50vw;max-height:60vh;min-height:60vh;overflow:scroll;z-index:-3}.message-header{background-color:var(--custom-panel-color);padding:none!important;opacity:.6}.message-header h3{padding:1vw!important}.side-bar{min-width:12vw;max-width:80vw;padding-right:2vw}.side-bar-global{width:100%!important}.active-channel{color:var(--custom-color-brand)!important;background-color:var(--custom-panel-color);padding:.3vh;border-radius:5px}#dropdown-button-drop-up{width:30vw!important}.dropdown-item,.dropdown-menu,.dropdown-menu:hover{width:40vw!important;background-color:var(--custom-panel-color)!important}@media (max-width:600px){#one-time-login-btn{position:relative!important;left:10px!important;margin-bottom:50px}.description{display:none}.button,button{font-size:2.5vw!important}.wave-container{padding-left:45px!important;padding-right:none!important}.comment-holder{min-width:60%!important;max-width:60%!important}.dropdown-item,.dropdown-menu,.dropdown-menu:hover{width:70vw!important;background-color:var(--custom-panel-color)!important}.channel-container{border-radius:var(--custom-border-radius);min-width:95vw;max-width:95vw;max-height:50vh;min-height:50vh}.active-channel{padding-right:max-content!important}.bio{width:90vw}}