.Login{height:100vh}.Login,.card{align-items:center;display:flex;justify-content:center}.card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #000c;flex-direction:column;height:400px;padding:16px;width:350px}.LoginHeader{display:flex;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:20px;font-weight:700;justify-content:center;margin-bottom:20px}.LoginForm{display:flex;flex-direction:column;gap:15px;width:100%}.felhasznalonev_email,.jelszo{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.felhasznalonev_email:focus,.jelszo:focus{border-color:#787878;box-shadow:0 0 8px #cbcbcb99;outline:none}.password_with_toggle{position:relative;width:100%}.toggle_icon{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle_icon:hover{color:#000}.jelszo{padding-right:35px}.bejelentkezes_gomb{background-color:#b8b8b8;border:none;border-radius:4px;color:#000;cursor:pointer;padding:10px;width:100%}.bejelentkezes_gomb:hover{background-color:#dbdbdb}.users-list{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;margin-top:10px}.user-card{background-color:#f8f8f8;border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s;width:20%}.user-card:hover{background-color:#e0e0e0;box-shadow:0 2px 6px #0003}.user-name{font-size:16px;font-weight:700}h1,h2,h3,h4,h5,h6{display:flex;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:20px;font-weight:700;justify-content:start;margin-bottom:20px}.chat-wrapper{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}@supports (padding-top:constant(safe-area-inset-top)){.chat-wrapper{padding-bottom:constant(safe-area-inset-bottom);padding-top:constant(safe-area-inset-top)}}.otheruserinfo{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ccc;display:flex;flex:0 0 auto;gap:10px;padding:10px}.profile-picture{border-radius:50%;height:40px;width:40px}.other-user-name{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:18px;font-weight:700}.chat-container{background-color:#fafafa;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.message-wrapper{display:flex;width:100%}.other{justify-content:flex-start}.other .bubble{background-color:#a7a7a7;border-radius:15px 15px 15px 0;margin-right:20%}.me{justify-content:flex-end}.me .bubble{background-color:#5db1ff;border-radius:15px 15px 0 15px;color:#fff;margin-left:20%}.bubble{word-wrap:break-word;box-shadow:0 1px 2px #0000001a;max-width:70%;padding:10px 15px}.input-bar{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;flex:0 0 auto;gap:10px;padding:10px}.message-input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:10px}.helper-form{display:flex;flex:1 1}.message-input:focus{border-color:#787878;box-shadow:0 0 8px #cbcbcb99;outline:none}.send-icon{cursor:pointer;font-size:24px;transition:color .2s}.logout_and_hi{align-items:center;display:flex;justify-content:space-between}.logout-icon{cursor:pointer;font-size:24px;transition:color .2s}.logout-icon:hover{color:#ff4d4d}body{overflow:hidden}
/*# sourceMappingURL=main.7b1d6722.css.map*/