#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/assets/bg-DKFNFzrP.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:wheat;display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.chat-container{height:50px}.header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:1vw;right:1vw;border-radius:10px;height:50px;margin-top:10px;background-color:#fff0;border:2px dashed wheat;transition:.3s}button{background-color:#222121;color:wheat;border:none;padding:10px;margin:10px;border-radius:10px;cursor:pointer}button:hover{background-color:#3a3737;transform:scale(1.05);box-shadow:0 0 15px #0f0;animation:glowOutline 2s infinite;transition:.3s}@keyframes glowOutline{0%{box-shadow:0 0 15px #0f0}25%{box-shadow:0 0 15px red}50%{box-shadow:0 0 15px #00f}75%{box-shadow:0 0 15px #f0f}to{box-shadow:0 0 15px #0f0}}.entry-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.user-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:98vw;margin-left:1vw;margin:10px}.chat-body{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:86vh}.recipient-container{display:flex;padding:10px;border-radius:10px;background-color:#0000;border:2px dotted wheat;margin:5px;position:relative}.recipient-container:hover{background-color:#0000;border:2px dotted wheat;box-shadow:0 0 15px #0f0;animation:glowOutline 2s infinite;transition:.3s}.welcome-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px}.recipient{display:flex;justify-content:space-between;align-items:center;height:50px;padding:10px;margin-left:10px;margin-right:10px;border-radius:10px;background-color:#0000;border:1px solid wheat;width:97vw;margin-left:1.5vw}.messages-container{display:flex;flex-direction:column;margin:10px;width:97vw;margin-left:1.5vw;height:72vh;background-color:#000;border:1px solid wheat;border-radius:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.messages-container::-webkit-scrollbar{display:none}.message{display:flex;flex-direction:row;justify-content:start;align-items:center;margin:5px;background-color:wheat;color:#000;width:max-content;max-width:70%;padding:10px;border-radius:15px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}input{width:88vw;margin-left:1vw;margin-top:10px;margin-bottom:10px;border-radius:10px;padding:10px;background-color:#222121;color:wheat}input::placeholder{color:#f5deb370}.send-message{display:flex;justify-content:space-between;left:1vw;right:1vw}.conversations-container{margin-left:1vw;margin-right:1vw;margin-top:10px;margin-bottom:10px}img{width:25px;height:25px;border-radius:50%;margin-right:10px}.recipient-info{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:10px}.unread-badge{background-color:#0f0;color:#000;border-radius:50%;min-width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;padding:2px 6px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #0f06}70%{box-shadow:0 0 0 10px #0f00}to{box-shadow:0 0 #0f00}}.side-notification{position:absolute;right:-10px;top:50%;transform:translateY(-50%);background-color:red;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;padding:2px 6px;border:2px solid wheat;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #f006}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}