:root{--width-avatar-messenger:32px}.messenger-notification-container{width:auto;position:fixed;top:0;right:1rem;z-index:1041;border:1px solid var(--color-light-grey);box-shadow:0 4px 4px rgba(0,0,0,.25);background:var(--color-secondary)}.messenger-notification-content{position:relative;padding:1rem;display:flex;align-items:center}.messenger-notification-content>.type-of-notification{display:flex;align-items:center;padding:0;gap:.5rem;cursor:pointer;color:#000;margin-right:1.5rem}.many-notifications{font-size:1rem;font-weight:500}.many-notifications span.count-messages{font-weight:700}.messenger-notification-content button.close-notification{color:var(--color-dark);font-size:2rem;padding:0;border:none;background:0 0;outline:0;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.messenger-notification-container .avatar{position:relative;width:auto}.messenger-notification-container .avatar.avatar-offline::before,.messenger-notification-container .avatar.avatar-online::before{content:"";display:none;width:0;height:0;border:none}.messenger-notification-container .avatar .img,.messenger-notification-container .avatar img{width:var(--width-avatar-messenger);height:var(--width-avatar-messenger);border-radius:50%}.messenger-notification-container .avatar .img{display:flex;justify-content:center;align-items:center;font-size:calc(var(--width-avatar-messenger) - 1.1rem);font-weight:600;border:1px solid var(--color-dark);color:var(--color-dark)}@media screen and (max-width:540px){.messenger-notification-container{width:auto;left:0;right:0}}