:root{--background-color:#F2F2F2}html{background:var(--background-color)}body,html{height:100%;margin:0;padding:0}body::-webkit-scrollbar{width:0}ul{list-style-type:none}button{border:none;background-color:unset;cursor:pointer}.container{height:100vh;display:grid;grid-template-columns:0fr 1fr;background-color:#343541}.main{display:flex;flex-direction:column;height:100%;justify-content:space-between;align-items:center;padding:1rem}.main h1{font-size:2rem}.main-header{width:100%;gap:1rem;padding-bottom:1rem;overflow:auto}.main-header ul{max-width:100%;padding:.5rem;margin:.5rem;border-radius:.3rem}.main-header li{max-width:90%;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:.3rem}.main-header li:nth-child(odd){background-color:#f2f2f2}.main-header li:nth-child(2n){background-color:#b37f40}.main-header img:not(:nth-child(2n)){display:block;border-radius:.3rem;width:1.8re;height:1.8rem}.main-bottom{display:flex;flex-direction:column;gap:.5rem}.main-bottom p:first-child{padding-top:.5rem}.main-bottom p{font-size:.8rem;text-align:center;color:#c3c3d1}.empty-chat-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-chat-container h3{font-weight:500}.errorText{width:45rem;margin:0 auto}.form-container{width:50rem;padding:.3rem 1.6rem;border-radius:.3rem;display:flex;align-items:center;background-color:#b37f40;box-shadow:rgba(0,0,0,5%)0 3.3rem 3.4rem,rgba(0,0,0,5%)0 -.7rem 1.8rem,rgba(0,0,0,5%)0 .2rem .3rem,rgba(0,0,0,5%)0 .7rem .2rem,rgba(0,0,0,5%)0 .2rem .3rem}.form-container input{width:100%;height:3rem;font-size:1rem;padding-right:1rem;background-color:#b37f40;outline:none;border:none}.form-container input::placeholder{color:#8e8fa1}.form-container svg{fill:#5f6070;transform:rotate(315deg)}.form-container svg:hover{fill:#8e8fa1}@media screen and (min-width:1280px){.main-header li{margin:1rem auto;width:50rem}}@media screen and (max-width:1080px){.form-container{width:auto}}@media screen and (max-width:640px){.sidebar{display:none}.container{display:block}}