body{background-color:#171717;color:#d7aeae;display:flex;flex-direction:column;font-family:Red Hat Display,sans-serif;font-size:18px;margin:0;overflow-y:auto}@media (max-width:600px){body{font-size:16px}.connected-users{display:none}#root{height:-webkit-fill-available;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}}#root{display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available}#header{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:36px;font-weight:700;height:60px;justify-content:space-between;letter-spacing:1px;padding:1%;text-align:center}.connected-users{font-size:12px;padding-left:3%}.title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(125deg,#ff499e 35%,#7d83ff);color:#0000;left:50%;position:absolute;transform:translateX(-50%)}#popup{height:100vh}.popup-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#1f1f1f;border-radius:15px;max-width:500px;padding:1.1rem;text-align:center;width:90%}.popup-content h1{color:#fff;font-size:1.8rem}.popup-content ul{font-size:1.25rem;line-height:1.6;list-style-type:none;padding-left:0}.popup-content button{background:#333;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:1rem 2rem;transition:background-color .3s}.popup-content button:hover{background:#444}@media (max-width:900px){#chatbox input[type=text]{padding-left:5%!important}#chatbox:focus{padding-left:7%!important}}#chatbox{border-radius:5px;display:flex;flex-shrink:0;min-height:5%;padding:1% 3% .2%}#chatbox form{display:flex;flex-grow:1}#chatbox input[type=text]{background:#2a2a2a;border:1px solid #333;border-radius:100px;color:#fff;flex:1 1;font-size:inherit;margin-left:1%;margin-right:1%;outline:none;padding:1% 1% 1% 2%;transition:all .3s ease}#chatbox input[type=text]:focus{background-color:#444;outline:2px solid #121212;padding-left:2.5%}#chatbox button{align-items:center;background-color:#333;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:inherit;justify-content:space-between;padding:1% 2%;transition:background-color .3s ease,transform .2s}#chatbox button:hover{background-color:#555;transform:scale(1.05)}#chatbox button .icon-Container{background-color:#f59aff;border:3px solid #333;border-radius:100px;height:4.5%;width:4.5%}#chatbox button .icon-Container,#chatbox button .text{align-items:center;display:flex;justify-content:center}#chatbox button .text{color:#fff;font-size:20px;height:100%;letter-spacing:1.2px;width:125px}#chatbox button .icon-Container svg{transition-duration:1.5s}#chatbox button:hover .icon-Container svg{animation:arrow 1s linear infinite}.send-button{display:flex;gap:1%}.send-icon{color:#fff;height:18px;transform:rotate(-90deg);width:18px}@keyframes arrow{0%{margin-left:0;opacity:0}to{margin-left:10px;opacity:1}}@media (max-width:1000px){.received-message,.sent-message{font-size:18px;padding:2%!important}}#messageWindow{display:flex;flex:1 1;flex-direction:column;font-size:20px;margin-bottom:1%;overflow-y:auto;padding-left:3%;padding-right:3%}#messageWindow>:first-child{margin-top:auto!important}.received-message,.sent-message{word-wrap:break-word;align-items:center;animation:fadeIn .5s ease-in-out;border-radius:10px;display:flex;flex-direction:column;margin-top:.5%;max-width:70%;min-width:2%;padding:.8% .8% .5%}.sent-message{align-items:end;align-self:flex-end;background-color:#000}.received-message{align-self:flex-start;background-color:#252525}.searching-message{animation:pulse 2s infinite;font-size:1.2em;padding:20px}.searching-message,.typing-indicator{color:#666;font-style:italic;text-align:center}.typing-indicator{align-self:flex-start;margin:10px}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.notification-connected,.notification-disconnected{color:#ef476f;font-size:22px;font-weight:700;padding:10px;text-align:center}.notification-connected{animation:fadeQuick 3s;color:#069e2d}@keyframes fadeQuick{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.message-time{color:#666;font-size:12px}.message-wrapper{align-items:center;display:flex}.sent-message-wrapper{justify-content:flex-end}.received-message-wrapper{justify-content:flex-start}.message-time-left,.message-time-right{color:#666;font-size:12px}.message-time-right{align-self:flex-end}.message-time-left{align-self:flex-start}.footer-content{justify-content:flex-end;padding-bottom:.5%;padding-right:3%}.footer-content,.linkedin-link{align-items:center;display:flex}.linkedin-link{color:#d7aeae;gap:4px;text-decoration:none}.linkedin-logo{fill:currentColor;height:24px;width:24px}