*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#ececf1}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:#212121}.burger{position:absolute;top:50%;left:0;transform:translate(-25%,-50%);fill:#ececf1;cursor:pointer}.sidebar{width:0rem;padding:0rem;gap:0rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#202123;overflow:auto;transition:all .3s ease}.sidebar.open{width:0;padding:0;opacity:0;box-shadow:0 0 14px #ececf1;filter:blur(14px)}.sidebar-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-radius:.3rem;border:.05rem solid rgba(255,255,255,.5);cursor:pointer}.sidebar-header:hover{background-color:#2b2c2f}.sidebar-history{width:100%;height:100vh;overflow:auto}.sidebar-history p{position:sticky;top:0;background-color:#202123;padding:.4rem;color:#8e8fa1;font-size:.8rem;font-weight:600;z-index:1}.sidebar li{position:relative;overflow:hidden;text-overflow:ellipsis;padding:.5rem;white-space:nowrap}.sidebar .li-overflow-shadow:not(:hover):after{content:"‎";position:absolute;bottom:.5rem;right:-5px;padding:0 5px;left:calc(100% - 50px);border-radius:.3rem;background:linear-gradient(to right,#0000,#202123 100%,#0000);pointer-events:none;z-index:1}.sidebar-info{width:100%;padding-top:1rem;border-top:.05rem solid rgba(255,255,255,.5)}.sidebar-info-upgrade,.sidebar-info-user{display:flex;align-items:center;gap:.5rem;padding:.5rem}.sidebar li:hover,.sidebar-info-upgrade:hover,.sidebar-info-user:hover{background-color:#212121;border-radius:.3rem;cursor:pointer}.sidebar-info-upgrade:hover,.sidebar-info-user:hover{cursor:not-allowed}.main{display:flex;flex-direction:column;height:100vh;justify-content:space-between;align-items:center;padding:1rem;position:relative;overflow:hidden}.main h1{font-size:2rem}.main-header{width:100%;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;overflow-y:scroll}.main-header li:nth-child(odd){background-color:unset}.main-header li:nth-child(2n){background-color:#212121}.main-header img:not(:nth-child(2n)){display:block;border-radius:.3rem;width:1.8rem;height:1.8rem}.role-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.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{margin:0 auto}#errorTextHint{margin:0 auto;opacity:.6}.form-container{width:50rem;padding:.3rem 1.6rem;margin:0 auto;border-radius:.3rem;display:flex;align-items:center;background-color:#2f2f2f;box-shadow:#0000000d 0 3.3rem 3.4rem,#0000000d 0 -.7rem 1.8rem,#0000000d 0 .2rem .3rem,#0000000d 0 .7rem .2rem,#0000000d 0 .2rem .3rem}.form-container textarea{width:100%;height:3rem;font-size:1rem;padding-right:1rem;background-color:#2f2f2f;outline:none;border:none}.form-container textarea::placeholder{color:#8e8fa1}.form-container svg{fill:#8e8fa1;transform:rotate(-45deg)}.form-container svg:hover{fill:#ececf1}@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){.main-header li{gap:1rem}}.login-ui{position:fixed;top:10px;right:20px;display:flex;align-items:center;z-index:1000}.user-info{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%}.credit-balance{font-size:16px;color:#000;margin-left:10px}