.new-message-badge{position:absolute;bottom:100px;left:50%;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:9999px;background-color:rgba(73,74,248,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #494af8;font-weight:700;text-transform:capitalize;color:#494af8;font-size:.875rem;line-height:1.25rem;z-index:20;opacity:0;transform:translateX(-50%) translateY(40px);pointer-events:none;transition:all .35s cubic-bezier(.25,.46,.45,.94);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.new-message-badge:hover{background-color:rgba(73,74,248,.15);transform:translateX(-50%) translateY(-3px)}.new-message-badge:active{transform:translateX(-50%) translateY(0)}@media(max-width:500px){.new-message-badge{width:max-content!important}}.t-up{transform:translateY(0)!important;flex-shrink:0}.badge-visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.badge-hidden{opacity:0;transform:translateX(-50%) translateY(40px);pointer-events:none}.badge-expiry{animation:pulseBorder 1.2s ease-in-out infinite}.badge-expiry.badge-hidden{border-color:#eb5757;background-color:rgba(235,87,87,.1);color:#eb5757;animation:none}@keyframes pulseBorder{0%,to{border-color:rgba(235,87,87,.4);box-shadow:0 0 0 0 rgba(235,87,87,.4);background-color:rgba(235,87,87,.1);color:#eb5757}50%{border-color:#eb5757;box-shadow:0 0 0 4px rgba(235,87,87,.2);background-color:rgba(235,87,87,.1);color:#eb5757}}