.chat{height:100%}.guide-chat{width:320px}.guide-chat>.messages-box{height:100%;background-color:var(--white-color);overflow-y:none}.guide-chat>.messages-box>.messages-box__messages{min-height:auto}.chat-list{flex:0 0 100%;max-width:100%;position:relative;overflow:auto;height:100%}.chat-list-item-info{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin-left:8px}.chat-list-item-info__time{font-size:.875rem}.chat-item{flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;position:relative;height:100%}.chat-list>.list{padding-top:52px;padding-bottom:52px}.chat-list--hide,.chat-item--hide{display:none}.chat-item__send{display:flex;align-items:center;height:auto;width:100%;border-top:1px solid var(--black-color-12);background:var(--white-color)}.chat-item__send-input{position:relative;min-height:52px;max-height:160px;width:calc(100% - 52px);height:inherit;overflow:auto;transition:height .3s;cursor:text}.chat-item__send-input--no-focus{height:52px}.chat-item__send-input>div{padding:12px;caret-color:var(--primary-color)}.chat-item__send-input>div[placeholder]:empty:before{content:attr(placeholder);color:var(--black-color-60)}.messages-box{height:calc(100% - 104px);background-color:#f1f0f0;overflow-y:scroll}.messages-box__messages{display:flex;flex-direction:column;justify-content:flex-end;padding:0 14px;min-height:100%}.messages-box__down{position:absolute;bottom:72px;right:12px;background:var(--white-color)}.message{display:flex;width:100%;color:var(--black-color-87);padding:10px 0}.message--my{justify-content:flex-end}.message-content{max-width:86%;border-radius:8px;padding:8px;position:relative;background-color:#cfd8dc;word-wrap:break-word}.message--my>.message-content{background-color:#fff}.message--first{margin-top:20px}.message--first:not(.message--my)>.message-content:after,.message--first:not(.message--my)>.message-content:before{content:"";position:absolute;width:0;height:0;top:0;left:-12px;border-top:20px solid #cfd8dc;border-left:20px solid transparent;border-radius:3px 0 0}.message--my.message--first>.message-content:after,.message--my.message--first>.message-content:before{content:"";position:absolute;width:0;height:0;top:0;right:-12px;border-top:20px solid white;border-right:20px solid transparent;border-radius:0 3px 0 0}.message-info{float:right;margin-top:12px;margin-left:12px;margin-bottom:0;font-size:12px;line-height:12px;font-weight:400;color:var(--black-color-60)}.ellipsis{display:inline-block;position:relative;width:48px;height:16px}.ellipsis div{position:absolute;top:3px;width:6px;height:6px;border-radius:50%;background:var(--info-color);animation-timing-function:cubic-bezier(0,1,1,0)}.ellipsis div:nth-child(1){left:6px;animation:ellipsis1 .6s infinite}.ellipsis div:nth-child(2){left:6px;animation:ellipsis2 .6s infinite}.ellipsis div:nth-child(3){left:21px;animation:ellipsis2 .6s infinite}.ellipsis div:nth-child(4){left:35px;animation:ellipsis3 .6s infinite}@keyframes ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ellipsis2{0%{transform:translate(0)}to{transform:translate(14px)}}@media (min-width: 600px){.chat-list{flex:0 0 320px;max-width:320px;border-right:1px solid var(--black-color-12);box-sizing:border-box;height:90vh}.chat-list>.list{padding-top:0;padding-bottom:0}.chat-item{flex:0 0 calc(100% - 320px);max-width:calc(100% - 320px);height:90vh}}.chat__typing.svelte-1dz6qn4{color:var(--primary-color)}.chat__title-item--mobile.svelte-1dz6qn4{width:calc(100% - 90px)}