.chat-container #signal-rod{margin:auto;position:absolute;bottom:0;left:0;top:-72px;right:0;height:22px;width:12px;background-color:var(--helpwidget-background-color, #4198d3);animation:signal-rod-appear 7.5s ease-in-out;animation-fill-mode:forwards;border-left:2px solid var(--helpwidget-outline-color, #fff);border-right:2px solid var(--helpwidget-outline-color, #fff)}.chat-container #signal-rod #rod,.chat-container #signal-rod #rod-dot{position:absolute;top:-16px;left:-6px;height:20px;width:20px;border-radius:50%;background-color:var(--helpwidget-background-color, #4198d3);animation:rod-appear 7.5s ease-in-out;animation-fill-mode:forwards;border:2px solid var(--helpwidget-outline-color, #fff);clip-path:polygon(0 0, 20px 0, 20px 20px, 16px 20px, 16px 17px, 4px 17px, 4px 20px, 0 20px)}.chat-container #signal-rod #rod-dot{animation-name:rod-dot-appear}.chat-container .dot:nth-child(1){left:-40px;animation:pulse-outer 7.5s ease-in-out;animation-delay:0.4s;animation-fill-mode:forwards}.chat-container .dot:nth-child(2){animation:pulse-inner 7.5s ease-in-out;animation-delay:0.2s;animation-fill-mode:forwards}.chat-container .dot:nth-child(2):after{animation:pulse-inner-smile 7.5s ease-in-out;animation-delay:0.2s;animation-fill-mode:forwards}.chat-container .dot:nth-child(3){animation:pulse-outer 7.5s ease-in-out;animation-delay:0.4s;animation-fill-mode:forwards}@media (max-width: 767.98px){.chat-container #signal-rod{height:16px;width:10px;left:15px;top:-56px}.chat-container #signal-rod #rod,.chat-container #signal-rod #rod-dot{top:-11px;left:-5px;height:16px;width:16px;clip-path:polygon(0 0, 16px 0, 16px 16px, 13px 16px, 13px 13px, 3px 13px, 3px 16px, 0 16px)}}@keyframes pulse-inner{0%{transform:scale(1)}7.5%{transform:scale(1.2)}15%{transform:scale(1)}22.5%{transform:scale(1.2)}30%{transform:scale(1)}37.5%{transform:scale(1.2)}45%{transform:scale(1)}50%{transform:translateY(10px)}100%{transform:translateY(10px)}}@keyframes pulse-inner-smile{0%{opacity:0}45%{opacity:0}46%{opacity:1}100%{opacity:1}}@keyframes pulse-outer{0%{transform:scale(1)}7.5%{transform:scale(1.2)}15%{transform:scale(1)}22.5%{transform:scale(1.2)}30%{transform:scale(1)}37.5%{transform:scale(1.2)}50%{transform:scale(1.2, 1.2)}60%{transform:scale(1, 1)}70%{transform:scale(1, 0.1)}80%{transform:scale(1, 1)}90%{transform:scale(1, 0.1)}100%{transform:scale(1, 1)}}@keyframes signal-rod-appear{0%{opacity:0;transform:translateY(-2px) scaleY(0)}50%{opacity:0;transform:translateY(-2px) scaleY(0)}55%{opacity:1;transform:translateY(0) scaleY(1)}100%{opacity:1}}@keyframes rod-appear{0%{opacity:0;transform:scaleY(0)}50%{opacity:0;transform:scaleY(0)}55%{opacity:1;transform:scaleY(1)}100%{opacity:1;transform:scaleY(1)}}@keyframes rod-dot-appear{0%{opacity:0}50%{transform:scaleY(0) translateY(-50%)}55%{transform:scale(1);opacity:1}65%{opacity:0;transform:scale(2)}74%{opacity:0}75%{opacity:1;transform:scale(1)}85%{opacity:0;transform:scale(2)}94%{opacity:0}100%{opacity:0}}