html,body,#root{position:fixed;top:0;left:0;width:100%;height:100vh;margin:0;background:rgb(255,255,255)}#root{background:#cce7ff}canvas{width:100%;height:100vh}.login_form_div{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:100px;width:300px;display:inline-table;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#ffffffbf;border-radius:12px;border:1px solid rgba(209,213,219,.3);padding:20px 30px}.login_form_div form{display:flex;flex-direction:column;gap:6px}#email_input_form{padding:12px 14px;border-radius:10px 10px 4px 4px;border:none;background:#fff}#pass_input_form{padding:12px 14px;border-radius:4px 4px 10px 10px;border:none;background:#fff}.login_form_div form button{padding:10px;border-radius:10px;border:none;box-shadow:0 0 13px 2px #c7c7c7;margin-top:9px;background:#aed6f9;transition:box-shadow .5s ease-out}.login_form_div form button:hover{box-shadow:0 0 4px 2px #c7c7c7}.header_banner{background:rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);width:100%;top:0;left:0;position:fixed;height:55px}.button_header{display:inline-flex;background:#fff;border:none;border-radius:8px;height:34px;padding:0;transition:background .5S ease-out,color .5s ease-out}.button_header:hover{background:#ff9500;color:#fff}.button_header span{padding:4px 6px;margin:5px}.button_header svg{background:#ef6836;padding:5px;stroke:#fff;border-radius:6px}.button_header .add_user_div{position:absolute;top:60px;right:20px;background:#fff;padding:10px;border-radius:10px;width:400px;transition:right .5s ease-out}.display_buttons_header{position:absolute;top:12px;right:20px;z-index:10;display:flex;gap:10px}.imago_logo{position:absolute;height:45px;top:5px;width:120px;background:#fff;left:5px;margin:auto}.imago_logo a{margin:12px auto auto;text-align:center;text-decoration:none;color:#333;width:100%;height:100%;position:absolute}.link_to_rooms_div{position:absolute;left:43%;top:12px;gap:10px;display:inline-flex}.link_to_rooms_div a{padding:7px 15px;flex:1;background-color:#fff;border-radius:10px;text-decoration:none;cursor:pointer;color:#333!important}.not_allowed{background-color:#ffffff50!important;cursor:not-allowed!important}.add_user_div h3{text-align:center;margin:14px 0}.display_text_div_first_room{width:400px;background:rgba(255,255,255,0);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem;border-radius:10px;position:absolute;top:24%;left:30%;transform:translate(-50%,-50%);z-index:5;height:300px;-webkit-user-select:none;user-select:none}.choice_div_first_room{display:grid;width:100%;margin:auto;gap:17px;margin:7vh 0vh}.choice_div_first_room div{margin:0 10%}.choice_element_text{margin:auto;padding:10px 20px;border:1px solid rgb(204,204,204);border-radius:6px;cursor:pointer;background:rgb(255,255,255);width:70%;height:fit-content;text-align:center;transition:border .5s ease-out,background .5s ease-out}.button_validate_first_room_div{position:absolute;bottom:0;left:0;width:100%;display:inline-flex}.button_validate_first_room_div button{flex:1;width:70%;margin:0 30%;height:40px;border-radius:14px;transition:background .5s ease-out,color .5s ease-out}.button_validate_first_room_div button:hover{background:#fff;color:#333}.button_validate_first_room{margin-top:15px;padding:8px 16px;border:none;background:#333;color:#fff;border-radius:6px}.button_close_first_room{position:absolute;top:-7.5vw;right:-48vw;border:none;height:38px;width:38px;padding:2px;box-shadow:0 0 12px -3px #777;border:2px solid transparent;transition:box-shadow .5s ease-out,background .5s ease-out,border .5s ease-out}.button_close_first_room:hover{box-shadow:0 0 12px 2px #777;border:2px solid #fff;background-color:#ff0000a3}.button_close_first_room:hover svg{stroke:#333;transition:stroke .5s ease-out}.button_close_first_room:hover svg{stroke:#fff}
