.user{align-self:flex-end;background-color:#090a0b08;max-width:70%;width:auto;height:auto;font-size:16px;border-radius:8px;padding:16px 24px;color:#000}.system{align-self:flex-start;max-width:90%;width:auto;height:auto;font-size:16px;padding:4vh 0vw;color:#000}@media (max-width: 600px){.user{max-width:90%;width:auto}.system{max-width:95%;width:auto}}.icon-message-container{display:flex;position:relative;flex-direction:row;align-items:flex-start}.icon-img{flex-shrink:0;width:40px;height:40px;object-fit:cover;border-radius:1em;margin-right:1em}@media (max-width: 428px){.icon-img{width:32px;height:32px}}#user-icon-container{width:2.5em;height:2.5em;border-radius:50%;background-color:#fef6e0;display:flex;align-items:center;justify-content:center;padding:.4em;box-sizing:border-box}#user-icon{width:40px;height:40px;color:#f7b706}