: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.lead + .merlin__button--knockout {
-webkit-animation: vanishOut 800ms linear alternate;
animation: vanishOut 800ms linear alternate;
-webkit-animation: vanishIn 700ms linear alternate;
animation: vanishIn 700ms linear alternate;
@-webkit-keyframes vanishIn {
-webkit-transform: scale(2, 2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(70px);
-webkit-transform: scale(1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0px);
-webkit-transform: scale(2, 2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(70px);
-webkit-transform: scale(1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0px);
/* Applies styles when Reduced Motion is enabled */
@media screen and (prefers-reduced-motion: reduce) {
@-webkit-keyframes vanishIn {
@-webkit-keyframes vanishOut {
-webkit-transform: scale(1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0px);
-webkit-transform: scale(2, 2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(50px);
-webkit-transform: scale(1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0px);
-webkit-transform: scale(2, 2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(50px);
/* Applies styles when Reduced Motion is enabled */
@media screen and (prefers-reduced-motion: reduce) {
@-webkit-keyframes vanishOut {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: circle(1% at 1% 1%);
clip-path: circle(1% at 1% 1%);
display: none !important;
@-webkit-keyframes moveup {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(-42px);
transform: translateY(-42px);
-webkit-transform: translateY(-42px);
transform: translateY(-42px);
-webkit-transform: translateY(-48px) scale(0.99);
transform: translateY(-48px) scale(0.99);
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(-42px);
transform: translateY(-42px);
-webkit-transform: translateY(-42px);
transform: translateY(-42px);
-webkit-transform: translateY(-48px) scale(0.99);
transform: translateY(-48px) scale(0.99);
-webkit-transform-origin: top right;
transform-origin: top right;
@-webkit-keyframes fadeout {
-webkit-transform: translateY(-30px) scale(0.94);
transform: translateY(-30px) scale(0.94);
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: translateY(-30px) scale(0.94);
transform: translateY(-30px) scale(0.94);
-webkit-transform-origin: top right;
transform-origin: top right;
@-webkit-keyframes thirdmessgae {
@keyframes thirdmessgae {
-webkit-transition: opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 100ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1);
transition: opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 100ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1);
transition: transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1), opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 100ms;
transition: transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1), opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 100ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1);
-webkit-transform: translateY(50px) translateX(10px) scale(0.1);
-ms-transform: translateY(50px) translateX(10px) scale(0.1);
transform: translateY(50px) translateX(10px) scale(0.1);
.loaded .from-me:not(.is-third-message) {
-webkit-transform: translateY(0) translateX(0) scale(1);
-ms-transform: translateY(0) translateX(0) scale(1);
transform: translateY(0) translateX(0) scale(1);
-webkit-transform-origin: right;
-ms-transform-origin: right;
.loaded .from-me.with-second-message {
-webkit-animation: moveup 1700ms ease-out 4200ms forwards;
animation: moveup 1700ms ease-out 4200ms forwards;
.loaded .from-me.is-third-message {
-webkit-transition: opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 7100ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 7000ms;
transition: opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 7100ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 7000ms;
transition: transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 7000ms, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 7100ms;
transition: transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 7000ms, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 7100ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 7000ms;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: right;
-ms-transform-origin: right;
border-right: 20px solid #0b93f6;
border-bottom-left-radius: 16px 14px;
-webkit-transform: translate(0, -2px);
border-bottom-left-radius: 10px;
-webkit-transform: translate(-30px, -2px);
-webkit-transition: opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 4300ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 4200ms;
transition: opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 4300ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 4200ms;
transition: transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 4200ms, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 4300ms;
transition: transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 4200ms, opacity 300ms cubic-bezier(0.694, 0, 0.335, 1) 4300ms, -webkit-transform 500ms cubic-bezier(0.694, 0.5, 0.1, 1) 4200ms;
-webkit-transform: translateY(50px) translateX(10px) scale(0.1);
-ms-transform: translateY(50px) translateX(10px) scale(0.1);
transform: translateY(50px) translateX(10px) scale(0.1);
-webkit-transform: translateY(0) translateX(0) scale(1);
-ms-transform: translateY(0) translateX(0) scale(1);
transform: translateY(0) translateX(0) scale(1);
-webkit-transform-origin: right;
-ms-transform-origin: right;
-webkit-animation: fadeout 300ms ease-out 6500ms forwards;
animation: fadeout 300ms ease-out 6500ms forwards;
.chat-bubble .tail::before {
.chat-bubble .loading .dot {