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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box}p{margin:0}.content{margin:0 auto;max-width:800px}.container{height:calc(100vh - 140px);margin:0 auto;overflow:auto;padding:16px}input{background:#fff}button,input{border:none;box-shadow:none;font-size:14px;line-height:20px;outline:none;padding:8px 12px}button{background:#360202;border-radius:10px;color:#fff;cursor:pointer}button:disabled{background-color:gray;cursor:auto}button.outlined{background-color:#fff;border:1px solid #360202;color:#360202}body{background:url(/static/media/max.c0bc8f9f788f6b8493d9.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;width:100vw}body,input{background-color:#000}input{color:#fff}input::-webkit-input-placeholder{color:#fff;opacity:1}input::placeholder{color:#fff;opacity:1}input:-ms-input-placeholder{color:#fff}input::-ms-input-placeholder{color:#fff}#root{background:rgba(0,0,0,.5)}.header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:0 16px 8px 0;position:relative}.header.center{justify-content:center;padding:8px 0;text-align:center}.header .logo{flex:1 0 50%}.header .logo img{bottom:90.33%;height:99px;left:0;position:relative;right:75%;width:325px}.header .menu-icon{cursor:pointer}.header .header-menu{background:#19183c;height:100%;position:fixed;right:-200px;top:0;transition:right .5s ease-out;width:200px;z-index:3}.header .header-menu.show{right:0}.header .header-menu ul{margin:60px 0 0;padding:0}.header .header-menu ul li{color:#fff;cursor:pointer;list-style:none;padding:10px 16px}.header .header-menu .close-icon{cursor:pointer;position:absolute;right:20px;top:20px}.page-name{color:#fff;display:flex;font-size:26px;justify-content:space-between;line-height:30px;margin-top:10px;text-align:center}.page-name svg{margin:0 16px}.page-name span{flex:0 0 62px}.page-name span.content{flex:initial}.page-name span.content,.snackbar-container{align-items:center;display:flex;justify-content:center}.snackbar-container{bottom:76px;margin:0 auto;position:fixed;width:100%;z-index:10}.snackbar-container .snackbar{align-items:center;border:1px solid hsla(0,0%,100%,.5);border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:12px;font-weight:400;max-width:400px;padding:.8rem 1.2rem;width:90%}.snackbar-container .snackbar.error{background:red;opacity:1}.snackbar-container .snackbar.success{background:green}.snackbar-container .snackbar.info{background-color:gray;color:#a9a9a9}.snackbar-container .snackbar svg{margin-right:1.2rem;vertical-align:middle}.full-screen-loader{font-size:18px;font-weight:700;height:100vh;left:0;position:fixed!important;top:0;width:100vw;z-index:9}.full-screen-loader>div{background:rgba(0,0,0,.5)}.full-screen-loader>div ._loading_overlay_spinner svg circle{stroke:green;stroke-width:7}.popup-container{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2}.popup-container .popup{background-color:#fff;border-radius:10px;max-width:90%;padding:16px;position:relative}.popup-container .popup .close-icon{cursor:pointer;display:flex;position:absolute;right:16px;top:16px}.popup-container .popup-content{margin-top:30px}.club-item{align-items:stretch;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:flex-start;margin-bottom:20px;padding:10px 16px;position:relative}.club-item,.club-item .club-item-overlay{background-color:#fff;border-radius:12px;width:100%}.club-item .club-item-overlay{height:100%;left:0;opacity:.5;position:absolute;top:0;z-index:0}.club-item .club-info{flex-basis:calc(100% - 30px);flex-grow:1;flex-shrink:1;z-index:1}.club-item .club-info .club-info-item{align-items:center;display:flex;justify-content:flex-start;margin-bottom:16px}.club-item .club-info .club-info-item label{font-weight:700;margin-right:8px}.club-item .club-info .club-info-item input{width:100%}.club-item .club-info .club-info-item .club-info-value{font-size:14px;line-height:20px;padding:8px 12px}.club-item .club-info .club-info-item .club-info-value.preview{max-height:40px}.club-item .club-info .club-songs-page{align-items:center;color:red;cursor:pointer;display:flex;justify-content:center}.club-item .club-info .club-info-ctas{align-items:center;display:flex;justify-content:space-between}.club-item .club-info .banner-input{height:1px;margin-bottom:0;padding:0;position:relative;top:-16px;visibility:hidden;z-index:-1}.club-item .club-info .banner-input+span.error{color:red;display:inline-block;font-size:8px;line-height:10px;margin-bottom:16px;position:relative;top:-16px}.club-item .club-info .preview-container{align-items:center;display:flex;flex-flow:row;justify-content:flex-start;margin-bottom:16px;position:relative;width:100%}.club-item .club-info .preview-container label{font-weight:700;margin-right:8px;width:60px}.club-item .club-info .preview-container .close-icon{cursor:pointer;position:absolute;right:0;top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.club-item .club-info .preview-container .preview{margin-left:12px;max-height:40px;text-align:center}.club-item .club-info .banner-area{background-color:#fff;border:1px dashed #000;cursor:pointer;display:block;height:40px;text-align:center}.club-item .club-info .banner-area.has-error{border-color:red;margin-bottom:4px}.club-item .club-info .banner-area span{display:inline-block;margin-top:10px}.club-item .icons{align-items:center;display:flex;flex-flow:column;justify-content:space-between;z-index:1}.deletion-content p{font-size:20px;font-weight:700;line-height:1.5}.deletion-content .ctas{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.deletion-content .ctas button{min-width:70px}.clubs-container .clubs-list{margin-top:20px;max-width:400px;width:100%}.clubs-container .clubs-list .empty-state{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.add-club-form-container{max-width:100%;width:400px}.add-club-form-container .add-club-form input,.add-club-form-container .add-club-form label{display:block;margin-bottom:16px;width:100%}.add-club-form-container .add-club-form label{font-weight:700}.add-club-form-container .add-club-form label.banner-label{text-align:center}.add-club-form-container .add-club-form .banner-input{height:1px;margin-bottom:0;padding:0;position:relative;top:-16px;z-index:-1}.add-club-form-container .add-club-form .preview-container{align-items:center;display:flex;flex-flow:row;justify-content:flex-start;position:relative;width:100%}.add-club-form-container .add-club-form .preview-container label{width:60px}.add-club-form-container .add-club-form .preview-container .close-icon{right:0;top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.add-club-form-container .add-club-form .preview-container .preview{margin-bottom:16px;margin-left:12px;max-height:40px;text-align:center}.add-club-form-container .add-club-form .banner-area{border:1px dashed #000;cursor:pointer;height:40px;margin-bottom:16px;text-align:center}.add-club-form-container .add-club-form .banner-area.has-error{border-color:red;margin-bottom:4px}.add-club-form-container .add-club-form .banner-area span{display:inline-block;margin-top:10px}.add-club-form-container .add-club-form .banner-area+span.error{color:red;display:inline-block;font-size:8px;line-height:10px;margin-bottom:16px}.add-club-form-container .add-club-form .cta-container{align-items:center;display:flex;justify-content:space-between}.add-club-form-container .add-club-form .cta-container button{min-width:80px}.floating-action-button{background:#0770e6;border-radius:10px;bottom:50px;color:#fff;font-size:16px;font-weight:700;line-height:20px;padding:10px 20px;position:fixed}.floating-action-button.round{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;padding:0;width:50px}.floating-action-button.position-left{left:20px}.floating-action-button.position-right{right:20px}.floating-action-button.position-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width:800px){.floating-action-button.position-left{left:calc(50% - 380px)}.floating-action-button.position-right{right:calc(50% - 380px)}}@media screen and (max-height:600px){.floating-action-button{display:none}}.song-item{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px;max-width:100%;padding:8px 12px;width:400px}.song-item img{height:50px;margin-right:10px;width:50px}.song-item p{color:#fff;font-size:14px;font-weight:400;line-height:18px;width:calc(100% - 120px)}.song-item p .title{font-size:16px;font-weight:700;line-height:20px}.song-item p .small-dot{background-color:#fff;border-radius:50%;display:inline-block;height:6px;margin:0 5px;width:6px}.song-item .ctas{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-left:10px;width:50px}.like-component{position:relative}.like-component.liked{color:#fff}.like-component .like-count{font-size:12px;font-weight:700;left:50%;line-height:14px;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.songs-list-container{padding-bottom:250px}.songs-list-container .song-item{margin:0 auto 20px}.songs-list-container .empty-state{color:#fff;font-size:20px;margin-top:40px;text-align:center}.like-component{margin-left:25px}.error h1{color:#fff;font-size:24px;font-weight:700;line-height:36px;text-align:center}.login-container{align-items:center;display:flex;flex-flow:column;justify-content:flex-start;padding-top:20px;z-index:5}.login-container .signin-form{display:flex;flex-flow:column;margin:0 auto;max-width:400px;width:100%;z-index:5}.login-container .signin-form input{margin-bottom:24px;z-index:5}.login-container .signin-form label{color:#fff;font-size:16px;line-height:24px;margin-bottom:12px;text-align:left;z-index:5}.login-container .or{color:#fff;font-size:20px;font-weight:700;margin:24px auto;text-align:center;z-index:5}.login-container .register-line{color:#fff;font-size:20px;margin-top:20px;z-index:5}.login-container .register-line span{color:#07e667;cursor:pointer;font-weight:700;z-index:5}.login-container .login-line{color:#fff;font-size:20px;margin-top:20px}.login-container .login-line span{color:#07e667;cursor:pointer;font-weight:700;z-index:5}.login-container .google-signup-button,.login-container .signin-button{background-color:#3e38e8;font-size:16px;z-index:5}.login-container .google-signup-button{bottom:70px;max-width:400px;opacity:0;position:absolute;width:100%}.login-container .continue-without-button{align-items:center;-webkit-animation:gradient_301 5s ease infinite;animation:gradient_301 5s ease infinite;background-clip:content-box,border-box;background-image:linear-gradient(#212121,#212121),linear-gradient(137.48deg,orange 15%,purple 45%,blue 75%);background-origin:border-box;background-size:300% 300%;border:4px double transparent;border-radius:5rem;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:32px;font-weight:700;height:3rem;height:24rem;justify-content:center;line-height:2;top:22%;width:13rem;width:15rem;z-index:6}.login-container #container-stars,.login-container .continue-without-button{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);overflow:hidden;position:absolute;transition:.5s}.login-container #container-stars{border-radius:5rem;height:100%;width:100%;z-index:-1}.login-container strong{text-shadow:0 0 4px #fff;z-index:2}.login-container #glow{display:flex;position:absolute;width:12rem}.login-container .circle{z-index:-1}.login-container .circle:first-of-type{background:rgba(254,83,186,.636)}.login-container .circle:nth-of-type(2){background:rgba(142,81,234,.704)}.login-container .btn:hover #container-stars{background-color:#212121;z-index:1}.login-container .btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.login-container .btn:active{-webkit-animation:none;animation:none;background-clip:content-box,border-box;background-origin:border-box;border:4px double #fe53bb}.login-container .btn:active .circle{background:#fe53bb}.login-container #stars{background:transparent;height:200rem;position:relative;width:200rem}.login-container #stars:after{-webkit-animation:animStarRotate 80s linear infinite;animation:animStarRotate 80s linear infinite;background-image:radial-gradient(#f0f 1px,transparent 1%);background-size:50px 50px;content:"";height:100%;left:-100rem;position:absolute;top:-10rem;width:100%}.login-container #stars:before{-webkit-animation:animStar 60s linear infinite;animation:animStar 60s linear infinite;background-image:radial-gradient(#f0f 1px,transparent 1%);background-size:50px 50px;content:"";height:500%;left:-50%;opacity:.5;position:absolute;top:0;width:170%}@-webkit-keyframes animStar{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-135rem);transform:translateY(-135rem)}}@keyframes animStar{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-135rem);transform:translateY(-135rem)}}@-webkit-keyframes animStarRotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes animStarRotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes gradient_301{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient_301{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes pulse_3011{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7);-webkit-transform:scale(.75);transform:scale(.75)}70%{box-shadow:0 0 0 10px transparent;-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes pulse_3011{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7);-webkit-transform:scale(.75);transform:scale(.75)}70%{box-shadow:0 0 0 10px transparent;-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.75);transform:scale(.75)}}.input-group{position:relative}.input{background:none;border:1.5px solid #9e9e9e;border-radius:1rem;color:#f5f5f5;font-size:1rem;padding:1rem;transition:border .15s cubic-bezier(.4,0,.2,1);width:100%}.user-label{color:#e8e8e8;left:15px;pointer-events:none;position:absolute;-webkit-transform:translateY(1rem);transform:translateY(1rem);transition:.15s cubic-bezier(.4,0,.2,1)}.input:focus,.input:valid{border:1.5px solid #1a73e8;outline:none}.input:focus~label,.input:valid~label{background-color:#282928;border-radius:.3rem;color:#2196f3;padding:0 .5em;-webkit-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8)}.footer-container{z-index:4}.mod-tile{align-items:center;background:#f5f2ec;border-radius:10px;box-shadow:1px 3px 4px #9d9696;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 16px}.mod-tile .content{flex-basis:calc(100% - 25px);flex-grow:1;flex-shrink:1;font-size:16px;font-weight:700;line-height:24px;text-align:left;word-break:break-word}.mod-tile .content span{margin-left:5px}.mod-tile .delete-icon{cursor:pointer;flex:0 0 20px}.mod-tile.me{border:1px solid red}.add-mod-form-container{max-width:100%;width:400px}.add-mod-form-container .add-club-form input,.add-mod-form-container .add-club-form label{display:block;margin-bottom:16px;width:100%}.add-mod-form-container .add-club-form label{font-weight:700}.add-mod-form-container .add-club-form .cta-container{align-items:center;display:flex;justify-content:space-between}.add-mod-form-container .add-club-form .cta-container button{min-width:80px}.checkbox-label{margin-bottom:24px}.checkbox-label input{margin-bottom:0!important;margin-right:8px}.checkbox-label label{cursor:pointer}.register_main_button{background-color:#3e38e8}.footer-container{bottom:0;display:flex;margin-top:10px;max-width:400px;position:fixed;width:100%}.footer-container .div-1{flex:2 1;margin-top:30px;text-align:right}.footer-container .div-1 .privacy-button{background:transparent;border:none!important;font-size:8px;margin-right:35px}.footer-container .div-2{flex:2 1}.footer-container .div-2 .spotify-img{margin-top:10px;max-width:150px}.footer-container .div-3{flex:2 1;margin-top:40px}.footer-container .div-3 .reserved-label{background:transparent;border:none!important;color:#fff;font-size:8px}.select-search{box-sizing:border-box;font-family:Nunito Sans,sans-serif;position:relative;width:300px}.select-search *,.select-search :after,.select-search :before{box-sizing:inherit}.select-search__value{position:relative;z-index:1}.select-search__value:after{content:"";display:inline-block;height:11px;position:absolute;right:19px;top:calc(50% - 9px);width:11px}.select-search__input{-webkit-appearance:none;background:#fff;border:1px solid transparent;border-radius:3px;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);display:block;font-family:Noto Sans,sans-serif;font-size:14px;height:36px;line-height:36px;outline:none;padding:0 40px 0 16px;text-align:left;text-overflow:ellipsis;width:100%}.select-search__input::-webkit-search-cancel-button,.select-search__input::-webkit-search-decoration,.select-search__input::-webkit-search-results-button,.select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.select-search__input:not([readonly]):focus{cursor:auto}.select-search__select{background:#fff;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15)}.select-search__options{list-style:none}.select-search__row:not(:first-child){border-top:1px solid #eee}.select-search__not-found,.select-search__option{background:#fff;border:none;cursor:pointer;display:block;font-family:Noto Sans,sans-serif;font-size:14px;height:36px;outline:none;padding:0 16px;text-align:left;width:100%}.select-search--multiple .select-search__option{height:48px}.select-search__option.is-selected{background:#2fcc8b;color:#fff}.select-search__option.is-highlighted,.select-search__option:not(.is-selected):hover{background:rgba(47,204,139,.1)}.select-search__option.is-highlighted.is-selected,.select-search__option.is-selected:hover{background:#2eb378;color:#fff}.select-search__option:disabled{cursor:not-allowed}.select-search__group-header{background:#eee;font-size:10px;padding:8px 16px;text-transform:uppercase}.select-search.is-disabled{opacity:.5}.select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0 1 20 17.88 2.51 2.51 0 0 0 2.49 2.26A2.52 2.52 0 0 0 50 22.33a25.14 25.14 0 0 0-50 0 2.52 2.52 0 0 0 2.5 2.81A2.51 2.51 0 0 0 5 22.88 20.14 20.14 0 0 1 25 5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.select-search:not(.is-disabled) .select-search__input{cursor:pointer}.select-search.is-disabled .select-search__input:hover{cursor:not-allowed}.select-search--multiple{border-radius:3px;overflow:hidden}.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{border-bottom:1px solid #000;border-right:1px solid #000;pointer-events:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.select-search--multiple .select-search__input{border-radius:3px 3px 0 0;cursor:auto}.select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.select-search:not(.select-search--multiple) .select-search__input:hover{border-color:#2fcc8b}.select-search:not(.select-search--multiple) .select-search__select{border-radius:3px;left:0;max-height:360px;overflow:auto;position:absolute;right:0;top:44px;z-index:2}.select-search--multiple .select-search__select{border-radius:0 0 3px 3px;border-top:1px solid #eee;max-height:260px;overflow:auto;position:relative}.select-search__not-found{color:#888;height:auto;padding:16px;text-align:center}.clubs-container{align-items:center;display:flex;flex-flow:column;padding-top:30px}.clubs-container .select-search__options{padding-left:0}.clubs-container .select-search__options .select-search__option{color:#2fcc8b}.clubs-container .select-search__options .select-search__option.is-selected{color:#fff}.clubs-container .page-header{color:#fff;font-size:24px;margin-bottom:32px}.clubs-container .select-button{background-color:#3e38e8;font-size:16px;margin-top:30px;max-width:400px;width:100%}.clubs-container .select-search{max-width:100%;width:400px}.clubs-container .select-search input{background-color:#220674;color:#fff}.clubs-container .select-search input::-webkit-input-placeholder{color:#fff;opacity:1}.clubs-container .select-search input::placeholder{color:#fff;opacity:1}.clubs-container .select-search input:-ms-input-placeholder{color:#fff}.clubs-container .select-search input::-ms-input-placeholder{color:#fff}.songs-container{align-items:center;display:flex;flex-flow:column;padding-top:30px}.songs-container .input-container{display:flex;height:36px;justify-content:center;margin-bottom:20px;max-width:100%;width:100%}.songs-container .input-container .icon{align-items:center;background:#a9a9a9;border-radius:0 10px 10px 0;display:flex;height:100%;justify-content:center;width:36px}.songs-container input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-bottom-left-radius:10px;border-bottom-right-radius:1px;border-top-left-radius:10px;border-top-right-radius:1px;color:#fff;max-width:400px;width:100%}.songs-container .no-songs{color:#fff;font-size:20px;font-weight:700;margin-top:20px}.songs-container .song-list{overflow:auto;scrollbar-width:thin}.songs-container .song-list::-webkit-scrollbar{width:0}.songs-container .song-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.songs-container .song-list::-webkit-scrollbar-thumb{background-color:#fff;outline:1px solid #000}.songs-container .song-list:hover::-webkit-scrollbar{width:.1em}
/*# sourceMappingURL=main.79f5ac0d.css.map*/