.chat-send-btn{background:transparent;border:none;padding:0;height:24px;width:24px;display:flex;justify-content:center;align-items:center;color:var(--primary-200)}.chat-send-btn path{fill:var(--primary-200)}.chat-send-btn .is-disabled path{fill:var(--text-400)}.typing-area-form{display:flex;flex-shrink:0;position:relative;width:100%;justify-content:space-between;align-items:center;gap:10px}.typing-area-form-wrapper{padding:18px 14px;border-top:1px solid var(--primary-200)}.chat-textarea{resize:none;font-weight:400;font-size:14px;line-height:15px;border:none;max-height:120px;width:100%;padding:0;color:var(--text-300);background:transparent}.chat-textarea:disabled{background-color:transparent}.chat-textarea::placeholder{font-size:14px;line-height:16px}.chat-item-right{align-items:flex-end}.chat-item-left,.chat-item-right{display:flex;flex-direction:column}.chat-item-left{align-items:flex-start}.message-error{color:var(--warning);font-size:12px;line-height:16px;margin-bottom:8px}.message-time{color:var(--text-400);font-size:10px;line-height:12px;margin-bottom:20px;display:flex;align-items:baseline}.message-date{width:100%;text-align:center;position:relative;height:16px;display:flex;justify-content:center;margin-block:12px}.message-date>span{color:var(--text-400);font-size:12px;padding-inline:16px;background-color:var(--white);z-index:5}.message-date-line{width:100%;height:1px;background-color:var(--text-400);position:absolute;top:50%;transform:translateY(50%)}.chat-arrow{color:var(--text-100)}.chat-wrapper{position:absolute;bottom:0;width:100%;box-shadow:-2px -2px 4px 0 #00000040;transition:var(--global-transition)}.chat-bottom-wrapper{display:flex;cursor:pointer;width:100%;height:60px;padding:15px;justify-content:space-between;align-items:center;border-right:1px solid var(--shade-300)}.sidebar-left.active .chat-bottom-wrapper{padding-right:12px}.chat-bottom-sub-wrapper{display:flex;gap:12px}.chat-icon-styled{display:flex;justify-content:center;align-items:center;border-radius:var(--radius-full);background:var(--primary-100);color:var(--icon-100)}.chat-icon-styled svg{width:30px;height:30px}.chat-box{width:380px;height:563px;display:flex;flex-direction:column;margin-bottom:3px;background:var(--white);font-weight:400;font-size:16px;border-radius:var(--radius-l) var(--radius-l) 0 0;overflow:hidden;position:fixed;bottom:0;left:73px;border:1px solid var(--primary-200);opacity:0;transform:scale(0);transition:var(--global-transition);transform-origin:left bottom;z-index:1000}.chat-box.is-chat-active{transform:scale(1);opacity:1}.chat-box.is-sidebar-open{left:243px}.chat-header{width:100%;height:58px;background:var(--primary-200);display:flex;justify-content:space-between;padding:19px 18px;font-weight:500;font-size:14px;color:var(--text-200)}.chat-header>span{cursor:pointer}.chatting-block{padding:0 16px;display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;overflow:hidden;gap:14px}.chat-title{font-weight:600;font-size:14px;line-height:20px;display:flex;align-items:center;color:var(--text-100)}.number-new-messages{position:absolute;right:10px;bottom:35px;width:18px;height:18px;background:var(--icon-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;line-height:24px;text-align:center;color:var(--primary-100)}.number-new-messages.is-open{right:54px;bottom:21px;background:var(--primary-100);color:var(--icon-100)}.chat-message{max-width:286px;font-weight:400;font-size:12px;line-height:15px;color:var(--text-300);padding:10px;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;background:var(--shade-1100);white-space:pre-line;border-radius:var(--radius-m)}.chat-message.is-right{color:var(--text-300);background:var(--shade-1200)}.chat-message.error{border:1px solid var(--warning)}.messages-block{display:flex;flex-direction:column;height:100%;overflow:scroll}.messages-block>:first-child{margin-top:14px}.un-logged-message{margin:auto 27px;height:136px;display:grid;place-items:center;white-space:normal}.un-logged-message p{margin:0;width:100%;text-align:center;color:var(--text-300);font-size:14px;line-height:24px}.un-logged-message p a{color:var(--text-600);text-decoration:underline!important;font-weight:500}.chat-spinner{display:flex;justify-content:center}.chat-spinner.spiner:after{height:30px;width:30px;border-width:3px}.messages-block .not-messages{color:var(--text-300);font-size:14px;font-weight:500;line-height:20px;text-align:center;margin:auto}.reply-preview{background:var(--shade-1200);padding:5px;margin:15px 15px 3px;border-radius:var(--radius-l);font-size:12px}.reply-header{position:relative;padding:5px 10px}.reply-close-btn{position:absolute;top:8px;right:5px}.reply-btn{background:none;cursor:pointer;border:none;padding-left:0;font-size:10px;color:var(--primary-200)}.max-length-warning{font-size:12px;color:var(--text-400);margin-bottom:0;margin-top:6px}.reply-btn-dot{width:3px;height:3px;background-color:var(--icon-300);border-radius:var(--radius-full);margin:5px;align-self:center}@media (min-width:1024px){.chat-spinner.spiner:after{border:3px solid var(--primary-200);border-color:var(--primary-200) var(--primary-200) var(--primary-200) transparent}}@media (max-width:1024px){.message-date>span{background-color:var(--shade-100)}.typing-area-form{width:100%;align-items:flex-start}.typing-area-form-wrapper{border-top:2px solid var(--primary-200);padding-top:20px;min-height:90px}.chat-wrapper{width:auto;position:static;box-shadow:none}.chat-bottom-wrapper{position:relative;padding:0;border-radius:var(--radius-full);height:32px;background:none}.chat-box{position:fixed;top:0;right:0;bottom:0;left:0;height:auto;width:auto;max-height:unset;border-radius:0;margin-bottom:0;border:none;background-color:var(--shade-100);transform-origin:bottom;transform:translateY(100%);opacity:1;pointer-events:none}.chat-box.is-chat-active{transform:translateY(0);pointer-events:all}.chat-header{border-radius:0;background-color:var(--shade-200);font-size:16px;line-height:22px;height:54px;padding:16px}.chat-header .close-icon{height:22px;width:22px}.number-new-messages{top:-4px;right:-6px}.messages-block{height:calc(100vh - 163px)}.chat-textarea{background-color:transparent;font-size:16px;line-height:16px;font-weight:400;color:var(--text-100);margin-top:4px}.chat-textarea::placeholder{color:var(--text-400);font-size:16px}.chat-message{background-color:var(--primary-200);color:var(--text-200);font-size:14px;font-weight:500;padding:8px 12px;margin-bottom:12px;line-height:24px}.chat-message.is-right{background-color:var(--shade-700);color:var(--text-100)}.messages-block .not-messages{color:var(--text-200);font-size:16px;font-weight:400;text-align:center}.un-logged-message p{color:var(--text-100)}.reply-btn-dot{background-color:var(--text-400)}}