@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");*{font-family:Poppins,sans-serif;box-sizing:border-box;margin:0;padding:0}body{--bg:#16161d;--nav-bg:#16161d;--light-bg:#24242a;--button:#638cf6;--item-bg:#a777fa;--purple-btn:#5a79cf;--neutral-btn:#e2e8f0;--green-btn:#34d399;--main-text:#333;--sec-text:#fff;--main-btn:#ea2027;--sec-btn:#e67e22;--alt-btn:#00b38b;--blue-btn:#c9292f;--gray-text:#a9a9a9;--alt-gray-text:#b4aaaa;--spotify-btn:#1db954;--third-text:#000;--player__bar:#34343b;background-color:var(--bg);--main-font:#d00000;--poppins:font-family:Poppins,sans-serif}input{width:35vw;background-color:#fff;border-radius:5px;border:none;padding:16px 12px;font-family:var(--poppins);font-weight:lighter;font-size:18px}.date-filter{width:-moz-fit-content;width:fit-content;color:#000}.date-div{width:100%;display:flex;justify-content:center}input::-webkit-date-and-time-value{width:fit-content}input:focus{outline:2px solid var(--main-btn);font-weight:700}input::placeholder{font-size:20px;vertical-align:middle;color:#000}input[type=date]::placeholder,input[type=time]::placeholder{color:#000}#app{background-color:var(--bg)}.party-columns .search-div{margin:0 10px 10px;border-top-left-radius:0}.search-div input{width:96%;margin:10px}.search-div input::placeholder{font-weight:lighter}.search__div__select{padding:12px 6px;display:flex;justify-content:center;align-items:center;flex-direction:column}.search__div__select select{font-size:18px;padding:6px 8px;border-radius:4px}.main{width:100%;height:75vh;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row}.main *{color:#000}.img-bg{width:100%;height:60vh;background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/dj.a64f83f2.jpg);background-size:contain}.img-bg .desc{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.img-bg .desc h1{color:#fff;font-family:var(--poppins);font-size:40px}input[type=date]:not(.has-value):before{content:none}@media (max-width:500px){input[type=date]:not(.has-value):before{color:#000;content:attr(placeholder)!important}}.img-bg .desc h2{color:#fff;font-family:var(--poppins);font-size:36px}input[type=date],input[type=time]{border:none;display:flex;justify-content:center;width:100%;color:#000}input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{width:100%}@media (max-width:950px){.main{flex-wrap:wrap}}.left-content{width:100%;padding:10px;margin:10px}.content{display:flex;justify-content:center;align-items:center;flex-direction:column}.content h1{font-size:70px}.content h1,.content h3{font-family:var(--poppins);margin:10px;text-align:center}.content h3{font-size:40px;font-weight:lighter}.content button{width:12rem;background-color:var(--main-btn);color:#fff;border:none;font-family:var(--poppins);font-size:28px;padding:14px 16px;margin:10px}.content button:hover{transition:.8s;filter:brightness(1.2);border-radius:6px}.right-content{width:100%;padding:10px;margin:10px}.text-content{width:100%;background-color:#fe0000}.desc{display:flex;justify-content:center;align-items:center;flex-direction:column}.desc,.desc *{padding:10px;margin:10px}.desc h1{font-size:34px}.desc h1,.desc h2{font-family:var(--poppins)}.desc h2{font-size:26px}.desc h3{font-size:20px;font-family:var(--poppins);font-weight:lighter}.features .desc h1,.features .desc h2{color:#000;line-height:34px}.features .desc h3{width:30vw;line-height:34px}.features .desc h2{font-family:var(--poppins);font-weight:lighter;color:#342f2f}.features .desc{width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row}.alert-div,.feature div{display:flex;justify-content:center;align-items:center}.alert-div{width:29vw;min-width:250px;height:300px;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);padding:10px;margin:15px;flex-direction:column}.edit__profile{background-color:var(--light-bg);border:1px solid var(--main-text);border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:860px;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.edit__profile__desc,.profile__form{display:flex;justify-content:center;align-items:center}.profile__form{width:100%;flex-direction:column;padding:10px}.profile__settings{width:400px}.profile__links label,.profile__settings label{padding:0 10px}.profile__links input,.profile__settings input{width:200px;height:30px;padding:2px 7px;margin:10px}.profile__settings input{width:100%}.profile__links,.profile__settings{display:flex;justify-content:center;flex-direction:column}.profile__settings input::placeholder{font-size:16px;color:#1a1a1a}.link button{height:100%;border:none;border-radius:4px}.link button,.profile__links{display:flex;align-items:center}.profile__links{width:100%;justify-content:center;padding:12px;margin:10px}.profile__links button{border:none;border-radius:2px;padding:2px 8px;margin:10px;align-self:center;width:-moz-fit-content;width:fit-content}.link img{filter:invert(100%)}.link{width:100%;height:30px;display:flex;justify-content:center;align-items:center;margin:8px}.link input{border-radius:4px;margin:2px 7px}.share-link{width:100%;max-width:650px;justify-content:space-between;cursor:pointer;color:#fff;margin-top:16px;margin-bottom:16px;margin-left:5px}.share-link,.share-link .dialog-btn{display:flex;align-items:center}.share-link button{width:-moz-fit-content;width:fit-content;height:40px;background-color:var(--main-btn);color:#fff;font-size:16px;border:none;border-radius:4px}.share-link:hover{color:var(--main-btn)}.share-link input{width:100%;height:40px}.feature-card{height:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.feature-card h1{font-size:26px;font-family:var(--poppins);margin:10px;padding:10px;cursor:pointer}.feature-card button{width:-moz-fit-content;width:fit-content;border-radius:50%;background-color:var(--main-btn);border:none;padding:5px;margin:10px;cursor:pointer}.feature-card-partner{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.feature-card-partner h1{font-size:26px;font-family:var(--poppins);margin:10px;padding:10px;cursor:pointer}.feature-card-partner button{width:-moz-fit-content;width:fit-content;border-radius:50%;background-color:var(--main-btn);border:none;padding:5px;margin:10px;cursor:pointer}.feature-img-div{width:250px;height:133px;display:flex;justify-content:center;align-items:center}.align-right{width:500px}.desc-alt{width:30vw;justify-content:center;flex-direction:column}.desc-alt,.features-alt{display:flex;align-items:center}.features-alt{width:100%;height:56vh;background-color:#fff;justify-content:space-around}.desc-alt *{color:#000}.desc-alt h3{font-weight:lighter;line-height:32px}.desc-alt h1,.desc-alt h3{font-family:var(--poppins);margin:10px}.desc-alt h1{line-height:38px}.partners{height:40vh;background-color:var(--main-btn);flex-direction:column}.partner-imgs,.partners{width:100%;display:flex;justify-content:center;align-items:center}.partner-imgs{padding:10px;margin:10px}.pop-content{width:200px;background-color:#fff}#app{display:flex;justify-content:center;align-items:center;flex-direction:column}.error{color:var(--main-btn);margin:10px}label{color:#fff}.blue-button{background-color:var(--blue-btn)}.blue-button,.signout-button{width:-moz-fit-content;width:fit-content;color:#fff;font-size:16px;padding:12px;margin:10px;border:none;border-radius:4px}.signout-button{background-color:var(--main-btn)}.black-button{width:-moz-fit-content;width:fit-content;background-color:var(--bg);color:#000;font-size:16px;padding:12px;margin:10px;border:none;border-radius:4px}.cancel-cross{position:absolute;top:-7px;left:-7px;margin:0!important}.cancel-cross button{width:20px;height:20px;display:flex;justify-content:center;align-items:center;color:var(--sec-text);background-color:var(--main-btn);border:none;border-radius:20px;margin:0!important}.green-button{background-color:var(--green-btn);color:#000;padding:12px}.green-button,.party-data .load-button{width:-moz-fit-content;width:fit-content;font-size:16px;margin:10px;border:none;border-radius:4px}.party-data .load-button{background-color:var(--main-btn);color:#fff;font-family:var(--poppins);padding:10px}.party-data__dashboard button{background-color:var(--main-btn);color:#fff;border:none;border-radius:4px}.party-data__dashboard .dialog-btn{font-size:16px;height:48px;padding:12px;margin:10px 12px}.party-data__dashboard .share-link{display:flex;width:-moz-fit-content;width:fit-content;justify-content:center}.leave-party-div{display:flex;align-items:center}.party-form .load-button{width:-moz-fit-content;width:fit-content;background-color:var(--main-btn);font-size:18px;font-family:var(--poppins);padding:12px;margin:10px;border:none;border-radius:4px}.party-form input{padding:10px}.party-form input::placeholder{color:var(--main-text);margin:8px}.party-form input{font-size:16px}.party-feed .load-button{width:-moz-fit-content;width:fit-content;background-color:var(--neutral-btn);color:#000;font-size:18px;font-family:var(--poppins);padding:13px;margin:10px;border:none;border-radius:4px}.party-feed .load-button:hover{filter:brightness(.9);transition:.6s}.red-button{background-color:var(--main-btn);color:#fff;font-size:16px;padding:12px;margin:10px;border:none;border-radius:4px}.icon-btn{background-color:transparent;padding:10px;margin:10px;border:none;transition:.6s;border-radius:50%}.icon-btn:hover{background-color:var(--light-bg)}.pencil-icon{color:#fff;width:30px;height:30px}.err-div{width:30vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.err-div h1{color:#fff}.err-div input{margin:15px}.err-div .load-button{width:-moz-fit-content;width:fit-content;background-color:var(--main-btn);color:#000;font-size:18px;font-family:var(--poppins);padding:13px;margin:10px;border:none;border-radius:4px}.err-div form{display:flex;justify-content:center;align-items:center;flex-direction:column}.purple-button{width:-moz-fit-content;width:fit-content;background-color:var(--purple-btn);color:#000;font-size:16px;padding:12px;margin:10px;border:none;border-radius:4px}.brand{align-items:center}.drop-down{width:100%;color:#fff;background-color:var(--nav-bg);position:-webkit-sticky;position:sticky;top:10vh;z-index:1}.drop-down ul{display:flex;justify-content:center;align-items:center;flex-direction:column}.drop-down li{margin:10px;list-style:none}.navbar{background-color:var(--nav-bg);width:100%;height:10vh;box-shadow:0 1px 9px 5px rgba(0,0,0,.16);display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1}.brand{display:flex;flex-grow:1}.navbar ul{width:100%;display:flex;justify-content:center;align-items:center}.navbar li{list-style-type:none;margin:10px}.nav-item{width:-moz-fit-content;width:fit-content;background-color:inherit;color:#9ca3af;font-size:16px;font-family:var(--poppins);font-weight:700;margin:10px;border:none;border-radius:4px}.nav-links{display:flex}.nav-item:hover{color:var(--main-btn)}.navbar img{padding:2px;margin:10px}.navbar h1{color:#fff;font-size:20px;padding:10px;position:absolute;left:85px}.active button,.navbar h1{margin:10px;font-family:var(--poppins)}.active button{color:var(--main-btn);font-size:16px;font-weight:700;border:none;border-radius:4px}.active button:hover{filter:brightness(.9);color:var(--main-btn)}.features{width:100%;background-color:#fff;padding:15px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row}.toggle-button{display:none}@media(max-width:800px){.toggle-button{display:flex}.nav-items{display:none}.sign-in{display:flex;justify-content:center;align-items:center;flex-direction:column}.unshown{display:none}}.alert-overlay{background-color:#000;position:fixed;inset-block-start:0}.alert-title h2{font-size:22px}.alert-description{margin-bottom:20px;font-size:16px;line-height:1.5}.alert-description li{list-style:decimal}.share-popover{background-color:var(--nav-bg);border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.share-popover h2{display:flex;justify-content:center}.share-popover *{color:#fff;margin:10px}.share-cancel,.share-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.feature{background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.feature *{margin:10px}.party-section{width:100%;height:90vh;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:10px;width:70%}.party-section .stats-header{width:600px;background-color:var(--main-font);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;margin:0}.party-section .stats-header h1{width:100%;text-align:center;margin:10px}.party-section .stats-header img{margin:10px}.party-section .party-form{width:600px;background-color:var(--light-bg);border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:20px}.party-section .party-form .form-cat{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:4px 10px}.party-form-label{width:26%;white-space:nowrap;padding:10px;margin:10px;font-size:18px}.party-section h1{color:#fff;margin:10px}.party-section .party-form input{width:74%;padding:8px;margin:10px}.party-section .party-form input::placeholder{font-size:16px}.party-section .party-form .share-link{padding:4px 14px}.party-section .party-form .red-button{padding:8px;margin:8px}.party-form .date-filter{width:100%}.party-form .date-filter,.party-form select{font-size:16px;border-radius:4px;padding:6px 8px;margin:10px}.party-form select{color:#000}.party-form select-selected{background-color:var(--main-btn)}.RadioGroupRoot{width:100%;flex-wrap:wrap;margin:10px;gap:10px}.RadioGroupRoot,.radio-item{display:flex;align-items:center}.radio-item{font-size:16px}.RadioGroupItem{background-color:#fff;width:25px;height:25px;border-radius:100%}.RadioGroupItem:focus{box-shadow:0 0 0 2px #000}.RadioGroupIndicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.RadioGroupIndicator:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:var(--main-btn)}.party-form{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.search-section .party-form{margin:10px 0 0}.party-form .search-section{width:100%;background-color:var(--nav-bg)}.search-form{margin-bottom:10px}.party-form button{margin:10px}.party-form h1{color:#fff}.party-form h2{color:#fff;margin:10px}.party-form button{width:-moz-fit-content;width:fit-content;color:#fff;font-size:20px;padding:12px;margin:12px;border:none;border-radius:4px}.party-feed{width:88%;height:61vh;justify-content:flex-start;flex-direction:column;overflow-x:hidden;overflow-y:scroll}.party-feed,.party-item{display:flex;align-items:center;padding:10px;margin:10px}.party-item{width:100%;height:150px;border-radius:6px;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2);justify-content:space-between;flex-direction:row}.party-card{width:100%;display:flex;height:100%}.party-infos{width:18vw;height:100%;margin-right:60px}.party-additional{height:100%;display:flex;flex-direction:column;margin:0;padding:0}.party-item a{color:#000;text-decoration:none;display:flex;justify-content:center;align-items:center}.party-item .date{color:red;font-size:14px}.party-item *{font-family:var(--poppins)}.parties .party-item h2{font-family:var(--poppins);font-size:16px;margin:10px}.party-item h3{font-weight:lighter}.party-item button,.party-item h3,.party-item p{font-size:16px;margin:10px}.party-item button{height:auto;background-color:var(--main-btn);color:#fff;padding:13px;border:none;border-radius:4px}.row{margin:10px 10px 10px 0;display:flex;align-items:center}button:hover{filter:brightness(1.2)}.parties-feed h2{text-align:center;margin:10px}.parties{width:100%;background-color:#fff}.parties h2{color:#000;font-family:var(--poppins)}.parties .purple-button{color:#000}.search-section{width:100%}.search-form input{margin:10px}.radio-filters{width:100%;display:flex;justify-content:center}@media (min-width:950px){.radio-filters{width:-moz-fit-content;width:fit-content}}.select-filters{display:flex}.dark{width:100%;background-color:var(--nav-bg)}.dark h2{color:#fff;margin:10px}.party-data__header{width:100%;padding:0 0 10px;flex-direction:column}.header__members,.party-data__content,.party-data__header{display:flex;justify-content:center;align-items:center}.party-data__content{width:100%;padding:10px;flex-direction:column}.party-data__categories{width:100%;display:flex;justify-content:center}.party-data__category{width:-moz-fit-content;width:fit-content}.party-data,.party-data__category{display:flex;flex-direction:column}.party-data{width:100%;background-color:var(--light-bg);border-bottom:2px solid var(--main-text);border-radius:6px 6px 0 0;justify-content:center;align-items:center}.party-data input{width:300px;padding:10px}.party-data h1,.party-data h3,.party-data p{font-family:var(--poppins);color:#fff}.party-data h1{font-size:18px;margin:10px}.party-data__header h1{font-size:26px}.party-data__header .chat-title{width:100%;display:flex;justify-content:space-between;border-top-right-radius:6px}.party-data__header .chat-title h1{margin-left:10px}.party-data__header .chat-title .header__members{margin-right:10px}.party-data__header .chat-title .header__members img{filter:invert(100%)}.party-data h3{font-size:20px;margin:10px}.party-data p{font-size:16px;margin:10px}.header__members p{margin:0}.party-data__category h3,.party-data__category p{margin:6px}.party-data__dashboard{width:100%;padding:16px;display:flex;justify-content:flex-start}.party-data__categories{padding:16px}.party-data__category p{color:var(--alt-gray-text);font-weight:lighter;text-align:left;max-width:200px}.party-component{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.stats-col{margin:0 10px 10px}.center{margin:0}.stats{width:100%;height:100%;background-color:var(--light-bg);border-top-left-radius:6px}.chat-columns .stats,.stats{max-height:80vh;overflow-x:hidden;overflow-y:scroll}.chat-columns .stats{width:40vw;margin:0 10px 10px}.stats h2{color:#fff;font-size:20px;text-align:center;margin:10px}.stats-button{background-color:var(--main-btn);color:#fff;font-size:16px;padding:12px;margin:10px;border:none;border-radius:4px}.chat-section{display:flex;align-items:center;flex-direction:column;background-color:var(--light-bg);margin:10px}.chat-columns{width:100%;height:80vh;display:flex}.chat-room{width:100%;height:65vh;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;padding:0 0 10px 10px;margin-right:10px}.chat-box h2{color:#fff;font-size:20px;font-family:Poppins,sans-serif;text-align:center}.chat-box{width:100%;height:80vh;box-shadow:0 1px 9px 5px rgba(0,0,0,.16)}.chat-room{background-color:var(--nav-bg)}.chat-input{background-color:var(--light-bg);flex-direction:column}.chat-input,.chat-input form{width:100%;display:flex;justify-content:center;align-items:center}.chat-input form input{width:100%;padding:12px;margin:10px}.chat-input form input::placeholder{color:var(--gray-text);margin:10px}.chat-input form{width:98%}.chat-input button{height:100%}.chat-title{background-color:var(--main-font);border-top-left-radius:6px;padding:12px;position:-webkit-sticky;position:sticky;top:0}.chat-item{width:100%;padding:5px;display:flex}.chat-item img{margin:5px 5px 5px 10px;border-radius:50%}.chat-item h2{color:var(--main-btn);border:none}.chat-item h2,.chat-item p{font-size:18px;padding:2px;margin:5px 5px 5px 10px}.chat-item p{color:#fff}.chat-content{display:flex;flex-direction:column}.chat-content p{font-size:16px;line-height:24px}.chat-header{display:flex;align-items:center}.chat-header p{color:var(--gray-text);padding-left:10px;padding-right:10px}.song-item{background-color:var(--light-bg);align-items:center;padding:10px;margin-top:0}.song-item img{align-self:center;margin:10px}.song-item .text-div{display:flex;justify-content:center;flex-direction:column}.song-item{display:flex;justify-content:space-between}.song-item:nth-child(odd){filter:brightness(1.3)}.song-item *{color:#fff}.song-item h2{text-align:left;font-size:16px;margin:5px}.song-item .text-div h1{font-size:20px;margin:5px}.song-item p{font-size:18px}.song-wrapper{display:flex;justify-content:space-between}.song-wrapper .text-div h2{font-weight:lighter}.song-wrapper .text-div p{font-size:16px;font-weight:lighter;margin:5px}.text-div .song-link{color:var(--sec-text);text-decoration:none}.text-div .song-link:hover{text-decoration:underline}.vote-stats{padding:10px;margin:10px}.highest-votes{display:flex;align-items:center;padding:10px}.highest-votes button img{filter:invert(100%)}.votes{width:-moz-fit-content;width:fit-content;background-color:transparent;color:#000;font-size:16px;border:none;border-radius:4px}.highest-votes p{font-size:18px;padding:10px 0 10px 10px}.topUser-item{width:100%;background-color:var(--light-bg);display:flex;justify-content:space-between;align-items:center;padding:10px;margin-top:0}.topUser-item:nth-child(odd){filter:brightness(1.3)}.topUser-item img{border-radius:50%;margin:4px}.topUser-item .text-div{display:flex;justify-content:space-around;align-items:center}.topUser-item h2{text-align:left;font-size:18px;margin:10px}.topUser-item p{color:#fff;font-size:14px;margin:10px}.stats-header{background-color:var(--main-font);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;margin:10px}.stats-header h2{padding:10px;margin:10px}.stats-header img{margin:10px}.song-form{display:flex;justify-content:center;align-items:center;flex-direction:column}.song-form *{margin:10px}.song-form input{padding:5px;border-radius:5px;border:1px solid #000;width:50vw;text-align:center}.party-columns{width:100%;height:80vh;display:grid;grid-template-columns:1fr 700px 1fr}.chat-columns[data-state=inactive],.party-columns[data-state=inactive]{display:none}.left-col{background-color:var(--light-bg);border-radius:4px;margin:0 10px 10px}.ToggleGroupRoot{display:flex;justify-content:center;align-items:center;margin:10px;padding:10px}.ToggleGroupSelected,.ToggleItem{border:none;padding:4px 8px;transition:.6s;color:var(#000)}.ToggleGroupSelected{background-color:var(--main-font);color:var(--sec-text)}.ToggleGroupSpotify{background-color:var(--spotify-btn);color:var(--sec-text);border:none;padding:4px 8px;transition:.6s}.ToggleGroupSelected h2,.ToggleGroupSpotify h2{font-weight:lighter}.spotify__queue{background-color:var(--spotify-btn)}@media (max-width:1150px){.party-columns{flex-direction:column}.chat-columns .stats{width:60vw}}.search-div{background-color:var(--light-bg);margin:10px;border-radius:4px}.user__links{flex-direction:row}.edit__links,.user__links{display:flex;justify-content:space-between;align-items:center}.edit__links{flex-direction:column}.user__links p{font-size:14px}.user__links a:hover{text-decoration:underline}.user__links a{color:var(--sec-text);text-decoration:none;font-weight:lighter;font-size:14px;margin:10px}.user-profile .search-div{width:100%}.user-profile .search-div .results-box{overflow-x:hidden;overflow-y:scroll;height:28vh;scroll-behavior:smooth}.user-profile{width:100%}.profile__song:hover{filter:brightness(1.2)}.profile__song{background-color:var(--light-bg);border-bottom:2px solid var(--main-text);display:flex;align-items:center;padding:10px;text-decoration:none}.profile__img{margin:10px}.profile__song .text-div{color:var(--sec-text)}.profile__song .text-div h1{width:700px;font-weight:lighter;font-size:14px}.profile__song .text-div h3{font-size:16px;font-weight:lighter}.profile__song .text-div h1,h3{max-width:700px}.profile__song .track__metadata{color:var(--sec-text);padding:4px;margin:10px}.profile__song .track__metadata h2{font-size:16px;margin:10px;font-weight:lighter}.profile__song .track__metadata h3{font-size:14px;margin:10px;font-weight:lighter}.profile__song .track__metadata p{width:-moz-fit-content;width:fit-content;background-color:var(--main-font);border-radius:25px;padding:4px;font-size:12px;margin:10px;font-weight:lighter}.party-card{width:-moz-fit-content;width:fit-content;border-right:1px gray}.ytb-search::placeholder{font-size:16px}.search-results{overflow-x:hidden}.party-searchResults,.search-results{display:flex;justify-content:center;align-items:center;flex-direction:column}.party-searchResults{width:100%}.party-searchResults h2{color:#000}.party-searchResults p{color:#fff}.search-section .party-item{min-width:600px;max-width:75%;padding:10px;margin:10px}.search-section .party-item p{color:#000}.results{width:100%;height:-moz-fit-content;height:fit-content;background-color:var(--light-bg);border-bottom:2px solid var(--main-text);padding:10px;display:flex;align-items:center}.results-div{display:flex;justify-content:center;align-items:flex-start;flex-direction:row}.results .results-div *{margin:12px}.results button{background-color:var(--blue-btn)}.results *{color:#fff}.results .text-div{flex:1 1}.members-div{overflow-x:hidden;overflow-y:scroll;background-color:var(--light-bg);justify-content:flex-start;margin-bottom:20px;margin-right:0}.member-item,.members-div{display:flex;align-items:center;flex-direction:column}.member-item{width:100%;border-bottom:1px solid var(--main-text);justify-content:center;padding:10px}.member-content{width:100%;display:grid;grid-template-columns:.5fr 1fr;justify-items:center;align-items:center}.member-content h3{color:#fff;font-size:14px;font-family:var(--poppins);font-weight:lighter;padding:0 10px;margin:10px}.member-content img{border-radius:50%}.members-div a{text-decoration:none}.user-link:hover{background-color:var(--nav-bg)}.empty-queue{width:100%}.empty-queue h1,.empty-queue p{padding:10px;margin:10px}.queue-container{overflow-x:hidden;overflow-y:scroll;margin-bottom:10px;justify-content:flex-start}.queue-container,.queue-item{display:flex;align-items:center;flex-direction:column}.queue-item{width:100%;height:100%;height:-moz-fit-content;height:fit-content;color:#fff;background-color:var(--light-bg);border-bottom:2px solid var(--main-text);padding:5px;justify-content:center;transition:.6s}.queue-item:hover{background-color:var(--nav-bg)}.side__votes{width:10px;padding:10px}.queue__icon{margin:6px}.TabsList{width:100%;display:flex;align-items:center;border-bottom:2px solid var(--main-text);margin-bottom:10px}.TabsTrigger{color:#fff;background-color:transparent;font-size:18px;font-weight:lighter;border:none;border-bottom:4px solid var(--nav-bg);transition:.4s;padding:8px;margin-top:10px;margin-left:10px;margin-right:10px}.TabsTrigger:hover{border-bottom:4px solid var(--main-btn);filter:none}.TabsTrigger[data-state=active]{border-bottom:4px solid var(--main-btn);transition:.6s}.queue-item h1{font-size:18px}.queue-data{align-items:center;flex-direction:row}.queue-data,.queue-div{width:100%;display:flex;justify-content:space-evenly}.queue-div{align-items:flex-start;flex-direction:column}.text-div h1{font-size:16px;margin:10px}.text-div h3{margin:10px;font-size:18px}.queue-div,.text-div{margin:10px}.queue-div h1{font-size:14px;margin:5px}.queue-div h3{font-size:16px;margin:5px}.queue-div p{font-size:14px;margin:5px}.queue-img{display:flex}.queue-buttons{display:flex;align-items:center;flex-direction:row}.queue-buttons__mobile{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse}.queue-content,.queue-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.queue-section{width:100%}.queue-box{height:-moz-fit-content;height:fit-content}.queue-top{color:#fff}.queue-top,.users-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.users-section{width:100%;background-color:#fff;padding:10px}.user-div{width:100%;height:61vh;overflow-x:hidden;overflow-y:scroll;padding:10px;margin:10px}.user-text{justify-content:center}.user-item,.user-text{width:100%;display:flex}.user-item{border-radius:6px;padding:10px;margin:10px 0;box-shadow:0 3px 10px rgba(0,0,0,.2);justify-content:space-between;align-items:center;flex-direction:row}.user-item h2{font-size:18px;font-family:var(--poppins)}.user-item h2,.user-item h3{width:400px;text-align:left}.user-item h3{font-size:16px;font-family:var(--poppins);margin-right:30px}.user-item img{margin:0 10px;border-radius:50%}.results-box{width:100%;overflow-x:hidden;overflow-y:scroll;height:40vh;scroll-behavior:smooth}.spotify__player{width:100%;display:none}.spotify__login{background-color:var(--spotify-btn);border-radius:50px!important}.empty-player-content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px;margin:10px}.empty-player-content h1,.empty-player-content h2{margin:10px}.player-content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px;margin:10px}.ProgressRoot{position:relative;overflow:hidden;background-color:var(--main-btn);border-radius:99999px;width:100%;height:5px;transform:translate(0)}.ProgressIndicator{background-color:#fff;width:100%;height:100%;transition:transform .66s cubic-bezier(.65,0,.35,1)}.upload__page .ProgressIndicator{background-color:var(--main-btn)}.upload__page .ProgressRoot{background-color:var(--sec-text);border-radius:0;margin:10px 0}.player-content .ProgressIndicator{margin:0}.player-row{justify-content:space-between;flex-direction:row;padding:10px;margin:10px}.player-container,.player-row{display:flex;align-items:center}.player-container{width:100%;background-color:var(--light-bg);border-bottom:2px solid var(--main-text);border-top-left-radius:6px;justify-content:center;flex-direction:column}.player-content *{color:#fff;margin:10px}.player-content h3{text-align:center;font-family:Poppins,sans-serif}.player-content h1,.player-content h2,.player-content h3{width:300px;line-height:30px}.player-content h1,.player-content h2{font-family:var(--poppins);line-height:34px}.player-content img{padding:10px;margin:10px}.controls{width:100px;height:100px}.control-btn{border:none;background-color:inherit;margin:10px;padding:10px}.start-party{background-color:var(--main-btn);color:#fff;border:none;border-radius:4px;padding:12px 6px;margin:10px}.control-btn:hover{filter:brightness(.8)}.temp-h1{width:100%;background-color:#fff;text-align:center;font-family:var(--poppins);font-size:40px;padding:17px}.user-link{width:100%;color:inherit;text-decoration:none;color:#000;transition:.7s}.user-item:hover{background-color:var(--main-btn);transition:.8s;filter:brightness(1.1)}.user-info{display:flex;justify-content:center;align-items:center;flex-direction:column}.user-info *{color:#fff;font-family:var(--poppins);padding:10px;margin:10px}.user-info img{padding:10px;border-radius:50%}.user-info h2{text-align:center}.user-header{padding-top:16px;padding-bottom:16px;display:flex;justify-content:center;align-items:center;flex-direction:column}.user-header img{padding:10px;border-radius:50%}.user-header h2{color:var(--sec-text);margin-top:10px;margin-bottom:10px}.user-header h3{color:var(--sec-text);font-size:30px;margin-top:16px;margin-bottom:12px}.edit__profile .alert-title{color:var(--sec-text);font-weight:lighter;padding-bottom:10px;border-bottom:1px solid #333}.user-header p{margin-top:6px;margin-bottom:6px;font-weight:lighter;color:var(--sec-text)}.tabs-container,.user-search-results{width:100%;display:flex}.user-search-results{padding:0;margin:0;justify-content:center;align-items:center;flex-direction:column}.user-search-results,.user-search-results .user-item{background-color:#fff}.user-search-results .user-item:hover{background-color:var(--main-btn)}.user-search-results .user-item *{color:#000}.user-search{width:60%}.user-profile .queue-container{overflow-y:hidden;margin:0}.delete-song{background-color:transparent;border:none;padding:10px}.delete-song:hover{filter:brightness(.6)}.upload__page{width:100%;display:flex;align-items:center;flex-direction:column;padding:12px;margin:16px}.upload__header h1{width:100%;color:var(--neutral-btn);background-color:var(--main-font);text-align:center;border-top-left-radius:6px;border-top-right-radius:6px;padding:6px 10px}.upload__div{display:flex;flex-direction:column;align-items:center;padding:12px 12px 24px}.upload__div h2,.upload__div p{color:var(--sec-text);font-size:18px;padding-bottom:12px}.upload__form{background-color:var(--light-bg);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.upload__page form{display:flex;flex-direction:column}.upload__page form input{font-size:16px;padding:8px}.upload__page form select{font-size:18px;padding:8px;width:-moz-fit-content;width:fit-content}.upload__page form input::placeholder{font-size:18px}.song__data{display:flex;padding:12px}.data__left .data__right{width:50%}.data__left,.data__right{padding:10px;margin:10px;display:flex;flex-direction:column}.data__left input{margin:10px}.upload__desc{width:100%;display:flex}.upload__img{position:relative;top:16px;width:100%;height:100%}.data__left label,.data__right label{margin:4px 10px 0}.data__right input,.data__right select{margin:10px}.upload__btn{padding:10px;display:flex;justify-content:flex-end}.upload__btn .loading{filter:brightness(.7)}.upload__btn .ready{filter:none}.upload__btn button:first-child{color:var(--third-text);background-color:#f0f0f0}.upload__btn button{color:var(--sec-text);background-color:var(--main-btn);border:none;border-radius:4px;font-size:14px;padding:12px;margin:8px}.upload__progress{color:var(--sec-text);font-size:14px;display:flex;justify-content:space-between}.upload__progress p{padding:0 8px;margin:2px 10px}.reactEasyCrop_CropArea,.reactEasyCrop_CropAreaGrid{width:180px!important;height:180px!important;color:var(--light-bg)!important}.track__metadata{flex-grow:1}.login__page{height:90vh}.login__page,.track__layout{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.SliderRoot{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:90%;height:20px;margin:0}.SliderRoot span:last-child{margin:0}.SliderTrack{background-color:var(--sec-text);position:relative;flex-grow:1;border-radius:9999px;height:3px}.SliderRange{position:absolute;background-color:var(--main-btn);border-radius:9999px;height:100%;margin:0;padding:0}.SliderThumb{display:block;width:10px;height:10px;background-color:var(--sec-text);box-shadow:0 2px 5px var(--main-btn);border-radius:10px;margin:0;transition:.4s}.SliderThumb:hover{width:16px;height:16px;filter:brightness(.9)}.SliderThumb:focus{outline:none;box-shadow:0 0 0 2px #000}.player__layout{width:90%;background-color:var(--light-bg);display:flex;justify-content:flex-start;flex-wrap:wrap;margin:12px 12px 0}.player__data{display:flex;padding:12px}.player__metadata{padding:12px}.player__metadata h3{width:-moz-fit-content;width:fit-content;background-color:var(--main-font);border-radius:25px;padding:4px;font-size:12px;margin:6px;font-weight:lighter}.player__bar{width:90%;background-color:var(--player__bar);display:flex;align-items:center;padding:6px 2px}.player__bar .viewcount{padding:0;margin:0}.player__bar .viewcount img{margin:6px}.player__toggle{width:60px;height:60px;margin:20px 12px}.player__toggle button{width:100%;height:100%;border:none;background-color:var(--main-btn);border-radius:100px}.player__toggle button img{vertical-align:middle}.viewcount{display:flex;justify-content:center;align-items:center;padding:8px 12px;color:var(--sec-text);margin-right:12px}.viewcount p{font-size:14px}.viewcount img{margin:10px}.player__metadata .viewcount{padding:0;margin:0}.player__metadata .viewcount img{margin:0}.grow{display:flex;flex-direction:column;flex-grow:1}.player__metadata *{color:var(--sec-text);font-weight:lighter}.layout__left{display:flex;flex-direction:column;flex-grow:1}.layout__right{margin:0;padding:0}.layout__right img{padding:8px;margin:10px}.track__slider{width:100%;height:100%;padding:100px 2px;display:flex;justify-content:center;align-items:center}.track__slider p{color:var(--sec-text);font-size:14px;margin:0 10px}.share__track{background-color:var(--main-btn);color:var(--sec-text);font-weight:lighter;padding:6px 12px;margin:10px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center}.player__bar .viewcount:nth-child(3){display:flex;justify-content:flex-start;flex-grow:1}.player__bar .viewcount:last-child{margin:6px}.footer{width:100%;background-color:var(--bg);color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:16px;margin-top:10px}.footer *{font-family:var(--poppins)}.col a{text-decoration:none;color:#fff}.col a:hover{filter:brightness(.8)}.footer h3{margin:10px;font-weight:lighter}.box{width:100%;display:flex;justify-content:space-around;align-items:flex-start;flex-direction:row}.col{margin:10px;padding:15px}.col h1{margin:15px 10px;padding:10px 0;font-size:18px}.col h3{font-weight:lighter;font-size:14px}.socials{align-items:flex-start;flex-direction:column;padding:10px;margin:10px}.footer-logo,.socials{display:flex;justify-content:center}.footer-logo{width:100%;align-items:center}.footer-logo img{margin:10px}.social-links *{margin:10px;height:auto}.social-links a:hover{filter:brightness(.8);transition:.5s}.policy{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.policy *{color:#fff;font-family:Poppins,sans-serif}.policy .head{margin:10px}.block,.contact-us{width:80%}.block{margin:7px}.block h2{font-size:24px}.block h2,.block p{font-weight:lighter;margin:7px}.block p{font-size:16px;line-height:26px}.contact-us h2,.contact-us p{margin:7px}.contact-us h2{font-size:24px;font-weight:lighter}.subhead{color:var(--main-font)}.contact-us p{font-size:16px}#copyright{padding:10px 0 0;margin:10px}@media(min-width:1600px){.party-section .party-form,.party-section .stats-header{width:700px}.party-section .party-form input{max-width:650px}.party-data__categories{justify-content:flex-start}}@media(max-width:1500px){.party-columns{grid-template-columns:1fr 600px 1fr}.player-content{width:100%}}@media (max-width:1300px){.party-columns{width:70%;height:-moz-fit-content;height:fit-content}.left-col,.party-columns{display:flex;justify-content:center;align-items:center;flex-direction:column}.chat-item,.left-col,.queue-container,.search-div,.stats-col{width:100%}.party-data__dashboard{justify-content:center}}@media (max-width:1200px){.Image{margin:10px}.alert-div{height:auto}.party-form{width:100%}.party-section{height:100%}.party-form input{width:90%}.search-form{width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}.party-item .party-infos p{font-size:14px}.party-card{flex-direction:column}}@media (max-width:950px){.party-filters{display:flex;justify-content:center;align-items:center}.party-feed .party-item{height:-moz-fit-content;height:fit-content}.main{height:100%}.left-content .content{width:100%}.user-item{width:100%;justify-content:flex-start}.user-item h2,.user-item h3{width:-moz-fit-content;width:fit-content;margin:10px}.user-profile .queue-div img{width:100px;height:75px}.party-columns{width:90%;margin:10px}.user-div{width:100%;flex-direction:column}.user-div,.user-link{display:flex;align-items:center}.user-link{justify-content:center}.user-item{display:flex;align-items:center}.user-info{width:100%}.user-item h3{display:none}.chat-columns{display:flex;justify-content:center;align-items:center;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:10px}.chat-columns .stats{width:90%;padding:10px;margin:10px}.chat-columns .chat-box{width:100%;height:100%;padding:10px;margin:10px}.profile__song .text-div h1{width:700px;font-weight:lighter;font-size:14px}.select-filters{display:flex}.profile__song .text-div h1{width:400px}.data__left,.data__right,.song__data,.upload__div{width:100%}.layout__right{flex-direction:column}.layout__right .track__slider{padding:24px 4px}.layout__right img,.player__toggle button,.player__toggle img{width:100%;height:auto}.player__metadata h1{font-size:16px}.player__metadata h2{font-size:14px}.player__metadata h3{font-size:8px;margin:0;text-align:center}.data__left,.data__right{padding:0;margin:0}.layout__right,.song__data,.upload__btn{justify-content:center}.layout__right{width:100%;display:flex;align-items:center}.profile__song .viewcount p{font-size:12px}.profile__song .viewcount{margin:0;padding:0}.profile__song .track__metadata p{font-size:8px}.player__layout .layout__left{width:100%}}@media (max-width:600px){.edit__profile{max-width:-moz-fit-content;max-width:fit-content}.profile__settings{align-items:center}.edit__profile input{width:300px}.link{flex-direction:column;height:-moz-fit-content;height:fit-content}.upload__form{width:90%}.reactEasyCrop_CropArea,.reactEasyCrop_CropAreaGrid{width:150px!important;height:150px!important}.party-section .party-form,.party-section .stats-header{width:450px}.party-form-label{white-space:break-spaces}.RadioGroupRoot{gap:0}.party-data__dashboard{justify-content:flex-start}.highest-votes p{font-size:18px}.stats{margin-top:10px}.chat-title{border-top-left-radius:6px;border-top-right-radius:6px}.player-row .text-div *,.user-item h2,.user-item h3{width:-moz-fit-content;width:fit-content}.user-item h2,.user-item h3{margin:10px}.results img{width:100px;height:75px}.results .results__img{width:75px;height:75px}.results .text-div h1{font-size:14px}.party-data p{text-align:center;line-height:24px}.chat-section,.results-box{width:100%}.player-row{flex-direction:column;align-items:center}.player-row .text-div{width:100%}.player-row .text-div h1{font-size:16px}.player-row .text-div h2{font-size:18px}.profile__song .text-div h1{width:250px}.share-link input{padding:10px}.party-additional{justify-content:center}.party-infos{margin-right:20px}.party-item .party-infos p{font-size:14px}.join__party{display:flex;flex-direction:column}.party-additional,.party-infos{width:100%}.party-section .party-form .RadioGroupRoot{justify-content:flex-start}.RadioGroupRoot{justify-content:center;align-items:center}.select-filters{width:100%;justify-content:center;flex-direction:column}}@media (max-width:500px){.upload__div input{width:100%}.upload__page{height:100%}.upload__form{width:100%;margin:10px}.upload__page .data__right input,.upload__page form select{width:80%}.upload__progress p{width:100%;font-size:8px}.reactEasyCrop_CropArea,.reactEasyCrop_CropAreaGrid{width:90px!important;height:90px!important}.reactEasyCrop_Contain,.reactEasyCrop_Imafe{background-color:blue!important}.party-section .party-form,.party-section .stats-header{width:400px}.party-section{height:100%}.user-profile .queue-data .queue-div img{align-items:center;width:100%;height:100%}.queue-div{width:150px}.queue-div h3{width:150px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.results .text-div h3{width:150px;font-size:16px}.results .text-div{width:150px}.user-info h2{width:-moz-fit-content;width:fit-content}.box{flex-wrap:wrap}.section-features{padding:0}.partner-imgs{flex-wrap:wrap}.alert-div{width:100%}.temp-h1 h1{font-size:32px;padding:10px}.Image img{width:300px;height:300px}.col{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-div{min-width:none;margin:10px;padding:0}.content h1{font-size:60px;margin:10px}.content h3{margin:10px}.content h3,.temp-h1{font-size:36px}.RadioGroupRoot{align-items:flex-start;flex-wrap:wrap}}@media(max-width:420px){.edit__profile input{width:250px}.party-section .party-form,.party-section .stats-header{width:320px}.party-form-label{font-size:14px}.party-section .party-form .share-link input{display:none}#copyright{text-align:center}.user-search{width:100%;padding:6px}.user-search .search-div{margin:0}.profile__song .text-div h1{width:-moz-fit-content;width:fit-content;font-size:12px}.profile__song .text-div h3{width:-moz-fit-content;width:fit-content;font-size:14px;max-width:-moz-fit-content;max-width:fit-content}}@media(max-width:300px){.Image img{width:200px;height:200px}.party-section .party-form,.party-section .stats-header{width:300px}}