.Login{align-items:center;display:flex;height:100vh;justify-content:center}.felhasznalonev_email,.jelszo{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.register{color:-webkit-link;cursor:pointer;margin:0 10px;text-align:center;text-decoration:underline}.register:hover{text-decoration:none}.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:1 1 auto;flex-direction:column;gap:12px;margin-top:10px;overflow-y:auto}.vertical{align-items:center;display:flex;gap:12px}.Home{height:100vh}.Home,.user-card{display:flex;flex-direction:column}.user-card{align-items:start;background-color:#fff;border-radius:50px;box-shadow:0 2px 6px #0003;cursor:pointer;gap:12px;max-width:50%;min-width:5%;padding:12px;text-align:start;transition:all .2s;width:-webkit-fit-content;width:fit-content}.textpreview{margin-left:10px;margin-top:0}.profile_picture{width:65px}.user-card:hover{background-color:#e0e0e0;box-shadow:0 2px 6px #0003}.user-name{font-size:22px;font-weight:700}.search-icon{cursor:pointer;font-size:32px;margin:10px;padding-right:20px;transition:color .2s}.search-icon:hover{color:#2f2f2f}.logout-icon{cursor:pointer;font-size:36px;margin:10px;transition:color .2s}.logout-icon:hover{color:#ff4d4d}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}body{background-color:#e0e0e0}.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:45px;width:45px}.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%;min-width:50px;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}.timestamp{color:#e8e8e8;font-size:12px;margin:0;text-align:end}.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}.arrow_back{font-size:20px}body{overflow:hidden}.Register{height:100vh}.Register,.card{align-items:center;display:flex;justify-content:center}.card{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #000c;flex-direction:column;height:50%;padding:16px;width:40%}@media (max-width:600px){.card{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #000c;display:flex;flex-direction:column;height:80%;justify-content:center;padding:16px;width:70%}}.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%}.email,.felhasznalonev,.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}.login{color:-webkit-link;cursor:pointer;margin:0 10px;text-align:center;text-decoration:underline}.login:hover{text-decoration: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}.regisztracio_gomb{background-color:#b8b8b8;border:none;border-radius:4px;color:#000;cursor:pointer;padding:10px;width:100%}.regisztracio_gomb:hover{background-color:#dbdbdb}.input{align-items:center;display:flex}.search-bar{border-color:#0000;border-radius:12px;padding:10px;width:100%}.search-button{width:40px}.arrow_back,.search-button{cursor:pointer;font-size:26px}.arrow_back{margin-right:10px}.Search{display:flex;flex-direction:column;height:100vh}