[data-v-d3d4d6d2]:root{--p-primary-color:#db0a62!important;--p-primary-hover-color:#aa084c!important}html[data-v-d3d4d6d2]{--p-primary-color:#db0a62!important}.notification-dropdown[data-v-d3d4d6d2]{display:inline-flex}.notification-badge[data-v-d3d4d6d2]{font-size:10px;height:18px;line-height:18px;min-width:18px;padding:0 4px;right:-2px;top:-2px}.notification-menu[data-v-d3d4d6d2]{background:#fff;display:flex;flex-direction:column;max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1050}@media(max-width:575.98px){.notification-menu[data-v-d3d4d6d2]{right:-60px;width:300px}}.notification-header[data-v-d3d4d6d2]{background:#fafbfc}.notification-list[data-v-d3d4d6d2]{max-height:340px;overflow-y:auto}.notification-item[data-v-d3d4d6d2]{cursor:pointer;transition:background-color .15s ease}.notification-item[data-v-d3d4d6d2]:hover{background-color:#00000008}.notification-item[data-v-d3d4d6d2]:last-child{border-bottom:none!important}.notification-unread[data-v-d3d4d6d2]{background-color:#db0a620f}.notification-unread[data-v-d3d4d6d2]:hover{background-color:#db0a621a}.notification-text[data-v-d3d4d6d2]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.notification-action-btn[data-v-d3d4d6d2]{background:transparent;border:none;border-radius:4px;line-height:1;opacity:.7;transition:all .15s ease}.notification-action-btn[data-v-d3d4d6d2]:hover{background-color:#0000000f;opacity:1}.notification-footer[data-v-d3d4d6d2]{background:#fafbfc}.notification-footer a[data-v-d3d4d6d2]:hover{text-decoration:underline!important}.btn-icon[data-v-d3d4d6d2]{background:transparent;border:none}