.online-notification{position:fixed;right:0;bottom:12px;z-index:120;max-width:calc(100vw - 16px);transition:opacity .2s ease,transform .2s ease}.online-notification .online-notification-card{position:relative;padding:6px 38px 6px 6px;border-radius:32px 0 0 32px;background-color:hsla(0,0%,100%,.7490196078);color:#68748b;box-shadow:0 8px 20px rgba(0,0,0,.14);background:rgba(83,90,100,.431372549);backdrop-filter:blur(12px)}.online-notification .online-notification-close{position:absolute;top:6px;right:8px;padding:0;border:none;background:rgba(0,0,0,0);font-size:18px;line-height:1;cursor:pointer;transition:color .2s}.online-notification .online-notification-link{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none}.online-notification .online-notification-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:4px solid #2d5fb6}.online-notification .online-notification-avatar.freechat{border:4px solid #8950ff}.online-notification .online-notification-text{display:-webkit-box;line-clamp:2;font-size:12px;font-weight:600;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;height:100%;text-align:center}