.webchat-frame{display: flex;flex-direction: column;position: fixed;z-index: 1;box-shadow: -10px 10px 35px 15px rgba(46, 61, 73, 0.2);background-color: #fff;border-radius: 10px}@media screen and (min-width: 768px){.webchat-frame{right: 16px;bottom: 110px;width: 450px;height: 530px}}@media screen and (max-width: 767.98px){.webchat-frame{top: 0;left: 0;width: 100%;height: 100%}}.webchat-frame.hidden{display: none}.webchat-frame.draggable .webchat-header:not(.webchat-buttons){cursor: move}.webchat-frame .webchat-header{flex: 0 0 auto;display: flex;align-items: center;padding: 0.25rem 0.75rem;background-color: #e30613;color: #fff}@media screen and (min-width: 768px){.webchat-frame .webchat-header{border-radius: 10px 10px 0 0}}@media screen and (max-width: 767.98px){.webchat-frame .webchat-header{border-radius: 0}}.webchat-frame .webchat-header .webchat-title{flex: 1 0 auto;display: flex;align-items: center}.webchat-frame .webchat-header .webchat-title > h1{font-size: 16px;margin: 0}.webchat-frame .webchat-header .webchat-title .bot-avatar{margin-right: 0.75rem;position: relative}.webchat-frame .webchat-header .webchat-title .bot-avatar > img{height: 40px;background-color: #fff;border-radius: 50%;padding: 5px}.webchat-frame .webchat-header .webchat-title .bot-avatar > .status-circle{position: absolute;bottom: 0;right: 0;border: 2px solid #fff;border-radius: 50%;width: 15px;height: 15px;background-color: #42c157}.webchat-frame .webchat-header .webchat-buttons{flex: 0 0 auto;display: flex;align-items: center;justify-content: flex-end}.webchat-frame .webchat-header .webchat-buttons button{background: none;border: none;color: #fff;cursor: pointer;font-size: 16pt}.webchat-frame .webchat-header .webchat-buttons .webchat-close{padding: 0}.webchat-frame .webchat-content{flex: 1 0;background: #fff;width: 100%;text-align: left;overflow-y: auto;position: relative}@media screen and (min-width: 768px){.webchat-frame .webchat-content{border-radius: 0 0 10px 10px;height: 450px}}@media screen and (max-width: 767.98px){.webchat-frame .webchat-content{border-radius: 0}}.webchat-frame .webchat-content ::-webkit-scrollbar{width: 6px}.webchat-frame .webchat-content ::-webkit-scrollbar-track{border-radius: 0}.webchat-frame .webchat-content ::-webkit-scrollbar-thumb{margin: 2px;border-radius: 10px;background: rgba(0, 0, 0, 0.2)}.webchat-toggle{color: #fff;background: rgba(0, 0, 0, 0);border: 0;border-radius: 70px;cursor: pointer;margin: 0;padding: 0;max-width: 70px;min-width: 70px;width: auto;height: 70px;display: flex;align-items: center;justify-content: flex-start;transition: all 0.3s ease-out;overflow: hidden}.webchat-toggle img{width: 35px;margin: 0 17.5px;flex: 0 0 35px}.webchat-toggle span{display: block;padding: 0 17.5px 0 0;white-space: nowrap}.webchat-toggle:hover,.webchat-toggle.opened{max-width: 250px}.webchat-toggle.filled{background: #e30613}.webchat-toggle .pulsating-circle{position: absolute;left: 0;top: 0;width: 100%;height: 100%}.webchat-toggle .pulsating-circle:before,.webchat-toggle .pulsating-circle:after{content: "";display: block;position: absolute;border-radius: 50%}.webchat-toggle .pulsating-circle:before{top: -25%;left: -25%;width: 150%;height: 150%;background-color: #fb5a63;-webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1)infinite;animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}.webchat-toggle .pulsating-circle:after{top: 5%;left: 5%;width: 90%;height: 90%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-animation: pulse-dot1.25scubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;animation: pulse-dot 1.25scubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4sinfinite}@-webkit-keyframes pulse-ring{0%{transform: scale(0.33)}80%,100%{opacity: 0}}@keyframes pulse-ring{0%{transform: scale(0.33)}80%,100%{opacity: 0}}@-webkit-keyframes pulse-dot{0%{transform: scale(0.8)}50%{transform: scale(1)}100%{transform: scale(0.8)}}@keyframes pulse-dot{0%{transform: scale(0.8)}50%{transform: scale(1)}100%{transform: scale(0.8)}}.banner{background-color: #9f040d;color: #fff;padding: 0.75rem}.banner .banner-body{display: flex;align-items: center;margin-bottom: 0.75rem}.banner .banner-body i{flex: 0 0;width: 30px;margin-right: 0.5rem}.banner .banner-body p{flex: 1 0;margin: 0;font-size: 12pt}.banner .banner-buttons button{background-color: rgba(0, 0, 0, 0);color: #fff;border: 1px solid #fff;padding: 0.25rem 0.5rem;font-size: 11pt;cursor: pointer}.banner .banner-buttons button:hover{background-color: #77030a;color: #fff}.webchat__bubble__content p{font-size: 14px;color: #323232}.ac-pushButton[aria-pressed="true"]{border-color: #828282 !important}.ac-pushButton[aria-disabled="true"]{border-color: #e6e6e6 !important;background-color: #fff !important;color: #e6e6e6 !important;cursor: default}input.webchat__send-box-text-box__input{font-size: 14px !important;color: #323232 !important}.ac-actionSet button{cursor: pointer;border-radius: 2px;border: 1px solid #828282;color: #323232 !important}.ac-actionSet button:hover,.ac-actionSet button[aria-pressed="true"]{background-color: #f7f7f7 !important}.webchat__initialsAvatar:not(.webchat__initialsAvatar--fromUser){background-color: #e30613 !important}.webchat__initialsAvatar--fromUser{background-color: rgba(0, 0, 0, 0) !important}.webchat__basic-transcript__focus-indicator,.webchat__basic-transcript__activity-indicator--focus{border: none !important}#webchat{position: fixed;bottom: 0;right: 0;margin: 16px;z-index: 1000}#webchat *:not([class^="fa-"]){font-family: "Poppins", sans-serif !important}[id^="orderDate-"] p{font-size: 12px}.webchat-reset-btn{bottom: 5px;right: 50px;z-index: 2;display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;border: none;border-radius: 50%;background: none;color: #e30613;font-size: 16px;cursor: pointer;transition:background-color 0.2s,color 0.2s}.webchat-reset-btn:hover{background-color: rgba(0, 0, 0, 0.06);color: #e30613}.webchat-reset-btn:active{background-color: rgba(0, 0, 0, 0.12)}