.chat-container{position:fixed;bottom:20px;right:70px;width:300px;height:600px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:#fff;z-index:1000}.chat-container::-webkit-scrollbar{width:4px}.chat-container::-webkit-scrollbar-track{background-color:#f1ede9}.chat-container::-webkit-scrollbar-thumb{box-shadow:inset 0 0 60px #0d2c6c}.chat-box-header{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#0d2c6c;height:60px;display:flex;justify-content:center;align-items:center;position:relative}.chat-content{height:480px;padding:5px 10px;display:inline-flex;flex-direction:column;width:100%;overflow:auto}.chat-content::-webkit-scrollbar{width:4px}.chat-content::-webkit-scrollbar-track{background-color:#f1ede9}.chat-content::-webkit-scrollbar-thumb{box-shadow:inset 0 0 60px #0d2c6c}.chat-message-box{height:50px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;justify-content:center;align-items:center;padding:0 10px}.chat-text-box{height:40px;border:1px solid #0d2c6c;border-radius:10px;width:100%;margin:0 5px 0 10px;padding:0 5px;color:#a7a7a7;outline:none;font-size:12px}.chat-sender-bubble{background-color:#617bc4;border-bottom-left-radius:10px;align-items:flex-start;align-self:flex-end}.chat-receiver-bubble,.chat-sender-bubble{display:inline-flex;margin:10px 0;border-top-right-radius:10px;border-top-left-radius:10px;max-width:75%;justify-content:center}.chat-receiver-bubble{border-bottom-right-radius:10px;background-color:#e9ecf5;align-items:flex-end;align-self:flex-start}.chat-bubble-text-gray{font-size:14px;line-height:20px;padding:10px;color:#000}.chat-bubble-text-blue{font-size:14px;line-height:20px;color:#fff;padding:10px}.attach-icon{width:25px;cursor:pointer}@media (max-width:1023px){body .chat-container{top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;border-radius:0;z-index:100000001;display:flex;flex-direction:column}body .chat-container .chat-box-header{flex-shrink:0;border-radius:0;height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}body .chat-container .chat-content{flex:1;height:auto;min-height:0}body .chat-container .chat-message-box{flex-shrink:0;border-radius:0;height:auto;min-height:50px;padding-bottom:env(safe-area-inset-bottom)}}