.Topbar{display:flex;position:fixed;bottom:0;width:100%;justify-content:space-between;background-color:#fff;padding:1rem 2rem;z-index:10000;-webkit-box-shadow:0px -6px 24px -5px rgba(0,0,0,.12);box-shadow:0 -6px 24px -5px #0000001f}.Topbar>button{background-color:transparent;border:none}.active>svg path{fill:#000!important}.active>svg rect{fill:#000!important}.not-active>svg path{fill:gray!important}.active img{border:2px solid black}.Topbar>button :hover{background:red}.Topbar button :active{background:red}.menu-profile-pic{width:3rem;overflow:hidden;display:flex;align-items:center}.menu-profile-pic>img{height:2.25rem;width:2.25rem;border-radius:3rem;margin-bottom:.25rem}.menu-profile-pic>svg{height:2.25rem;width:2.25rem;border-radius:3rem;margin-bottom:.25rem}.menu-profile-pic>svg{border-radius:0}.menu-nav{display:flex;flex-direction:column;font-size:.8rem}.user-wrapper{height:100svh;width:100vw;overflow-x:hidden}.user-wrapper .Topbar{position:absolute;bottom:0!important}.user-button-wrapper{display:flex;width:100%;justify-content:space-between;position:fixed;top:0;box-sizing:border-box;padding:1rem}.user-button-wrapper button{background-color:#000;color:#fff;border-radius:2rem;padding:.25rem .5rem;border:none}.info-wrapper{padding:1rem;font-size:2rem}.main-image{height:40vh;display:flex;align-items:flex-start;justify-content:center;padding-top:2rem}.main-image img{height:100%;width:100%;max-width:512px;max-height:512px;object-fit:cover}.dl-horizontal{padding:1rem;display:flex;flex-wrap:wrap;width:100vw}.dl-horizontal>*{width:50%}.dl-horizontal a{color:#000;text-decoration:none}.refresh-token{background-color:#000;color:#fff;border:0;padding:.5rem;border-radius:3rem;margin-left:1rem;width:calc(100% - 2rem);text-decoration:none}#delete-btn{background-color:#fff;color:red;border:1px red solid;mix-blend-mode:difference;opacity:.5}@media (min-width: 800px){.user-content-wrapper{width:100vw;height:100svh;display:flex}.main-image{height:100svh;width:50vw}.user-button-wrapper>div{width:50vw}.main-image img{width:50vw;height:100svh;max-width:512px;max-height:512px;object-fit:cover}.dl-horizontal{width:100%}}body{min-height:100svh;width:100%}#root{width:100%;position:relative;display:block}.login-container{background-color:#fff;border-top-left-radius:1rem;border-top-right-radius:1rem;position:fixed;bottom:0;left:0;min-height:30vh;padding:1rem;box-shadow:0 -1px 15px #000;width:100%;box-sizing:border-box;display:flex;flex-direction:column;left:0px}.subscribe-wrapper{font-size:1.5rem;padding:1rem;text-align:center}.login-container h1{font-family:Continental-Black;font-size:13.5vw;color:#000;text-align:center}h2{color:#2d2d2d;font-size:4.5vw!important;text-align:center;font-weight:400!important}.btn-primary{background-color:#000}#login{display:flex;flex-direction:column;flex:1}.login-btn-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1}.login-btn-wrapper a:last-child{color:#000}a.btn-primary{color:#fff;text-decoration:none;font-size:4.5vw;padding:3vw 5vw;display:flex;width:max-content;align-items:center;justify-content:center;gap:3vw;border-radius:10vw}@media (min-width: 800px){.login-container h1{font-size:3rem}.login-container h2{font-size:1.5rem!important}.login-btn-wrapper a.btn-primary{font-size:1rem!important;padding:.5rem 1rem}}#betaSubMain{max-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:auto;align-self:center;padding-top:5vh}form{padding-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome{font-size:clamp(2rem,10vw,10rem);background:-webkit-linear-gradient(#8c1111,#030303);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;padding-bottom:2vw}.p-beta{font-size:clamp(1rem,3vw,4rem);color:#000;font-weight:500}.p-beta>span{background:-webkit-linear-gradient(#030303,#8c1111);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.p-beta.sub{font-size:clamp(.7rem,1.5vw,1.5rem);width:100%;text-align:left}#spotify-redirect{font-size:clamp(.7rem,1.5vw,1.5rem);background:-webkit-linear-gradient(#030303,#8c1111);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.email-input{border:2px solid black;border-radius:5px;box-shadow:-3px -3px 2px #000}.email-input::placeholder{font-size:1.1rem;opacity:.7;font-style:italic;padding-left:.5ch}*{box-sizing:border-box}.loader-wrapper{margin:10vh 10px;padding:10px;display:grid;place-items:center;min-height:100svh}.loader{color:#000;width:3px;aspect-ratio:1;border-radius:50%;box-shadow:19px 0 0 7px,38px 0 0 3px,57px 0;transform:translate(-38px);animation:loader .5s infinite alternate linear;-webkit-box-shadow:19px 0 0 7px,38px 0 0 3px,57px 0 0 0;-webkit-transform:translateX(-38px);-webkit-animation:loader .5s infinite alternate linear}@keyframes loader{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}to{box-shadow:19px 0,38px 0 0 3px,57px 0 0 7px}}@-webkit-keyframes loader{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}to{box-shadow:19px 0,38px 0 0 3px,57px 0 0 7px}}.DetailedRoom{position:relative}.DetailedRoom h1{text-align:left;font-size:2.5rem;font-family:Continental-Black;color:#fff}.DetailedRoom h1 sup{font-size:1rem;margin-left:.5rem}.DetailedRoom button{color:#000;border:none;padding:.25rem;border-radius:2rem}.settings-wrapper{position:absolute;right:5rem;bottom:3rem;z-index:100;font-size:.8rem}.DetailedRoom .settings{background-color:#fff;color:#000;padding-left:.25rem;width:1.5rem;height:1.5rem;border-radius:2rem;font-size:1rem;margin-left:.5rem;position:absolute;margin-top:.6rem;align-items:center;justify-content:center;cursor:pointer}.DetailedRoom .settings:last-child{margin-left:2.5rem}.DetailedRoom .settings:last-child img{height:1rem;margin-top:.25rem}.DetailedRoom .web-playback-wrapper{position:fixed;bottom:0;width:100%;background-color:whiblate;border-top:1px solid black;z-index:1000}.DetailedRoom .PlayerRSWP{background-color:#fff}.DetailedRoom .buttons-wrapper{display:flex;justify-content:space-between;padding:.5rem;background-color:#e6e6e6;border-top-right-radius:1.5rem;border-top-left-radius:1.5rem}.DetailedRoom>*{z-index:2}.DetailedRoom .infos-wrapper{position:relative;color:#fff}.DetailedRoom .infos-wrapper .background-gradient{z-index:-1!important;height:100%!important}.DetailedRoom .infos-wrapper{padding:1rem;aspect-ratio:1/1}.close-button{position:fixed;right:1.5rem;top:1.5rem;z-index:100;font-size:.8rem}.close-button a{color:#000}.darker{color:#000!important}.infos-details h2{font-size:1rem!important;text-align:left;color:#fff}.DetailedRoom .next-track{width:100%;background-color:#000;color:#fff;height:max-content;text-align:center;padding:1rem;box-sizing:border-box;text-transform:uppercase}.DetailedRoom .search-track{padding:1rem;display:flex;gap:1rem;background-color:#fff;border-bottom:1px solid black}.DetailedRoom .track-wrapper{display:flex;padding:1rem;box-sizing:border-box;border-bottom:1px solid black;justify-content:space-between}.DetailedRoom .track-wrapper img{height:4rem;width:4rem;margin-right:1rem}.DetailedRoom .plus-wrapper{background-color:#000;border-radius:3rem;height:2rem;width:2rem;color:#fff;font-family:Continental-Black;font-size:1.3rem;text-align:center}.DetailedRoom .search-track input{flex:1;border:none;border-bottom:1px solid black}.DetailedRoom .search-track-wrapper{display:flex;flex-direction:column;max-height:calc(100svh - 2.8rem);cursor:pointer}.DetailedRoom .search-track-wrapper .track-results{flex:1;overflow:scroll;background-color:#fff}@media (min-width: 800px){.DetailedRoom .infos-wrapper .background-gradient{height:50vh!important}.DetailedRoom .infos-wrapper{height:50vh;width:100vw}}.create-room-wrapper{width:100%;z-index:2000000!important;background-color:#fff;height:calc(100svh - 1.5rem);position:fixed}.createRoom{display:flex;flex-direction:column;width:100%;height:100%;gap:.2em;flex:1}.createRoom .gui-wrapper{display:flex;flex-direction:column;justify-content:space-between;flex:1}.createRoom>*{z-index:2}.createRoom .done-button{background-color:#000;width:100%;color:#fff;border:none;border-radius:2rem;padding:.5rem;margin-top:.8rem}.createRoom .background-gradient{z-index:1;aspect-ratio:1/1!important;height:50vh}.createRoom .name-wrapper{height:calc(50svh - 1.2rem);padding-bottom:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.createRoom .close{position:absolute;right:1.5rem;z-index:10000;background-color:#fff;border:none;padding:.5rem;border-radius:1rem}.createRoom .title{font-size:clamp(1rem,1.5rem,2.5rem);text-overflow:ellipsis;color:#fff!important;background-color:none;background:none;border:none;width:75%;text-align:left;padding:.5ch 0;text-transform:uppercase;color:#fff}.createRoom .description{font-size:1rem;text-overflow:ellipsis;padding:1ch;margin:0;color:#fff!important;background-color:none;background:none;border:none}.createRoom .slider-wrapper>*{display:flex;align-items:center;justify-content:center}.createRoom .slider-wrapper>*>*{display:flex;align-items:center;justify-content:flex-start;flex:1}.createRoom .slider-wrapper>* span{text-transform:capitalize}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.card-room{position:relative;overflow:hidden;background-color:none}.card-room>*{z-index:2}.background-gradient{position:absolute;background-color:#000;height:100%;width:100%;left:0;top:0;z-index:1}.rws-container{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important;overflow:hidden!important}.rws-backdrop{justify-content:center!important}.room-guests{display:flex}.room-guests .media-object{height:2.5rem;width:2.5rem;border-radius:3rem;background-color:#fff;margin-left:-.75rem;justify-content:flex-start}.room-guests .media-object:first-child{margin-left:0}.card-room h1{font-family:Continental-Black}.sharingButton{position:absolute;right:.5rem;top:.5rem;height:2.25rem;width:2.25rem;background-color:transparent;border:none;border-radius:2rem}.infos-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between}.Roomlist{width:100vw!important;display:flex!important}.Roomlist>div{width:100vw!important;min-width:35vh!important;padding-left:4vw;box-sizing:border-box}.Roomlist>.last-card{width:100vw;min-width:100vw!important;display:flex;align-items:center;justify-content:center}.Roomlist>.last-card button{width:40ch;background-color:#000}.floating-create-room{background-color:#000;color:#fff;border:none;position:fixed;bottom:6.5rem;z-index:1000;font-size:1.25rem;padding:.5rem 1rem;border-radius:2rem;left:50%;width:max-content;transform:translate(-50%)}.room-navigation{display:flex;position:sticky;z-index:1000;width:100%;margin:auto;background-color:#9696964d;font-size:1.25rem;backdrop-filter:blur(10px);border-radius:2rem;top:1rem;padding:.25rem .3rem}.room-list-wrapper .keen-slider__slide:first-child>.card-room{margin-top:2rem;color:red!important}.room-navigation nav{font-size:.9rem;padding:.25rem .25rem .5rem;border-radius:2rem;width:max-content;flex:1;text-align:center}.room-navigation nav:hover{background-color:#fff}.room-navigation .active{background-color:#fff}.rooms-wrapper{display:flex;flex-direction:column;gap:1rem;padding-bottom:7rem}@media (min-width: 800px){.rooms-wrapper{flex-direction:row;flex-wrap:wrap}.rooms-wrapper>div{width:49%}}@media (min-width: 1200px){.rooms-wrapper>div{width:32.44%}}.room-list-wrapper{padding:1rem;margin-right:1rem;margin-left:1rem;display:flex;flex-direction:column;gap:1rem}.room-list-wrapper .card-room{height:60vh!important}.Room{max-width:100%}.card-room{height:50vh!important;border-radius:4vw;padding:3vw;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.card-room .infos-wrapper h1{font-size:1.5rem!important;text-align:left;color:#fff}.card-room .infos-wrapper h2{font-size:1rem!important;text-align:left;color:#fff}.room-wrapper{display:flex;flex-direction:column;height:100svh;box-sizing:border-box;height:calc(100svh - 5rem)}.room-wrapper>*:last-child{flex:1}.room-wrapper>div>button{background-color:#000;border:none;font-size:1.5rem!important;color:#fff;border-radius:1rem;flex:1;height:5rem;margin:auto}.room-wrapper .last-card{padding-right:1rem}.room-wrapper .last-card button{border:none;font-size:1.5rem!important;color:#fff;border-radius:1rem;flex:1}button a{color:#fff;text-decoration:none;font-weight:800}.button-wrapper{padding:4vw;box-sizing:border-box;flex:1;width:100%;display:flex}.room-wrapper>h1{font-size:2rem;text-align:left;padding:1rem;box-sizing:border-box;font-family:Continental-Light}.room-wrapper>h1 span{font-family:Continental-Black}@media (min-width: 800px){.Roomlist>div{min-width:40vh!important;padding-left:2rem}.room-wrapper>h1{padding:2rem}.card-room{border-radius:1rem;padding:1rem;height:56vh!important}.button-wrapper{padding:2rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}body{min-height:100svh}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Continental;src:url(/assets/Continental-Book-7f043f61.otf) format("opentype");font-weight:400}@font-face{font-family:Continental-Black;src:url(/assets/Continental-Black-6c34eb33.otf) format("opentype");font-weight:400}@font-face{font-family:Continental-Bold;src:url(/assets/Continental-Bold-b6f841ef.otf) format("opentype");font-weight:400}@font-face{font-family:Continental-Medium;src:url(/assets/Continental-Medium-56d0e086.otf) format("opentype");font-weight:400}@font-face{font-family:Continental-Thin;src:url(/assets/Continental-Thin-d5522e15.otf) format("opentype");font-weight:400}@font-face{font-family:Continental-Light;src:url(/assets/Continental-Light-67e11879.otf) format("opentype");font-weight:400}@font-face{font-family:Continental-Heavy;src:url(/assets/Continental-Heavy-1430e12e.otf) format("opentype");font-weight:400}html,body{height:100svh;width:100vw;font-family:Continental}.loginwrapper{background:linear-gradient(180deg,#ffe600 0%,rgba(255,92,0,.66) 100%);height:100svh}button,nav,.card-room,.menu-nav{cursor:pointer!important}