.chat-container{display:flex;flex-direction:column;height:80vh;max-width:600px;margin:auto;border:1px solid #ccc;overflow:hidden}.messages{flex-grow:1;display:flex;flex-direction:column;padding:10px;overflow-y:auto}.message{width:auto;margin-bottom:10px;padding:5px 10px;border-radius:20px;display:flex}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.left .profile-image{order:2;margin-left:10px;margin-right:0}.text{padding:5px 10px;border-radius:20px;display:inline-block}.left .text{background-color:#f0f0f0}.right .text{background-color:#007bff;color:#fff}.left{justify-content:flex-start}.right{justify-content:flex-end;color:#000}.send-message-form{display:flex;padding:10px;border-top:1px solid #ccc}.send-message-form input{flex-grow:1;padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:5px}.send-message-form button{padding:10px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:15px}.receive-message-button{margin:10px;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}#scrollButton{position:fixed!important;bottom:"20"!important}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}import "@fontsource/roboto/300.css"; import "@fontsource/roboto/400.css"; import "@fontsource/roboto/500.css"; import "@fontsource/roboto/700.css"; html{scroll-behavior:smooth!important}body{scroll-behavior:smooth!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}