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;justify-content:center;margin:0;padding:0;width:100vw}html{background-color:#000;width:89vw}::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:600px){html{height:100vh;width:100%}}.App{height:100vh;text-align:center;width:100vw}.App-body{align-items:center;background-color:#0b090a;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;overscroll-behavior-x:none;position:relative}.App::-webkit-scrollbar{display:none}@-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)}}.room-wrapper-main-room{align-items:center;background-color:#161a1d;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:84vh;padding-bottom:50px}.all-messages p{color:#fcfafa;font-family:sans-serif;font-size:17px;font-weight:500;letter-spacing:.03rem}.message-content{word-wrap:break-word;display:flex;flex-direction:column;margin:0;min-width:130px;padding:4px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-timestamp-left{display:none;opacity:0;transition:opacity 3s,-webkit-transform 1s;transition:transform 1s,opacity 3s;transition:transform 1s,opacity 3s,-webkit-transform 1s}.message-timestamp-left>p,.message-timestamp-right>p{color:#fff}.message-timestamp-right{display:none;opacity:0;transition:display 4s,-webkit-transform .5s;transition:transform .5s,display 4s;transition:transform .5s,display 4s,-webkit-transform .5s;z-index:1}.container{flex-direction:column;padding:10px;position:relative;width:100%}.container,.container:hover>.message-timestamp-left{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.container:hover>.message-timestamp-left{align-items:center;-webkit-animation:appearFromRight .4s ease-in-out;animation:appearFromRight .4s ease-in-out;bottom:-20%;color:#fff;font-size:.85em;font-weight:700;justify-content:center;opacity:100%;position:absolute;top:20%;transition:opacity 2s ease;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}@-webkit-keyframes appearFromRight{0%{-webkit-transform:translateX(200%);transform:translateX(200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appearFromRight{0%{-webkit-transform:translateX(200%);transform:translateX(200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes appear{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(-27%);transform:translateX(-27%)}}@keyframes appear{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(-27%);transform:translateX(-27%)}}.container:hover .message-timestamp-right{-webkit-animation:appear .4s ease-in-out;animation:appear .4s ease-in-out;display:flex;font-size:.85em;font-weight:700;left:5%;opacity:100%;position:absolute;top:35%;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.message-blue{-webkit-animation:slideFromTop 1s ease-out 0s 1;animation:slideFromTop 1s ease-out 0s 1;background-color:#147efb;border:1px solid #1d1acb00;border-radius:30px;display:flex;flex-direction:row;font:500 .9em Open Sans,sans-serif;max-width:359px;padding:10px;position:relative;text-align:left;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:auto;z-index:50}.message-content>p{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.message-green{-webkit-animation:slideFromTop 1s ease-out 0s 1;animation:slideFromTop 1s ease-out 0s 1;background-color:#53d769;border:1px solid #97c6e3;border-radius:10px;display:flex;flex-direction:row;font:400 .9em Open Sans,sans-serif;height:auto;margin-right:20px;max-height:auto;max-width:75%;padding:10px;position:relative;text-align:left;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:-moz-fit-content;z-index:50}.message-green .message-content{word-wrap:break-word;color:#fcfafa;display:flex;flex-direction:column;font-family:sans-serif;font-weight:500;letter-spacing:.03rem;margin:0;min-width:151px;padding:4px;position:relative;width:auto}.message-blue:after{border-left:50px solid transparent;border-top:10px solid #147efb;top:0}.message-blue:after,.message-blue:before{border-right:15px solid transparent;content:"";position:absolute}.message-blue:before{border-left:25px solid transparent;border-top:30px solid #147efb;height:0;left:-15px;top:-1px;width:15px}.message-green:after{border-left:5px solid #53d769;border-right:25px solid transparent;border-top:15px solid #53d769;left:-1px;top:40px}.message-green:after,.message-green:before{content:"";height:0;position:absolute;width:0}.message-green:before{border-left:25px solid transparent;border-right:15px solid transparent;border-top:28px solid #53d769;left:25px;top:0}.container.blue:hover .user,.container:hover>.message-blue{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.container.green:hover .user.green{-webkit-transform:translateX(15px);transform:translateX(15px)}.user.green{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.container:hover>.message-green{-webkit-transform:translateX(100px);transform:translateX(100px)}.container:hover .message-timestamp-right{-webkit-transform:translateX(-25%);transform:translateX(-25%)}.container.blue{align-items:flex-end;justify-content:flex-end;justify-self:flex-end}.container.blue,.container.green{display:flex;position:relative;width:auto}.container.green{align-items:flex-start;justify-content:flex-start;padding-bottom:51px;padding-left:20%}.container.green .user.green{bottom:-23px;color:#fff;font-size:.85em;font-weight:700;left:8px;position:absolute;right:100%;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:-moz-fit-content;width:auto;z-index:2}.room_name{align-items:center;align-self:center;background-color:#000;border-bottom:3px outset #2e353b;border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 8px hsla(0,0%,100%,.1),0 8px 16px hsla(0,0%,100%,.1),0 12px 24px rgba(0,0,0,.2);display:flex;height:2rem;justify-content:center;opacity:90%;padding:0 25px 5px;position:-webkit-sticky;position:sticky;top:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:60}.room_name>h2{color:#fff}.message-content{font-family:Inter,sans-serif;font-family:Varela Round,sans-serif;z-index:5}.container.blue>.user{color:#fff;display:flex;font-size:.85em;font-weight:700;margin-right:25px;position:relative;top:5px;transition:opacity 1,-webkit-transform 1s;transition:opacity 1,transform 1s;transition:opacity 1,transform 1s,-webkit-transform 1s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:50}.user{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity 1,-webkit-transform .3s ease;transition:opacity 1,transform .3s ease;transition:opacity 1,transform .3s ease,-webkit-transform .3s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:50}.messagesContainer{background-color:initial;border-radius:25px;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding:4px;position:relative;width:100%}.all-messages{overflow-X:hidden;-webkit-animation:gradientBackground 16s ease infinite;animation:gradientBackground 16s ease infinite;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);background-size:200% 200%;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.2),0 16px 40px rgba(0,0,0,.2),inset 0 -4px 12px #0d1115,inset 0 4px 8px #1c2125;box-sizing:border-box;display:flex;flex-direction:column;margin:15px;max-height:75vh;min-height:75vh;min-width:550px;overflow-y:scroll;padding:0 15px 30px;-webkit-perspective:600px;perspective:600px;position:relative;scroll-behavior:smooth;z-index:1}@-webkit-keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.all-messages::-webkit-scrollbar{display:none}h1{color:#fff}.send-input-wrapper{display:flex;gap:10px;max-width:23vw;min-width:500px;position:relative}#send_message_input{border-radius:5px;max-height:40px;min-height:40px;position:relative;width:100%}#send_message_input::-webkit-input-placeholder{padding-left:10px}#send_message_input::placeholder{padding-left:10px}.sendMsgBtn{align-items:center;background-color:initial;border:1px solid #0c90ed;border-radius:10px;color:#fff;display:flex;font-weight:600;gap:5px;max-height:42px;min-height:42px;overflow:hidden;padding:3px 10px;position:relative;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100px}.sendMsgBtn:hover{background-position:100% 100%;border-color:#03fd42;-webkit-transform:scale(1.05);transform:scale(1.05)}.clicked{-webkit-animation:slideAway .8s ease-out 0s 1;animation:slideAway .8s ease-out 0s 1;justify-self:center}@-webkit-keyframes slideAway{0%{-webkit-transform:translateX(0) rotateX(0);transform:translateX(0) rotateX(0)}25%{-webkit-transform:translateX(100%) rotateX(80deg);transform:translateX(100%) rotateX(80deg)}40%{-webkit-transform:translateX(200%);transform:translateX(200%)}42%{height:0;width:0}60%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}90%{-webkit-transform:rotateX(10deg) translate(33%);transform:rotateX(10deg) translate(33%)}to{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0)}}@keyframes slideAway{0%{-webkit-transform:translateX(0) rotateX(0);transform:translateX(0) rotateX(0)}25%{-webkit-transform:translateX(100%) rotateX(80deg);transform:translateX(100%) rotateX(80deg)}40%{-webkit-transform:translateX(200%);transform:translateX(200%)}42%{height:0;width:0}60%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}90%{-webkit-transform:rotateX(10deg) translate(33%);transform:rotateX(10deg) translate(33%)}to{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0)}}.helper_tools_wrapper{gap:10px;top:10px}#leave-room-btn,.helper_tools_wrapper{align-items:center;display:flex;justify-content:center;position:relative}#leave-room-btn{background-color:initial;border:2px solid #0c4974;border-radius:10px;box-sizing:border-box;color:#fff;font-weight:600;gap:5px;min-width:150px;overflow:hidden;padding:3px 15px;text-align:center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:3}#leave-room-btn:hover{background-position:100% 100%;border-color:#32c056;-webkit-transform:scale(1.05);transform:scale(1.05)}#leave-room-btn:hover>#back-button{color:#03fd42}#back-button{color:#32c056}#back-button:hover{color:#1bef50}.subscribe_to_room{align-items:center;background-color:initial;border:2px solid #0c4974;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;font-weight:600;gap:5px;justify-content:center;min-width:150px;overflow:hidden;padding:3px 15px;position:relative;text-align:center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:3}.subscribe_to_room:hover{background-position:100% 100%;border-color:#32c056;border-width:1px;-webkit-transform:scale(1.05);transform:scale(1.05)}.subscribe_to_room:hover>#subscribe_btn{color:#0ced57}#subscribe_btn{-webkit-animation:slideAway .8s ease-out 0s 1;animation:slideAway .8s ease-out 0s 1;color:rgba(12,237,87,.63)}.subscribe_to_room._joined{border:2px solid #0c4974;box-sizing:border-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.subscribe_to_room._joined:hover{border-color:red}#unsubscribe_icon{-webkit-animation:slideAway .8s ease-out 0s 1;animation:slideAway .8s ease-out 0s 1;color:red}.leave-delete-button{padding-top:10px;position:relative}.leave-delete-button,.leave-delete-button button{align-items:center;display:flex;justify-content:center}.leave-delete-button button{border:1px solid transparent;border-radius:500px;color:#000;cursor:pointer;font-size:10px;font-weight:700;height:10px;letter-spacing:2px;line-height:1;max-width:100px;outline:none;padding:10px 20px;position:absolute;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,-webkit-filter;transition-property:background-color,border-color,color,box-shadow,filter;transition-property:background-color,border-color,color,box-shadow,filter,-webkit-filter;white-space:normal}.headerContainer{width:100%}.room-num-input-mainRoom{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;width:35%}.room-num-input-mainRoom>input{background-color:#000;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;width:100%}.room-num-input-mainRoom>input::-webkit-input-placeholder{color:#fff;padding-left:5px}.room-num-input-mainRoom>input::placeholder{color:#fff;padding-left:5px}.status_container{gap:10px}.statusBtn,.status_container{align-items:center;display:flex;justify-content:center}.statusBtn{border:none;border-radius:8px;color:#14f257;font-family:sans-serif;font-size:1rem;font-weight:600;height:20px;padding:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-profile-pic{border:4px solid #000;border-left-width:2px;border-radius:15px;box-sizing:border-box;left:-105px;max-height:4.5rem;max-width:4.5rem;min-height:4.5rem;min-width:4.5rem;position:absolute;top:-3%}.user-profile-pic:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.user-profile-pic.green{left:-95px}@media only screen and (max-width:600px){html{width:100%}.all-messages{display:flex;justify-self:flex-end;max-height:67vh;min-height:64vh;min-width:92vw;padding:0 10px 10px;width:-1%}.message-green{max-width:116%}.container.green{margin-left:3%;padding-bottom:14px;width:45%}.container.blue,.container.green{align-items:flex-start;display:flex}.container.blue{margin-left:20%;width:65%}.message-blue{flex-wrap:wrap;left:9%;width:87%}.container:hover .message-green{-webkit-transform:translateX(100px);transform:translateX(100px)}.container:hover .message-blue{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.container:hover .message-timestamp-left{position:absolute;right:0}.container:hover .message-timestamp-right{left:-1%;position:absolute}.user-profile-pic{display:flex;height:3rem;margin-left:9px;padding:0;position:absolute;width:3rem}.container.blue>.user{left:38px;top:6px}.roomWrapper{align-items:center;border-radius:25px;display:flex;padding:10px 10px 10px 5px;width:100vw}.room-wrapper{height:69vh}.room-num-input-mainRoom{flex-direction:row;margin-bottom:15px;width:75%}.room-num-input-mainRoom input{width:100%}.sendMsgBtn{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 35px 5px 10px}.leave-delete-button{padding-top:0}.send-input-wrapper{min-width:81vw}.leave-delete-button button{bottom:-60px}.room_name>h2{align-self:center;font-size:17px}.status_container{display:flex;position:relative}}.headerContainer{align-items:center;background-color:#000;display:flex;flex-direction:row;gap:5px;justify-content:space-between;padding:9px;position:relative;width:auto}.add-hub-icon{align-self:center;color:#98fb98;font-weight:700px;justify-self:center;margin-left:5px}.create_room_container{align-items:center;display:flex;flex-direction:row;flex-grow:inherit;flex-wrap:nowrap;gap:1rem;width:auto}.logo-font{text-wrap:nowrap;font-family:Berkshire Swash,serif;margin-right:1rem;padding-bottom:5px}.header_profile_pic{-webkit-animation:loadIn .9s ease-in-out;animation:loadIn .9s ease-in-out;border-radius:15px;box-sizing:border-box;display:flex;height:50px;width:50px}.header_profile_pic:hover{box-sizing:border-box;cursor:pointer;-webkit-transform:scale(1.04);transform:scale(1.04)}.logo-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;padding-left:10px}.menu_header_wrapper{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#fff;display:inline-flex;font-size:25px;height:10%;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.menu_header_wrapper:hover{cursor:pointer;flex:1 1;-webkit-transform:scale(1.5);transform:scale(1.5)}.logo_and_menu_button_wrapper{align-items:center;display:flex;gap:10px;justify-content:center}@-webkit-keyframes loadIn{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes loadIn{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}#logout-bottom-container{align-items:center;display:flex;gap:19px;justify-content:space-around;padding-right:10px;width:auto}.logo-font a{color:inherit;text-decoration:none}.logo-font:hover{color:red;cursor:pointer;pointer-events:stroke}.logout_wrapper{display:flex;gap:25px}.buttonHeader{align-items:center;-webkit-animation:slideFromTop 1s ease-out 0s 1;animation:slideFromTop 1s ease-out 0s 1;background-color:initial;border:2px solid #0c90ed;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:800;padding:3px 15px;text-align:center;width:auto}@-webkit-keyframes slideFromTop{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}60%{-webkit-transform:translateY(-45%);transform:translateY(-45%)}70%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateY(-28%);transform:translateY(-28%)}90%{-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.buttonHeader:hover{background-position:100% 100%;-webkit-transform:scale(1.05);transform:scale(1.05)}#logout_button{align-items:center;background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:800;height:35px;padding:8px;text-align:center;&:hover{background-color:#fff;border:2px inset #000;color:#000}}.navLinks{flex-direction:row;gap:10px;list-style-type:none;position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.navLinks,.navLinks>li{align-items:center;display:flex;justify-content:center}.navLinks>li{height:20px;padding:0;width:auto}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideFromLeft{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.navLinks a{align-items:center;display:flex;height:inherit;justify-content:center;position:relative;text-decoration:none;width:auto}@keyframes slideFromTop{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}60%{-webkit-transform:translateY(-45%);transform:translateY(-45%)}70%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateY(-28%);transform:translateY(-28%)}90%{-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.text_field_parent{align-items:center;align-items:flex-start;display:flex;justify-content:flex-start;max-width:159px;min-width:100px;z-index:1}#textFieldIcon{color:#000;position:absolute;z-index:3}.roomInput{align-self:center;border-radius:7px;height:25px;margin:0;padding-left:30px;position:relative;z-index:2}.visible_login_success{align-items:center;border:1px solid #fff;border-radius:10px;display:flex;flex-direction:row;font-size:10px;gap:25px;justify-content:center;padding:10px;position:absolute;top:90vh}.visible_login_success>#loggedIn{color:#49c219}.linkInactive{color:#fff;font-size:22px;min-width:-moz-fit-content;min-width:fit-content;position:relative;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.linkActive,.linkInactive{align-items:center;display:flex;justify-content:center;min-width:-webkit-fit-content;text-overflow:ellipsis;white-space:nowrap}.linkActive{color:#4be227;min-width:-moz-fit-content;min-width:fit-content;&:hover{align-self:center;justify-self:center;scale:1}}.linkInactive:hover{color:#f8f8f8;-webkit-transform:scale(1.09);transform:scale(1.09)}@media only screen and (max-width:600px){.headerContainer{align-items:flex-start;border-radius:10px;flex-direction:column;height:-moz-fit-content;height:auto;justify-content:flex-start;margin:0;min-width:92%}.headerContainer.home{align-items:center;border:2px ridge silver;border-radius:12px;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:0;max-height:50px;min-width:92%}.create_room_container{align-self:center;-webkit-animation:slideFromTop 1s ease-out 0s 1;animation:slideFromTop 1s ease-out 0s 1;background:linear-gradient(rgba(0,0,0,.7),rgba(75,75,75,.7));border-left:1px solid #322d2d;border-radius:20px;border-top:1px solid #322d2d;display:flex;flex-direction:column;gap:.5rem;justify-self:center;max-width:22rem rem;padding-bottom:5px;position:relative;width:75vw;z-index:100}@-webkit-keyframes slideFromTop{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}60%{-webkit-transform:translateY(-45%);transform:translateY(-45%)}70%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateY(-28%);transform:translateY(-28%)}90%{-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideFromTop{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}60%{-webkit-transform:translateY(-45%);transform:translateY(-45%)}70%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateY(-28%);transform:translateY(-28%)}90%{-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.create_room_container>h2{text-wrap:wrap;height:10px;padding:1px}#logout_button:hover{background-position:100% 100%}.roomInput{font-family:Shantell Sans,cursive;width:75%}.header_profile_pic{align-self:center;-webkit-animation:loadIn .9s ease-in-out;animation:loadIn .9s ease-in-out;border-radius:50px;display:flex;height:50px;width:50px}.navLinks{align-items:flex-start;flex-direction:column;gap:0;justify-content:flex-start;left:-38px;margin-bottom:-16px;margin-top:0;position:relative;width:auto}#logout-bottom-container{align-items:center;display:inline;display:flex;gap:25px;justify-content:center;position:absolute;right:10px;top:16px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}.linkActive{-webkit-animation:slideLeftRight .4s ease 0s 1;animation:slideLeftRight .4s ease 0s 1;background:linear-gradient(90deg,rgba(3,3,3,.7),rgba(94,94,90,.719));border:1px ridge #080808;border-left:none;border-radius:0 15px 15px 0;box-sizing:border-box;padding:4px 19px 4px 4px;-webkit-transform:translateX(50px);transform:translateX(50px)}@-webkit-keyframes slideLeftRight{0%{-webkit-transform:translateX(-15%);transform:translateX(-15%)}to{-webkit-transform:translateX(50px);transform:translateX(50px)}}@keyframes slideLeftRight{0%{-webkit-transform:translateX(-15%);transform:translateX(-15%)}to{-webkit-transform:translateX(50px);transform:translateX(50px)}}.buttonHeader{height:36px;min-width:100px;padding:5px 10px}.logo-wrapper{align-items:flex-start;flex-direction:column;justify-content:flex-start;padding-left:10px}.logo-font,.logo-wrapper{display:flex;position:relative}.logo-font{text-wrap:nowrap;font-size:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logo_and_menu_button_wrapper{gap:0;margin-left:-10px}.visible_login_success{background-color:gray;background-color:initial;gap:2px;gap:5px;max-height:0;right:10px;top:80%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.visible_login_success>p{font-size:15px}a>h2{font-size:20px}ul>li{font-size:1rem;height:10%}#span-id{display:none}.server-selection{flex-direction:row;height:20px;width:50%}.mainAccessBtn,.server-selection{align-items:center;display:flex;justify-content:center}.mainAccessBtn{align-self:center;background-color:#000;border:3px outset #000;border-radius:10px;color:#fff;text-align:center;width:100%}.header_profile_pic{height:45px;width:45px}}.flex-dots{color:#fff;display:flex}:is(#dots){color:#fdfafa;font-weight:800}.PrivateRoomAccess_private_room_main_wrapper__4yFUV{align-self:center;-webkit-animation:PrivateRoomAccess_RoomsCreated_RoomsCreated_RoomsCreated_RoomsCreated_gradientBackground__CW4HO__79809__GEI9n__u39Hv__U42g\+ 24s ease infinite;animation:PrivateRoomAccess_RoomsCreated_RoomsCreated_RoomsCreated_RoomsCreated_gradientBackground__CW4HO__79809__GEI9n__u39Hv__U42g\+ 24s ease infinite;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);border:2px solid #1c2125;border-radius:20px;border-top:4px inset #1f262d;box-shadow:0 4px 8px rgba(22,108,150,.3);box-sizing:border-box;display:flex;flex-direction:column;justify-self:center;max-width:80%;min-width:75%;padding:10px;position:relative;text-align:center;top:139px}.PrivateRoomAccess_private_room_main_wrapper__4yFUV.PrivateRoomAccess_errorClass__-YP1R{box-shadow:0 3px 4px rgba(255,3,41,.3)}#PrivateRoomAccess_align_self__t7rIo{align-self:center;justify-self:center}#PrivateRoomAccess_password_input__01rmN{align-self:center;display:flex;gap:10px;justify-self:center;padding-bottom:25px;position:relative;width:80%}#PrivateRoomAccess_eye_ball__Z7Qp7{position:relative;top:5px}#PrivateRoomAccess_submit_button__c9vph{width:100px}@media only screen and (max-width:600px){.PrivateRoomAccess_private_room_main_wrapper__4yFUV{top:100px}}:root{--parent-background-color:gray}h2{color:#fff}#inline-font-change{color:#2396e8}.columnContainer{align-items:center;display:flex;flex-direction:column;height:100%;position:absolute;position:relative}.background-image{background-image:url(/static/media/speachBubble.ac4374d21577fb533639.svg);background-position:-12px;background-repeat:no-repeat;background-size:37%;display:flex;height:70%;overflow:visible;position:relative;width:26%}.new-user-header{background:linear-gradient(135deg,#245783,#283e54 25%,#22384b 50%,#16191c)!important;border-radius:1px;box-shadow:0 4px 8px hsla(0,0%,100%,.1),0 8px 16px hsla(0,0%,100%,.1),0 12px 24px rgba(0,0,0,.2);flex-direction:row;gap:10%;height:100vh;justify-content:space-around;-webkit-perspective:1000px;perspective:1000px;width:100%}.create_user,.new-user-header{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;position:relative}.create_user{background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);border-bottom:2px outset #1c2125;border-radius:15px;border-top:2px inset #1c2125;border-color:#1f262d #1c2125 #0306052b;border-style:inset groove;border-width:4px 2px 3px;box-sizing:border-box;flex-wrap:nowrap;gap:10px;justify-self:center;margin-bottom:20px;max-height:300px;max-width:500px;overflow:hidden;padding:17px 20px 10px;transition:max-height 2s ease-out}.error-message>p{align-self:flex-end;bottom:-49px;color:#f78f07;font-weight:700;left:-17px;position:relative}.error-message{background-color:#070707;border-radius:10px;display:flex;left:15%;padding:0 5px;position:absolute;top:0;z-index:100}.create_user.image-added{max-height:650px}.image-previewer{display:flex;height:auto;position:relative;width:auto}#login-input{font-family:Varela Round,sans-serif}.image-previewer.image-exist{-webkit-animation:imageExistAnimation .04s ease-in-out;animation:imageExistAnimation .04s ease-in-out;background-color:#000;border:-3px ridge #20262d;border-radius:40px;display:flex;height:auto;padding:2px;position:relative;width:auto}@-webkit-keyframes imageExistAnimation{0%{-webkit-transform:translateY(-400%);transform:translateY(-400%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes imageExistAnimation{0%{-webkit-transform:translateY(-400%);transform:translateY(-400%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#password-span{flex-direction:row;gap:10px;justify-content:center;margin-left:-25px}#login-input,#password-span{align-items:center;display:flex}#login-input{border-radius:10px;flex-direction:column}#image-self{border-radius:35px;box-sizing:border-box}.create_user.error-css{border:2px solid red;box-sizing:border-box}.create_account_h2{display:flex;flex-direction:column}.create_account_h2>h2{font-size:3rem;font-weight:700}.userLoginElements{align-items:center;gap:20%;margin-bottom:10%;padding:25px;width:100%}.titleChatty,.userLoginElements{display:flex;flex-direction:row;justify-content:center}.titleChatty{align-items:flex-start;background-color:initial;border:4px inset rgba(0,0,0,.2);border-radius:6px;border-radius:25px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1);box-sizing:border-box;gap:39px;margin-bottom:3%;margin-top:10px;overflow:visible;padding-bottom:25px;padding-left:10px;padding-right:10px;position:relative;transition:-webkit-transform 4s;transition:transform 4s;transition:transform 4s,-webkit-transform 4s;z-index:1}.speach-bubble{background-color:initial;border-radius:20%;position:absolute;right:-20px;top:-35px;width:60%;z-index:0}#chatty{color:#f5f5f5;font-family:Berkshire Swash,serif;font-size:5em;z-index:1}#chatty,.login-button-wrapper{display:flex;position:relative}.login-button-wrapper{align-items:center;flex-direction:row;gap:20%;justify-content:center;top:4px}.login-button-wrapper.home{position:relative;top:15%}.welcomeContainer{align-items:center;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);border:2px solid #1c2125;border-top:4px inset #1f262d;bottom:10%;box-shadow:0 2px 3px rgba(22,108,150,.3);color:#fff;flex-direction:column;max-width:450px;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease}.welcomeContainer,fieldset{border-radius:20px;box-sizing:border-box;display:flex;position:relative}fieldset{align-self:center;background:linear-gradient(160deg,#33393e,#212121,#232931,#1f2123);border-color:#2d3f5c;border-style:double;border-width:3px 2px 3px 5px;padding:8px 40px}legend{display:block;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:3ch}article{color:#000;color:#fff;font-family:Shantell Sans,cursive;font-size:24px;letter-spacing:1px;line-height:38px;padding-left:2em;padding-right:2em;padding-top:1em;position:relative;text-align:center}.create_user.error-css input{border:3px solid red}.input-box-container{align-items:flex-start;display:flex;flex-direction:column;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin-top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.input-box-container:focus-within>input{outline:3px solid #2a2828;outline-offset:-2px}.input-box-container.failed>input{border:3px solid red}input{align-self:center;border-radius:6px;border-style:none solid solid none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:30px;margin:0;width:100%}label{color:#f5f5f5;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding-bottom:7px;text-transform:uppercase;z-index:2}.file_upload:focus-within input::-webkit-file-upload-button{outline:2px solid #252527;outline-offset:-2px}.file_upload:focus-within input::file-selector-button{outline:2px solid #252527;outline-offset:-2px}#upload:focus{outline:4px solid #53a8b0;outline-offset:-2px}#upload{align-self:flex-start;border-radius:10px;font-weight:700}.file_upload{align-items:flex-start;align-self:flex-start;bottom:40px;gap:20px;position:relative}.file_upload,.uploaded_div{display:flex;flex-direction:column}input::-webkit-file-upload-button{border:2px inset #add8e6;border-radius:7px;font-weight:700;padding:7px}input::file-selector-button{border:2px inset #add8e6;border-radius:7px;font-weight:700;padding:7px}input::-webkit-file-upload-button:hover{border:2px solid #000;box-sizing:border-box;-webkit-transform:scale(1.04);transform:scale(1.04)}input::file-selector-button:hover{border:2px solid #000;box-sizing:border-box;-webkit-transform:scale(1.04);transform:scale(1.04)}.photo-upload_buttons{background-color:snow;border-radius:15px;padding:7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#closeBtn{align-items:center;background:linear-gradient(160deg,#313438,#25292c,#2b3239,#29313a);border-color:#2e3c52;border-radius:13px;border-width:1px 2px 3px 3px;box-sizing:border-box;color:#fff;display:flex;font-size:20px;font-weight:600;gap:5px;justify-content:center;min-width:161px;overflow:hidden;padding:10px 15px;position:relative;text-align:center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:3}#closeBtn:hover{background-position:100% 100%;border-color:#318cb3;border-width:1px;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;-webkit-transform:scale(.95);transform:scale(.95)}.login-failed{background-color:snow;border:1px inset;border-radius:10px;box-sizing:border-box;color:red;display:flex;font-weight:600;padding:10px;position:relative}@media only screen and (max-width:600px){.speach-bubble{display:none}.welcomeContainer{width:350px}.error-message{left:10%}element.style{gap:15px}.login-button-wrapper{gap:10px}.login-button-wrapper.home{position:relative;top:19%}.titleChatty{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow:visible;padding-bottom:25px;position:relative;transition:gap .4s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}#chatty{align-self:center;font-size:3em;position:relative}article{align-content:center;display:inline;font-size:17px;min-width:64vw}fieldset{padding:8px 14px}}.room-container{align-items:center;-webkit-animation:gradientBackground 24s ease infinite;animation:gradientBackground 24s ease infinite;background-color:#161a1d;border:4px solid #1c2125;border-top:4px inset #0d1115;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;padding:10px;width:100%}#header_in_current_servers{font-family:Berkshire Swash,serif;position:absolute;top:-3px}.room-container>h1{align-self:center;color:#fff}.all_hubs_wrapper{display:flex;flex-direction:column;height:auto}.main-room-wrapper{display:flex;flex-direction:column;width:50%}.main-room-wrapper,.main-room-wrapper.new-user{align-items:center;align-self:center;justify-content:center}.main-room-wrapper.new-user{flex-direction:row;width:300px}.main-room-wrapper.new-user>button{align-self:center;width:200px}.main-room-button{align-items:center;-webkit-animation:gradientBackground 24s ease infinite;animation:gradientBackground 24s ease infinite;background:transparent;background-size:200% 200%;border-radius:18px;color:#fff;display:flex;font-size:1.5em;font-weight:700;gap:10px;height:auto;justify-content:center;min-width:300px;overflow:hidden;padding:5px;position:relative;text-transform:uppercase;top:10ppx;top:14px;transition:all .3s ease-in-out}.main-room-button>span{color:green}#new_user_server_message{border:3px solid;border-radius:15px;color:#ff4500;font-size:25px;padding:5px;position:relative;text-align:center;top:20px}.main-room-button>p{font-size:15px}.main-room-button:hover{border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.5),0 8px 15px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .4s ease-in-out}.custom-text{color:#556b2f;display:inline-block;font-size:55px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.room_item_wrapper{align-items:center;-webkit-animation:RoomsCreated_gradientBackground__vCXgf 24s ease infinite;animation:RoomsCreated_gradientBackground__vCXgf 24s ease infinite;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);border:2px solid #1c2125;border-radius:20px;border-top:4px inset #1f262d;box-shadow:0 4px 8px rgba(22,108,150,.3);box-sizing:border-box;display:flex;flex-direction:column;gap:25px;height:auto;justify-content:space-evenly;margin:10px 0;max-width:100vw;min-width:80vw;padding:55px 35px 10px;position:relative;z-index:1}@media only screen and (max-width:600px){.room-container>h1{font-size:20px;font-weight:800}}.RoomsCreated_rooms_wrapper__3vefy{align-items:center;-webkit-animation:RoomsCreated_gradientBackground__5oFKZ 24s ease infinite;animation:RoomsCreated_gradientBackground__5oFKZ 24s ease infinite;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);border:2px solid #1c2125;border-radius:20px;border-top:4px inset #1f262d;box-shadow:0 4px 8px rgba(22,108,150,.3);box-sizing:border-box;display:flex;flex-direction:row;gap:25px;height:auto;justify-content:space-evenly;margin:10px 0;max-width:95vw;min-width:80vw;padding:55px 35px 10px;position:relative;z-index:1}#RoomsCreated_grid_view_icon__eRHby{background-color:initial;color:#fff;font-size:25px;position:absolute;right:20px;top:8px;z-index:101}#RoomsCreated_grid_view_icon__eRHby:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.RoomsCreated_grid_view_wrapper__mRfK5{align-items:center;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);border:2px solid #1c2125;border-radius:20px;border-top:4px inset #1f262d;box-shadow:0 4px 8px rgba(22,108,150,.3);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:36px;justify-content:center;margin:8x 0;max-height:95vh;max-width:750px;min-width:24vw;overflow:scroll;padding:40px 48px 48px;position:relative;scroll-behavior:auto;width:-moz-fit-content;z-index:3}#RoomsCreated_icon_left_right__bph5x{color:#fff;&:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}}#RoomsCreated_no_data_info__uHExp{color:#fff;text-align:center}.RoomsCreated_flex__2lLHr{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.RoomsCreated_flex_row__V3l2r{align-items:center;align-self:center;display:flex;gap:25px;justify-content:center;padding-top:10px}#RoomsCreated_display_created_room_name__EPqNR{left:-5px;top:-34px}#RoomsCreated_all_rooms_room_name__\+UAe6,#RoomsCreated_display_created_room_name__EPqNR{align-self:flex-start;background:linear-gradient(160deg,#282b30,#1d2123,#262a2e,#15181b);border:1px outset #000;border-radius:16px 16px 1px 2px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:20px;margin-left:20px;padding:5px 10px;position:absolute}#RoomsCreated_all_rooms_room_name__\+UAe6{left:25px;min-width:350px;top:-39px}.RoomsCreated_room_info__SJPN4{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between;max-width:50vw}#RoomsCreated_room_count__G7IcP{box-sizing:border-box;color:#fff;font-family:Shantell Sans,cursive;font-size:14px;font-weight:800}.RoomsCreated_room_item_wrapper__ntI6o{align-items:center;background:linear-gradient(160deg,#23262a,#1a1e20,#202327,#1e2327);border-left:-5px solid #1c2125;border-radius:24px;border-top:-5px solid #1c2125;border-color:#1f262d #1c2125 #1c2125 #1f262d;border-style:inset solid solid inset;border-width:4px -5px -5px 2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 1px rgba(52,51,51,.7),0 2px 2px rgba(55,53,53,.2),0 4px 4px rgba(0,0,0,.2),0 8px 8px rgba(0,0,0,.2);display:flex;gap:45px;justify-content:center;max-width:90%;min-width:80vw;overflow:scroll;padding:25px;position:relative;transition:min-width width height max-width 1s ease-in-out;z-index:2}.RoomsCreated_room_item_subscribe__e7rSA{align-items:center;background:linear-gradient(135deg,#145a32,#1f8b4c 25%,#145a32 50%,#145a32);background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,#000,#000 25%,#e74c3c 0,#e74c3c 50%,#3498db 0,#3498db);background-size:40px 40px,40px 40px,100% 100%;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.6),0 20px 50px rgba(0,0,0,.8);box-sizing:border-box;display:flex;height:7em;justify-content:center;position:relative;transition:all .3s ease-in-out;width:7em;z-index:3}.RoomsCreated_room_item_subscribe__e7rSA:hover{border:1px;border-radius:32px;box-shadow:0 4px 8px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.5),inset 0 -8px 16px #0d1115,inset 0 8px 16px #1c2125;cursor:default;transition:all .3s ease-in-out}.RoomsCreated_room_item__BT2oN{align-items:center;background:linear-gradient(135deg,#145a32,#1f8b4c 25%,#145a32 50%,#145a32);background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,#145a32,#145a32 25%,#1f6f43 0,#185734 50%,#145230 0,#0a3f23);background-size:40px 40px,40px 40px,100% 100%;border:2px solid #17703c;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.6),0 20px 50px rgba(0,0,0,.8);box-sizing:border-box;display:flex;height:7em;justify-content:center;position:relative;transition:all .3s ease-in-out;width:7em;z-index:3}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_public_private_green__eHkNr:before{color:#ecf0f1;content:"\1F512";font-size:2em;position:absolute}.RoomsCreated_room_item__BT2oN:hover{border:1px;border-radius:32px;box-shadow:0 4px 8px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.5),inset 0 -8px 16px #0d1115,inset 0 8px 16px #1c2125;cursor:default;transition:all .3s ease-in-out}@-webkit-keyframes RoomsCreated_slideOutLeft__mQwsA{0%{-webkit-transform:translateX(0) rotate(1turn);transform:translateX(0) rotate(1turn)}to{-webkit-transform:translateX(-1000%);transform:translateX(-1000%)}}@keyframes RoomsCreated_slideOutLeft__mQwsA{0%{-webkit-transform:translateX(0) rotate(1turn);transform:translateX(0) rotate(1turn)}to{-webkit-transform:translateX(-1000%);transform:translateX(-1000%)}}@-webkit-keyframes RoomsCreated_slideInRight__-\+cKa{0%{-webkit-transform:translateX(800%) rotate(1turn);transform:translateX(800%) rotate(1turn)}to{-webkit-transform:translateX(0) rotate(0) translateY(0);transform:translateX(0) rotate(0) translateY(0)}}@keyframes RoomsCreated_slideInRight__-\+cKa{0%{-webkit-transform:translateX(800%) rotate(1turn);transform:translateX(800%) rotate(1turn)}to{-webkit-transform:translateX(0) rotate(0) translateY(0);transform:translateX(0) rotate(0) translateY(0)}}.RoomsCreated_slideOut__3OY3g{-webkit-animation:RoomsCreated_slideOutLeft__mQwsA .6s forwards;animation:RoomsCreated_slideOutLeft__mQwsA .6s forwards}.RoomsCreated_slideIn__SbRZ\+{-webkit-animation:RoomsCreated_slideInRight__-\+cKa .8s forwards;animation:RoomsCreated_slideInRight__-\+cKa .8s forwards}.RoomsCreated_dropdown_list__5ylLF:hover{background-color:rgba(0,0,0,.182)}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_private__ymX9R{background:linear-gradient(135deg,#192a56,#3f5cac 25%,#192a56 50%,#03060e);background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,#192a56,#192a56 25%,#2e7eb4 50%,#245a7e);background-size:40px 40px,40px 40px,100% 100%;border:2px solid #0a294d;border-radius:10px}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_private__ymX9R,.RoomsCreated_room_item__BT2oN.RoomsCreated_room_public_private__zJFFV{align-items:center;box-shadow:0 8px 16px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.6),0 20px 50px rgba(0,0,0,.8);box-sizing:border-box;display:flex;height:7em;justify-content:center;position:relative;transition:all .3s ease-in-out;width:7em;z-index:3}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_private__ymX9R,.RoomsCreated_room_item__BT2oN.RoomsCreated_room_public_private__zJFFV{background:linear-gradient(135deg,#192a56,#273c75 25%,#192a56 50%,#192a56);background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent),linear-gradient(135deg,#192a56,#192a56 25%,#2e7eb4 50%,#245a7e);background-size:40px 40px,40px 40px,100% 100%;border:2px solid #012248;border-radius:10px}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_public_private__zJFFV:before{color:#ecf0f1;content:"\1F512";font-size:2em;position:absolute}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_private__ymX9R:hover{border:none;border-radius:25px;box-shadow:0 4px 8px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.5),inset 0 -8px 16px #0d1115,inset 0 8px 16px #1c2125;transition:all .2s ease-in-out}#RoomsCreated_room_owned_by_img__-1ONi{border-radius:50px;left:-10px;max-height:35px;min-width:30px;position:absolute;top:-10px}#RoomsCreated_private_rooms_visibility_icon__PngI6{align-self:center;color:#fff;cursor:pointer;display:flex;justify-self:center;padding-right:10px}#RoomsCreated_room_owned_by_img_expolore__ONsNK{border-radius:50px;display:flex;height:35%;left:-7px;position:absolute;top:-5px;width:35%}.RoomsCreated_css-i4bv87-MuiSvgIcon-root__BaoyZ{font-size:50px}.RoomsCreated_check_mark__SO5t8{background-color:initial;border-radius:50px;color:green;display:flex;left:-10px;position:absolute;top:1px}#RoomsCreated_checked__t7lfU{fill:#14e23a;font-size:36px;left:7px;position:absolute;top:-4px}.RoomsCreated_display_joined_list__Kk2xN{-webkit-animation:RoomsCreated_roomMembers__f7Zg\+ 1.5s ease;animation:RoomsCreated_roomMembers__f7Zg\+ 1.5s ease;background-color:hsla(0,0%,100%,.271);border-radius:50px;bottom:-2px;color:#000;display:flex;overflow:hidden;padding:2px;position:absolute;right:1px;z-index:39}@-webkit-keyframes RoomsCreated_roomMembers__f7Zg\+{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes RoomsCreated_roomMembers__f7Zg\+{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.RoomsCreated_display_joined_list__Kk2xN:hover{background-color:#000;color:#fff;cursor:pointer;-webkit-transform:scale(1.15);transform:scale(1.15)}.RoomsCreated_room_members__G9Ge3{align-items:center;align-self:center;-webkit-animation:RoomsCreated_dropUp__GOrT3 .5s ease-in-out;animation:RoomsCreated_dropUp__GOrT3 .5s ease-in-out;color:#fff;display:flex;flex-direction:column;font-size:95%;position:relative;text-align:center;z-index:-1}.RoomsCreated_room_members__G9Ge3.RoomsCreated__active__EtTji{color:#fff}.RoomsCreated_parent_of_diplayed_room_members__Qni9b{align-items:center;align-self:center;-webkit-animation:RoomsCreated_dropDown__TxL2R .6s ease-in-out;animation:RoomsCreated_dropDown__TxL2R .6s ease-in-out;background-color:#000;border-radius:inherit;color:#fff;display:flex;flex-direction:column;font-size:95%;gap:8px;height:101%;justify-content:center;position:relative;text-align:center;width:101%;z-index:-1}#RoomsCreated_child_of_room_members__LZrl\+{display:flex;max-height:1px;min-height:1px;position:relative;top:-15px}#RoomsCreated_number_span__EoEVD{background-color:#000;border:2px solid #000;color:#ffd900;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:700;padding:5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes RoomsCreated_dropDown__TxL2R{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(-12%);transform:translateY(-12%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes RoomsCreated_dropDown__TxL2R{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(-12%);transform:translateY(-12%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes RoomsCreated_dropUp__GOrT3{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}50%{-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(20%);transform:translateY(20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes RoomsCreated_dropUp__GOrT3{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}50%{-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(20%);transform:translateY(20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.RoomsCreated_menu_wrapper__NuP0F{border-radius:50px;height:35px;position:absolute;right:10px;top:-12px;width:40px;z-index:1}.RoomsCreated_menu_wrapper__NuP0F svg{color:#fff;position:relative;z-index:1}#RoomsCreated_menu_icon__fXEC6{background-color:rgba(171,54,54,.612);border-radius:50px;color:#fff;font-size:26px;padding:3px;position:relative;right:3px}#RoomsCreated_menu_icon__fXEC6>path{align-self:center;display:flex;height:10px;justify-self:center;position:relative}#RoomsCreated_menu_icon__fXEC6:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}@media only screen and (max-width:600px){.RoomsCreated_rooms_wrapper__3vefy{align-items:center;flex-direction:column;gap:1rem;justify-content:center;width:95vw}.RoomsCreated_grid_view_wrapper__mRfK5{margin-top:0;max-height:37vh;min-width:88vw;padding:39px 10px 10px}#RoomsCreated_checked__t7lfU{font-size:22px;top:-3px}#RoomsCreated_menu_icon__fXEC6{font-size:100%;font-size:16px;left:11px;top:5px}.RoomsCreated_flex__2lLHr{position:relative}.RoomsCreated_flex_row__V3l2r{align-items:center;gap:10px;justify-content:center}.RoomsCreated_room_item_wrapper__ntI6o{align-items:center;gap:16px;max-width:-17%;min-width:89vw;overflow:scroll;padding:36px 15px 15px;z-index:5}#RoomsCreated_display_created_room_name__EPqNR{border-radius:16px 16px 1px 2px;font-size:15px;left:-1px}#RoomsCreated_all_rooms_room_name__\+UAe6{border-radius:16px 16px 1px 2px;flex-wrap:nowrap;font-size:14px;left:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;top:-32px}.RoomsCreated_room_item__BT2oN.RoomsCreated_room_public_private__zJFFV{height:4.5em;width:4.5em}.RoomsCreated_room_item__BT2oN,.RoomsCreated_room_item__BT2oN.RoomsCreated_room_private__ymX9R{height:5em;width:5em}.RoomsCreated_room_item__BT2oN>p{font-size:10px}.RoomsCreated_room_item_subscribe__e7rSA{height:5em;width:5em}#RoomsCreated_room_owned_by_img__-1ONi{border-radius:50px;left:-8px;position:absolute;top:-5px}.RoomsCreated_display_joined_list__Kk2xN{bottom:0;max-height:18px;max-width:18px}#RoomsCreated_room_owned_by_img_expolore__ONsNK{border-radius:50px;left:1px;position:absolute;top:-5px}}.Profile_profile_main_container__LsMSo{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-bottom:-52px;margin-left:1px;margin-top:-2rem;overflow:hidden;padding-top:3rem;position:relative;width:99vw}#Profile_password-span__Ubqoe{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-left:-25px}.Profile_profile_content__Ip5U8{align-items:flex-start;gap:20px;outline-offset:1rem;z-index:200}.Profile_profile_content__Ip5U8,.Profile_profile_form_wrapper__sJfdX{display:flex;flex-direction:column;justify-content:center;position:relative}.Profile_profile_form_wrapper__sJfdX{align-items:center;background-color:#000;width:90vw;z-index:159}.Profile_profile_form_wrapper__sJfdX,form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}form{align-items:flex-start;-webkit-animation:Profile_dropDown__LyQeK .5s ease;animation:Profile_dropDown__LyQeK .5s ease;background:linear-gradient(135deg,#1b2e3d,#273747 25%,#2a4256 50%,#20272d)!important;border-radius:20px;display:flex!important;flex-direction:column;justify-content:space-around;margin-bottom:100px;position:relative!important;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;width:100%}@-webkit-keyframes Profile_dropDown__LyQeK{0%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Profile_dropDown__LyQeK{0%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}textarea{background:#000!important;border:2px inset #000;border-radius:12px;border-top:3px outset #2d4256;box-shadow:0 4px 8px hsla(0,0%,100%,.1);box-sizing:border-box;color:#fff;font-family:Varela Round,sans-serif;gap:10%;height:auto;margin-bottom:20px;margin-top:10px;padding:10px;-webkit-perspective:1000px;perspective:1000px;position:relative;resize:none;width:56vw}textarea::-webkit-input-placeholder{color:hsla(0,3%,74%,.603);font-family:Varela Round,sans-serif}textarea::placeholder{color:hsla(0,3%,74%,.603);font-family:Varela Round,sans-serif}.Profile_about_me_wrapper__qwNhA{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;justify-content:space-evenly;padding:60px;width:100%}#Profile_aboutme__w6KhA{background-color:#060606;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;margin:0 auto;padding:29px;width:42vw}#Profile_spanIcons__rJBOa{font-size:20px}#Profile_spanIcons__rJBOa,label{align-items:center;display:flex;gap:5px;justify-content:center}label{flex-direction:column;padding:5px}.Profile_about_me__qwRzA{background-color:initial;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;margin:0 auto;padding:20px}#Profile_about_me_button__09yZS{align-items:center;background-color:initial;border:1px solid #347e9c;border-radius:6px;box-sizing:border-box;color:#fff;display:flex;font-weight:600;gap:5px;height:30px;justify-content:center;justify-self:center;min-width:150px;overflow:hidden;padding:3px 15px;position:relative;text-align:center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:3}#Profile_about_me_button__09yZS:hover{background-position:100% 100%;border-color:#18db18;border-width:3px;-webkit-transform:scale(1.2);transform:scale(1.2)}p{color:#fff}.Profile_profile_content__Ip5U8>h2{align-self:flex-start}.Profile_regular_border__cV6F\+{align-items:center;box-sizing:border-box;justify-content:center;position:relative}.Profile_occupation_education__XuRNV{align-items:center;background:linear-gradient(160deg,#23262a,#1a1e20,#202327,#1e2327);border-left:2px inset #1f262d;border-radius:15px;border-top:2px inset #1f262d;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 1px rgba(52,51,51,.7),0 2px 2px rgba(55,53,53,.2),0 4px 4px rgba(0,0,0,.2),0 8px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;padding:15px;width:28%}.Profile_labelInputs__TVzmo{font-size:10px}.Profile_proffessionInput__bxgIC{height:20px}.Profile_proffessionInput__bxgIC>input{padding-left:10px}.Profile_occupation_education_input__Fn6rn{height:10px}#Profile_profile_pic__17gpP{border-left:6px solid #000;border-radius:100px;border-right:6px solid #000;box-shadow:0 5px 5px 2px #0f0e0e;box-sizing:border-box;position:relative;width:15rem}.Profile_educationSection__ef8CY{display:flex;flex-direction:row;flex-wrap:nowrap}.Profile_wrapper__kw1Hj{height:16rem;position:relative}.Profile_gradient_border__SApSJ{--border-width:10px;align-items:center;background:#222;border-radius:var(--border-width);color:#fff;display:flex;font-family:Lato,sans-serif;font-size:2.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;text-transform:uppercase;width:100%;&:after{-webkit-animation:Profile_moveGradient__-fkRS 4s infinite alternate;animation:Profile_moveGradient__-fkRS 4s infinite alternate;background:linear-gradient(60deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f,#abf25f,#5ff281,#5ff2f0);background-position:0 50%;background-size:300% 300%;border-radius:calc(var(--border-width)*2);box-sizing:border-box;content:"";height:calc(100% + var(--border-width)*2);left:calc(var(--border-width)*-1);position:absolute;top:calc(var(--border-width)*-1);width:calc(100% + var(--border-width)*2);z-index:-1}}.Profile_profile_wrapper_image_icon__5WAsd{align-items:center;background-color:#1f7e9b;border-radius:25px;display:flex;flex-direction:column;padding-bottom:25px;padding-top:25px;position:relative;width:30vw}#Profile_switchIcon__hf6o2{color:#fff;margin-bottom:10px}#Profile_switchIcon__hf6o2:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}#Profile_switchIcon_add__xbZ3C{align-self:center;-webkit-animation:Profile_addFriend__F3NxE .4s ease-out;animation:Profile_addFriend__F3NxE .4s ease-out;color:#fff;justify-self:center;position:relative;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}#Profile_switchIcon_add__xbZ3C:hover{background-color:initial;border-radius:8px;box-sizing:border-box;cursor:pointer;outline:4px #000}.Profile_friend_wrapper__0OLa8,.Profile_friend_wrapper__0OLa8.Profile_remove__Q7HQb{align-items:center;background-color:#3983a1;border:3px groove #3cacc4;border-radius:18px;display:flex;flex-direction:row;gap:10px;height:45px;justify-content:center;min-width:100px;overflow:hidden;padding:15px;position:relative;text-align:center;transition:border-radius .3s ease-in-out,min-width .5s ease-out,-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out,border-radius .3s ease-in-out,min-width .5s ease-out;transition:transform 1s ease-in-out,border-radius .3s ease-in-out,min-width .5s ease-out,-webkit-transform 1s ease-in-out}.Profile_friend_wrapper__0OLa8:hover{border-radius:2px;cursor:pointer}@-webkit-keyframes Profile_unfriend__GBwy4{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes Profile_unfriend__GBwy4{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes Profile_addFriend__F3NxE{0%{-webkit-transform:translateX(300%);transform:translateX(300%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes Profile_addFriend__F3NxE{0%{-webkit-transform:translateX(300%);transform:translateX(300%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}#Profile_switchIcon_remove__UwQq3{align-self:center;-webkit-animation:Profile_unfriend__GBwy4 .4s ease-out;animation:Profile_unfriend__GBwy4 .4s ease-out;color:#d24f4f;justify-self:center;position:relative;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}#Profile_switchIcon_remove__UwQq3:hover{background-color:initial;border-radius:8px;box-sizing:border-box;cursor:pointer;outline:4px #000}#Profile_username_switch_wrapper__5Ah16{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;position:relative}.Profile_is_editing_dots__hRcKT{position:absolute}#Profile_button_svg_toggle__wHUr9{height:50px;opacity:25%;position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:50px;z-index:1}#Profile_button_svg_toggle__wHUr9:hover{opacity:100%}@-webkit-keyframes Profile_moveGradient__-fkRS{50%{background-position:100% 50%}}@keyframes Profile_moveGradient__-fkRS{50%{background-position:100% 50%}}@media only screen and (max-width:600px){.Profile_profile_main_container__LsMSo{align-items:flex-start;flex-direction:row;gap:10px;justify-content:center}#Profile_button_svg_toggle__wHUr9{opacity:50%}form{position:relative!important;width:92vw}.Profile_profile_wrapper_image_icon__5WAsd{padding:20px 10px;width:70vw}textarea{height:auto;position:relative;width:78vw}.Profile_profile_content__Ip5U8{align-items:center;flex-direction:column;gap:0}#Profile_username_switch-wrapper__3hcfx,.Profile_profile_content__Ip5U8>h2,.Profile_regular_border__cV6F\+{align-self:center}.Profile_occupation_education__XuRNV{align-items:center;padding:19px;width:258px}}.DotsComp_flex_dots__Ol0D1{box-sizing:border-box;color:#fff;display:flex;flex-wrap:nowrap;min-width:160px;overflow:hidden;position:relative}p{margin:0}#DotsComp_dots__Cch50{flex-wrap:nowrap;white-space:nowrap}:is(p){font-family:sans-serif;font-weight:800;text-transform:capitalize}:is(em){color:#0acbe9;text-transform:lowercase}:is(#DotsComp_dots__Cch50){color:#fdfafa;font-weight:800}.ProfilePage_aboutYouWrapper__HQRSx{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;justify-content:space-around;position:relative}.ProfilePage_profile_main_container_body__lcFxO{display:flex;flex-direction:column;flex-wrap:wrap;gap:50px;justify-content:f;justify-content:flex-start;margin-left:1px;margin-top:1rem;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;padding-top:3rem;position:relative;width:99vw}.ProfilePage_profile_info_wrapper__jI0VY{align-self:center;-webkit-animation:ProfilePage_dropUp__GrWzQ .5s ease;animation:ProfilePage_dropUp__GrWzQ .5s ease;background-color:#313131;border-radius:27px;display:flex;flex-direction:column;padding-bottom:50px;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;width:90vw}@-webkit-keyframes ProfilePage_dropUp__GrWzQ{0%{-webkit-transform:translateY(300%);transform:translateY(300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ProfilePage_dropUp__GrWzQ{0%{-webkit-transform:translateY(300%);transform:translateY(300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.ProfilePage_bio__g-1ah{text-wrap:wrap;word-wrap:break-word;align-items:center;align-self:center;background:#212020;border:3px groove #000;border-radius:41px;box-shadow:1px 1px 15px #020202;box-sizing:border-box;display:flex;font-style:italic;justify-content:center;justify-self:center;padding:32px;position:relative;text-align:center;width:100%}.ProfilePage_bio_wrapper__\+97be{align-items:flex-start;align-self:center;display:flex;flex-direction:column;text-align:center;width:79vw}.ProfilePage_bio__g-1ah>p{align-self:center}#ProfilePage_flex__dHrno{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}#ProfilePage_friends_count__f9q41{font-size:19px}@media only screen and (max-width:600px){.ProfilePage_aboutYouWrapper__HQRSx{align-items:center;flex-direction:column;font-size:13px;gap:0;justify-content:center}.ProfilePage_bio__g-1ah{min-width:80vw}#ProfilePage_flex__dHrno{align-items:center;display:flex;flex-direction:column;gap:5px}#ProfilePage_flex__dHrno>h2{font-size:25px;margin-bottom:-5px}}form{align-items:center;background:linear-gradient(135deg,#161a1d,#283644 25%,#1e252b 50%,#161a1d);display:flex;justify-content:flex-start;position:absolute}#visible_eye{color:#a9a9a9;left:89%;position:absolute;top:11%}.form-wrapper{height:100vh;justify-content:flex-start;justify-self:flex-start;padding-top:15px}.form-wrapper,.wrapper{display:flex;flex-direction:column;position:relative}.wrapper{text-align:center;width:90%}#logo-style-inline{color:#fff;font-family:Berkshire Swash,serif;font-size:50px;letter-spacing:1px}#header-border{align-items:center;align-self:center;-webkit-animation:gradientAnimation 20s ease infinite;animation:gradientAnimation 20s ease infinite;background:linear-gradient(135deg,#2e333c,#46556f 25%,#3a475b 50%,#2e333c);background-size:400% 400%;border:10px solid #2c3135;border-radius:25px;box-shadow:0 0 20px rgba(0,0,0,.5);display:flex;flex-direction:row;height:200px;justify-content:center;width:400px}@-webkit-keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.toggle-wrapper>p{font-weight:800}.question-wrapper h3{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.question-wrapper{align-self:center;background:linear-gradient(135deg,#374957,#3c5986 25%,#354a6b 50%,#364565);border:-20px ridge #354869;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;min-height:auto;min-width:89%;padding:20px;position:relative}.question-wrapper.dark-mode{min-height:auto}.question-wrapper.dark-mode>p{font-size:px}#number-value{gap:0;height:30px;justify-content:flex-end;margin-top:10px;width:auto}#number-value,.content-container{align-items:center;display:flex;flex-direction:column}.content-container{align-self:center;background:linear-gradient(135deg,#2e333c,#46556f 25%,#3a475b 50%,#2e333c);border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08),inset 0 1px 2px hsla(0,0%,100%,.8),inset 0 -1px 1px rgba(0,0,0,.1);box-sizing:border-box;cursor:default;justify-content:center;margin-bottom:15px;position:relative;width:30vw}.content-container>p{color:#f5f5f5;font-family:Varela Round,sans-serif;font-weight:700}.content-container.private{align-self:center;flex-direction:row;padding:37px;width:45%}.content-container.private,.info-div{align-items:center;display:flex;justify-content:center}.info-div{flex-direction:column;flex-wrap:wrap;gap:30px;justify-self:center}#errorPublicId,.category-list.error,.errorPublic{border:2px solid red}.category-container{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:space-between}.category-container>select{background-color:#f5f5f5;border:2px outset gray;border-radius:6px;color:#035f7e;cursor:pointer;font-family:Varela Round,sans-serif;height:37px;overflow-y:hidden;padding-left:10px;padding-right:10px;text-align:center}.category-container>select>option{background-color:gray;color:#fff;font-family:Varela Round,sans-serif;font-size:14px}.category-result{display:flex;flex-direction:column;gap:0;width:auto}#public-category{font-weight:700;height:30px;text-align:center;width:auto}#public-category::-webkit-input-placeholder{color:#fe662b;font-weight:800}#public-category::placeholder{color:#fe662b;font-weight:800}#name-value{align-items:center;display:flex;flex-direction:column;gap:0;height:10px;justify-content:flex-end;white-space:nowrap;width:auto}#public-number{font-weight:700;font-weight:800;padding:5px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#public-number::-webkit-input-placeholder{color:#8a2be2}#public-number::placeholder{color:#8a2be2}#public-name{font-weight:700;font-weight:800;padding:8px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#public-name::-webkit-input-placeholder{color:#000}#public-name::placeholder{color:#000}.toggle-wrapper{align-items:center;align-self:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;position:relative}.toggleSvg{cursor:pointer}.public-off{border:5px solid #fdf9f9;border-radius:15px;box-sizing:border-box;color:#fff;cursor:default;font-size:larger;padding:8px;transition:opacity .3s ease}.material-icon{fill:green;color:#fff}.public-off.true{border:#fff;box-sizing:border-box;color:#fff;cursor:pointer}#search-glass-wrapper{align-items:flex-end;justify-content:center}#room_visible,#search-glass-wrapper{display:flex;flex-direction:row;gap:5px}#room_visible{align-self:center;justify-self:center;left:10px;position:relative}#search-for-avail-room-button{background:linear-gradient(135deg,#1a1f23,#2a3a4c 25%,#232a30 50%,#1a1f23);background-size:200% 200%;border-radius:10px;padding-top:2px;transition:background-position .5s ease}#search-for-avail-room-button:hover{background-position:100% 100%}.private-wrapper{display:flex;flex-direction:column}.private-wrapper p{font-size:15px}#room-lookup{align-items:center;display:flex;flex-direction:row;gap:15px;margin-top:15px}#room-lookup,#search-glass-wrapper>input{text-align:center}.private-room-inputs input{min-width:40vw;padding-left:10px}.name.error,.private-room-inputs.error input{border:2px solid red}.private-room-inputs label{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-top:10px;white-space:nowrap}.public-hub-name{display:flex;flex-direction:column}.public-hub-name>input::-webkit-input-placeholder{display:flex;font-weight:500}.public-hub-name>input::placeholder{display:flex;font-weight:500}.public-hub-name>input{color:gray;font-family:sans-serif;font-weight:700;padding-left:10px;text-align:center;width:200px}#hub-name{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:72%}#hub-name>input::-webkit-input-placeholder{font-weight:700;text-align:center}#hub-name>input,#hub-name>input::placeholder{font-weight:700;text-align:center}#verify_name_button{align-self:center;background:linear-gradient(135deg,#1a1f23,#2a3a4c 25%,#232a30 50%,#1a1f23);background-size:200% 200%;border:3px solid #1c2125;border-radius:25px;box-shadow:0 6px 12px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.2),0 16px 40px rgba(0,0,0,.2),inset 0 -4px 12px #0d1115,inset 0 4px 8px #1c2125;color:#0a9ccd;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:35px;justify-self:center;margin-top:10px;position:relative;text-align:center;transition:all .2s ease-in-out;width:100px}label{font-family:Varela Round,sans-serif;font-weight:500}.public-hub-name.overview>input::-webkit-input-placeholder{color:gray;font-family:sans-serif;font-weight:800}.public-hub-name.overview>input::placeholder{color:gray;font-family:sans-serif;font-weight:800}.private-room-inputs{box-sizing:border-box;flex-direction:column;flex-wrap:wrap;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;justify-self:flex-start;position:relative}.private-info,.private-room-inputs{align-items:center;display:flex;gap:20px}.private-info{flex-direction:row;justify-content:center}#room-lookup{flex-direction:column}.submit-button{align-items:center;align-self:center;background:linear-gradient(135deg,#1a1f23,#2a3a4c 25%,#232a30 50%,#1a1f23);background-size:200% 200%;border:3px solid #1c2125;border-radius:5px;box-shadow:0 6px 12px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.2),0 16px 40px rgba(0,0,0,.2),inset 0 -4px 12px #0d1115,inset 0 4px 8px #1c2125;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;margin-top:20px;text-align:center;transition:all .2s ease-in-out;width:150px}.submit-button:hover{background:linear-gradient(135deg,#ff8c22,#c97527 25%,#c17c41 50%,#b06824);border:3px solid #ff8c22;border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.2),0 16px 40px rgba(0,0,0,.2),inset 0 -4px 12px #ff6a00,inset 0 4px 8px #ff8c22;font-weight:780;-webkit-transform:scale(.95);transform:scale(.95)}#verify_name{border-color:blue;color:#fff}@media only screen and (max-width:600px){#header-border{border-radius:10px;border-width:2px;display:flex;flex-direction:row;height:86px;width:300px}#verify_name{position:relative}.private-info{gap:20px}.toggle-wrapper{gap:0}.public-off,.toggle-wrapper{box-sizing:border-box}.form-wrapper{align-items:center;justify-content:flex-start;margin:10px}#hub-name{width:85%}.content-container{min-width:75vw}form{align-items:center}.question-wrapper{width:88%}.content-container.private{width:75%}.private-room-wrapper{flex-wrap:wrap;gap:0;justify-content:space-around;width:100%}.private-wrapper{gap:0}.private-wrapper p{font-size:12px}#name-value{flex-direction:column;gap:0}#logo-style-inline{font-size:30px}}
/*# sourceMappingURL=main.f635c83f.css.map*/