@keyframes pageAnimation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notifications-popup{position:absolute;top:3.75rem;right:0;z-index:25;width:20rem;max-height:20rem;min-height:9.375rem;padding:.9375rem;background-color:#f0f9ff;box-shadow:2px 4px 10px 1px rgba(16,18,27,.4);border-radius:.625rem;overflow-y:auto;transform:translateX(335px);transition:transform .4s ease-in-out}@media(max-width:425px){.notifications-popup{right:0;width:calc(16.25rem + 60*(100vw - 20rem)/105)}}.popup-open{transform:translateX(-20px)}.header-notifications{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9375rem}.header-notifications__count,.header-notifications__title{font-size:1rem;font-weight:500;line-height:150%;color:#363949}.menu-notifications{display:flex;flex-direction:column;gap:.9375rem}.item-menu{position:relative;display:flex;align-items:center;gap:.9375rem;padding:.625rem;border-radius:.625rem}.item-menu.pending{border:.09375rem solid #f48225;cursor:pointer;transition:background-color .4s ease-in-out}.item-menu.pending:hover{background-color:#f0f9ff}.item-menu.complete{border:.09375rem solid #23b54f;cursor:pointer;transition:background-color .4s ease-in-out}.item-menu.complete:hover{background-color:#f0f9ff}.item-menu__icon{font-size:1.5rem;cursor:pointer;transition:transform .4s ease-in-out}.item-menu__icon:hover{transform:scale(1.1)}.item-menu__close{position:absolute;z-index:35;top:.4375rem;right:.4375rem;font-size:1.375rem;cursor:pointer;transition:color .4s ease-in-out}.item-menu__close:hover{color:#d0393e}.description-item{display:flex;flex-direction:column;gap:.4375rem;font-size:.75rem;line-height:150%}.description-item__title{font-size:.8125rem;font-weight:700}.description-item__date{color:gray}.empty-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.9375rem}.empty-menu__icon{font-size:1.5rem}.empty-menu__title{font-size:1.125rem;font-weight:700;line-height:150%}