@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;700;900&display=swap);.auth-container{align-items:center;background:#000;background:linear-gradient(225deg,#404040,#080808);font-family:Poppins,sans-serif;min-height:100svh;min-width:100vw;padding:5ch;row-gap:2ch;text-align:center}.auth-container,.auth-form{color:#fff;display:flex;flex-direction:column}.auth-form{flex:1 1;gap:2ch;justify-content:center}.changeMode{cursor:pointer;text-decoration:underline}.auth-form button{background-color:initial;border:2px solid #fff;border-radius:10px;box-shadow:1px 1px 5px 1px #000;box-shadow:1px 1px 5px 1px #fff;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5ch 1ch}.auth-form button:hover{box-shadow:inset 1px 1px 5px 1px #fff}.auth-form input{border-radius:10px;font-size:1.5rem;padding-block:.5ch;text-align:center}.siteLogo img{max-width:80vw}.selectedPage{padding:0 2ch 2ch 0}.card-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.profile-image-header{height:32px;width:32px}.profile-image-card{height:128px;width:128px}.user-card{align-items:center;display:flex;gap:5ch;justify-content:flex-start;width:50vw}.user-card .username{font-weight:700;text-align:right;width:10ch}.user-card .profilePic img{height:64px;width:64px}.track-search-result{align-items:center;cursor:pointer;display:flex;margin:2ch}.track-info{margin-left:2ch;text-align:left}.text-muted{color:#88888888;font-size:smaller}.track-favourites-false,.track-favourites-true{cursor:pointer;font-size:2rem;padding:1ch}.track-favourites-false:hover,.track-favourites-true{color:gold}.track-favourites-false,.track-favourites-true:hover{color:#88888888}.playlist-results-container{display:flex;gap:1ch;margin:2ch;overflow-x:auto}.spotify-playlist-card{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:1ch;padding:1ch;width:30ch}.spotify-playlist-card p{text-align:center;width:30ch}.spotify-playlist-card img{max-height:19ch;max-width:19ch}.spotify-playlist-card footer,.spotify-playlist-card header{width:inherit}.pc-page-title{margin-top:1rem}.pc-section-title{margin-block:1ch}.pc-detail-text{margin-bottom:2ch;max-width:80vw;text-align:justify;text-align-last:left}.actual-list li,.pc-detail-text{line-height:1.75;padding-left:2ch}.actual-list li{list-style:inside!important;margin:1ch}.gdpr-form .form-group{display:flex;flex-direction:column;margin-bottom:1ch}.gdpr-form label{margin-bottom:1ch;margin-top:2ch}.gdpr-form input[type=email],.gdpr-form input[type=text],.gdpr-form textarea{width:50ch}.gdpr-form input[type=checkbox]{margin-right:2ch}.gdpr-form button[type=submit]{margin-top:2ch;width:50ch}.AudioVisualContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:80vw}.audioControls{display:flex;justify-content:center;width:100%}button{-webkit-appearance:button;appearance:button;background-color:#000;background-image:none;border:1px solid #fff;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:1em;line-height:1.2em;margin:20px 5px 10px 0;overflow:visible;padding:4px 20px;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover{text-decoration:none}.button:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}.button:not([disabled]):active{box-shadow:2px 2px 0 0 #fff,2px 2px 0 1px #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}@media (min-width:768px){.button{padding:12px 50px}}.canvas{height:100px;width:90%}.h3{padding-bottom:2em}.canvasContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:1em;padding-top:1em;text-align:center;width:100%}.audioPlayerHidden{opacity:0}.fileInput{display:inline-block;overflow:hidden;position:relative}.fileInput input[type=file]{cursor:pointer;left:0;opacity:0;position:absolute;top:0}.uploadButton{background-color:#fff;border:3px solid #000;border-radius:5px;color:#000;font-size:11px;font-weight:700;padding:5px 12px}.artist-results-container{display:flex;gap:1ch;margin:2ch;overflow-x:auto}.spotify-artist-card{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:1ch;padding:1ch;width:30ch}.spotify-artist-card p{text-align:center;width:30ch}.spotify-artist-card img{max-height:19ch;max-width:19ch}.spotify-artist-card footer,.spotify-artist-card header{width:inherit}.genre-results-container{display:flex;flex-wrap:wrap;gap:1ch;margin:2ch;overflow-x:auto}.spotify-genre-card{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:1ch;padding:1ch;width:30ch}.spotify-genre-card p{text-align:center;width:30ch}.spotify-genre-card img{max-height:19ch;max-width:19ch}.spotify-genre-card header{width:inherit}.spotify-genre-card footer{overflow:hidden;padding:2ch;width:inherit}header{align-items:center;justify-content:space-between;padding-inline:1rem;text-align:left;width:100vw}.account,.branding,header{display:flex;gap:1ch}.account{align-items:center}.search{width:25vw}.profile-link{cursor:pointer;font-weight:700}.profile-link:hover{text-decoration:underline}.btn-logout{background-color:initial;border:2px solid #fff;border-radius:10px;box-shadow:1px 1px 5px 1px #000;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:1ch}.btn-logout:hover{box-shadow:1px 1px 5px 1px #fff}.btn-logout{font-size:.9rem;margin-block:1ch}.search-bar{align-items:center;display:flex}.search-input{box-shadow:0 2px 4px rgba(0,0,0,.1);flex-grow:1;padding:8px 12px}.search-button,.search-input{border:none;border-radius:20px;font-size:16px}.search-button{background-color:#42f485;color:#000;cursor:pointer;font-weight:700;margin-left:8px;padding:8px 16px}.search-button:hover{background-color:#32e475}.search-button:focus{box-shadow:0 0 0 2px rgba(66,133,244,.5);outline:none}li,ul{list-style:none}.user-profile-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;inset:0;justify-content:center;position:fixed;z-index:-999}.profile-menu-item{cursor:pointer}.profile-menu-item:hover{text-decoration:underline}.profile-menu-item.selected{font-weight:700}.user-profile-container[open]{z-index:999}.user-profile-container[open] .user-profile{background-color:#151515;border:1px solid #f5f5f5;border-radius:10px;color:#f5f5f5;display:flex;line-height:2;margin:auto;min-height:50vh;min-width:50vw}.user-profile .sideMenu{border-right:1px solid #f5f5f5;font-size:.875rem;padding:2ch;width:12.5vw}.user-profile .mainPanel{align-items:flex-start;display:flex;padding:1ch;width:100%}.btn-close{cursor:pointer}.user-profile .pageContents{flex:1 1;padding:1ch}.page-title{margin-bottom:1ch}.user-profile-item{align-items:center;display:flex}.user-profile-label{font-weight:700;margin-right:1rem;text-align:right;width:10ch}.user-profile-value{flex-grow:1;text-align:left}.form-row{align-items:center;display:flex}.form-row label{font-weight:700;margin:1rem;text-align:right;width:16ch}.form-row input[type=password]{padding:.5ch;text-align:left;width:40ch}.form-row button{background-color:initial;border:2px solid #fff;border-radius:10px;box-shadow:1px 1px 5px 1px #000;box-shadow:1px 1px 5px 1px #fff;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5ch 1ch}.form-row button:hover{box-shadow:inset 1px 1px 5px 1px #fff}.form-row .pushRight{margin-left:auto}.category{-webkit-margin-after:2rem;margin-block-end:2rem;text-align:left}.category h3{-webkit-margin-after:1ch;margin-block-end:1ch}ul.category-list{list-style:none}.category-list li{-webkit-margin-after:1ch;cursor:pointer;margin-block-end:1ch}.category-list li:hover{text-decoration:underline}.menu-item{font-size:.9rem;margin-left:2rem}.menu-item.selected{font-weight:700}.page-wrapper{display:flex;flex-direction:column;max-height:100vh;max-width:100vw;min-height:100vh}.header-wrapper{background-color:#000}.main-wrapper{display:flex;flex:1 1;overflow:hidden}.sidebar-wrapper{min-width:250px;padding:2ch;width:250px}.selectedPage,.sidebar-wrapper{background-color:#000;overflow-y:auto}.selectedPage{width:100%}.content-panel-wrapper{background-color:#000;overflow-y:auto}@media screen and (max-width:600px){.header-wrapper{width:50vw}.account{flex-direction:column;gap:0}.account button{font-size:12px}.main-wrapper{width:95vw}.card-container{width:5vw}.content-panel-wrapper{width:30vw}.sidebar-wrapper{background-color:#000;font-size:.7rem;overflow-y:auto;padding:2ch;width:30vw}.footer-wrapper{width:100vw}}@media screen and (max-width:512px){.sidebar-wrapper{overflow-y:auto;width:150px}.search-input{margin:auto}.account{flex-direction:column;gap:0;margin-left:auto}.footer-wrapper{margin:auto;width:100vw}}@media screen and (max-width:466px){.header-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:auto}.branding{left:5%;order:1;position:absolute;top:2%}.search{margin-top:45px;order:3;width:70vw}.account{align-items:baseline;flex-direction:row;justify-content:flex-end;margin-top:10px;order:2;position:absolute;right:5%;top:-2%}.account p{margin-right:4px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.app-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100svh;row-gap:2ch}.block-margin{margin-block:2ch}
/*# sourceMappingURL=main.30ca2681.css.map*/