@font-face{font-family:Itim;src:url(/FED-Assg02-MokeSell/fonts/Itim-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/FED-Assg02-MokeSell/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins_Light;src:url(/FED-Assg02-MokeSell/fonts/Poppins/Poppins-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/FED-Assg02-MokeSell/fonts/Poppins/Poppins-Medium.ttf);font-weight:400;font-style:normal}html,body{max-width:100%;overflow-x:hidden;font-family:Roboto,sans-serif}*{padding:0;margin:0;box-sizing:border-box}body{overflow-x:hidden}#chat-container{display:flex;flex-direction:row;position:relative;gap:2.5rem;padding:1rem;height:85vh;margin:4.5vh 7vw 0vh 7vw}.chats{display:flex;flex-direction:column;width:32.5vw;gap:1vh}.chat{display:flex;position:relative;flex-direction:row;align-items:center;gap:1rem;padding:.5rem;background:linear-gradient(to bottom,#2492e6,#00d0ff);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #000000;border-radius:10px;height:10vh;transition:transform .2s ease-in-out}.chat:hover{background-color:#f6f6f899;border:3px solid #000000;transform:scale(1.05)}.chat-message{position:absolute;top:6vh;width:100vw;font-size:.75rem;overflow-wrap:break-word}.chat-profile{display:flex;flex-direction:row;align-items:center;position:absolute;gap:1rem;top:1.5vh}.chat-profile img{width:2vw;height:2vw;padding:.2rem;border-radius:50%;border:2px solid #000000}#chat-list{display:block;box-shadow:0 6px 12px #00000026,0 12px 24px #0003,0 18px 36px #00000040}.currentchat-profile{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-top:2vh;margin-left:2.5vw;font-size:1.25rem}.currentchat-profile img{width:3vw;height:3vw;padding:.5rem;border-radius:50%;border:2px solid #000000}.current-chat{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:2px solid #000000;background:linear-gradient(to bottom,#3a99e2,#3fd4f5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;width:80vw;height:60vh;overflow:auto;box-shadow:0 6px 12px #00000026,0 12px 24px #0003,0 18px 36px #00000040}#messages{display:flex;flex-direction:column;width:100%;height:100vh;gap:1rem}.usersentmessage{align-self:flex-end;border:2px solid #000000;padding:.75vw;font-size:1rem;width:max-content;max-width:50%;border-radius:1.25rem;word-break:break-word;overflow-wrap:break-word;white-space:normal;background-color:#f5f5f5b3}.replymessage{align-self:flex-start;border:2px solid #000000;padding:.75vw;font-size:1rem;width:max-content;max-width:50%;border-radius:1.25rem;word-break:break-word;overflow-wrap:break-word;white-space:normal;background-color:#f5f5f5b3}#chat-input{display:flex;align-items:center;background-color:#f5f5f5;border-radius:1.875rem;padding:.625rem 1rem;box-shadow:0 .125rem .625rem #0000001a;width:100%;position:sticky;bottom:0;height:3.125rem;box-sizing:border-box;z-index:2}#clip,#mic,#send{width:1.25rem;height:1.25rem;cursor:pointer}#chat-input input[type=text]{flex-grow:1;border:none;background:none;font-size:1rem;padding:.5rem .75rem;border-radius:.9375rem;margin-left:.625rem;outline:none;height:1.875rem}#mic,#send{margin-left:.625rem}#send{margin-left:1.25rem}#responsive-header,#back-home{display:none}@media (max-width: 768px){#chat-container{margin:0;padding:0}#responsive-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4rem;margin:2vh 10vw 2vh 2vw;font-size:1.2rem;font-family:Poppins,sans-serif}#responsive-header img{transform:rotate(180deg);width:7vw;height:7vw}.current-chat{display:none}.back{transform:rotate(180deg);width:7vw;height:7vw}.chats{display:flex;flex-direction:column;width:100vw;gap:0}.chat{padding:1rem;border-radius:0;height:10vh}.chat-message{position:absolute;top:6vh;width:100vw;font-size:.75rem;overflow-wrap:break-word}.chat-profile img{width:7vw;height:7vw;padding:.2rem;border-radius:50%;border:2px solid #000000}.current-chat{width:100vw;height:100%;border-radius:0}}