.notification-item{cursor:pointer;align-items:center;gap:.25rem;display:flex;position:relative;overflow:visible}.notification-dot{background-color:#e02d2d;border-radius:50%;width:.5rem;height:.5rem;transition:opacity .25s cubic-bezier(.45,.05,.55,.95)}.notification-icon,.unSeen-notification-icon{z-index:10;transition:transform .3s,color .3s;position:relative}.notification-description{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;transition:transform .3s,color .3s;overflow:hidden}.unSeen-notification-description{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;transition:transform .3s,color .3s;overflow:hidden}.notification-item:hover .notification-dot{opacity:0}[dir=rtl] .notification-item:hover .notification-icon{transform:translate(8px)scale(.9)}[dir=rtl] .notification-item:hover .unSeen-notification-icon{transform:translate(14px)scale(.9)}.notification-item:hover .notification-icon{transform:translate(-8px)scale(.9)}.notification-item:hover .unSeen-notification-icon{transform:translate(-14px)scale(.9)}[dir=rtl] .notification-item:hover .notification-description{transform:translate(8px)}[dir=rtl] .notification-item:hover .unSeen-notification-description{transform:translate(14px)}.notification-item:hover .notification-description{transform:translate(-8px)}.notification-item:hover .unSeen-notification-description{transform:translate(-14px)}
/*# sourceMappingURL=da8517bb103b2964.css.map*/