.notification-modal-root[data-v-b9e35bf9]{position:fixed;inset:0;z-index:14;pointer-events:none}.notification-modal-backdrop[data-v-b9e35bf9]{position:fixed;inset:0;z-index:1;pointer-events:auto}.notification-modal-backdrop.black_background[data-v-b9e35bf9]{background-color:var(--color-grey-black-deep-60)}.notification-modal-overlay[data-v-b9e35bf9]{z-index:2;position:fixed;top:3.75rem;right:1.25rem;display:flex;justify-content:flex-end;pointer-events:none;transform-origin:top right}@media screen and (max-width:1024px){.notification-modal-overlay[data-v-b9e35bf9]{right:0;top:5.125rem;padding:0 .75rem;justify-content:center;transform-origin:top center}}.notification-modal-content[data-v-b9e35bf9]{pointer-events:auto;transform-origin:top right;background-color:var(--color-white);border-radius:.125rem;box-shadow:0 .25rem 2.4375rem #0000001a;width:23.75rem;max-height:calc(100vh - 5rem);overflow-y:auto;display:flex;flex-direction:column;padding:1.25rem .875rem 1.25rem 1.25rem;gap:1.5rem}@media screen and (max-width:1024px){.notification-modal-content[data-v-b9e35bf9]{width:90%;transform-origin:top center}}.modal-header[data-v-b9e35bf9]{display:flex;justify-content:space-between;align-items:center;max-height:1.5625rem}.modal-header .modal-title[data-v-b9e35bf9]{color:var(--color-grey-black)}.modal-header .notification-count[data-v-b9e35bf9]{background-color:var(--color-yellow-gold);color:var(--color-grey-black);border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.notification-list[data-v-b9e35bf9]{max-height:22.5rem;padding-right:.625rem;overflow-y:auto;display:flex;flex-direction:column;gap:.375rem}.notification-empty[data-v-b9e35bf9]{color:var(--color-grey-middle-gray);text-align:center;padding:1.5rem .5rem}.notification-item[data-v-b9e35bf9]{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .5rem;border-bottom:.0625rem solid var(--color-grey-light-gray);border-radius:.25rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.notification-item[data-v-b9e35bf9]:hover{background-color:var(--color-grey-ultra-light-gray);transform:translate(.125rem);box-shadow:0 .125rem .5rem #0f0f140f}.notification-item[data-v-b9e35bf9]:active{transform:translate(0);background-color:var(--color-grey-light-gray)}.notification-item[data-v-b9e35bf9]:last-child{border-bottom:none}.notification-item .notification-icon[data-v-b9e35bf9]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-item .notification-icon .h-5.w-5[data-v-b9e35bf9]{width:1.25rem;height:1.25rem}.notification-item .notification-details[data-v-b9e35bf9]{flex-grow:1;display:flex;flex-direction:column}.notification-item .notification-details .notification-details-title[data-v-b9e35bf9]{display:flex;align-items:flex-start;justify-content:space-between}.notification-item .notification-details .notification-details-title .notification-title[data-v-b9e35bf9]{color:var(--color-grey-black-deep)}.notification-item .notification-details .notification-details-title .notification-time[data-v-b9e35bf9]{display:flex;align-items:center;gap:.375rem;flex-shrink:0;color:var(--color-grey-middle-gray)}.notification-item .notification-details .notification-details-title .notification-time[data-v-b9e35bf9]:before{content:"";display:block;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--color-yellow-gold)}.notification-item .notification-details .notification-description[data-v-b9e35bf9]{color:var(--color-grey-gray)}.view-all-button[data-v-b9e35bf9]{display:flex;align-items:center;justify-content:center;background-color:var(--color-grey-black);color:var(--color-white);border:none;opacity:1;border-radius:.25rem;padding:.5rem;cursor:pointer;max-height:2.25rem}.view-all-button[data-v-b9e35bf9]:hover{background-color:var(--color-grey-gray)}.notification-backdrop-enter-active[data-v-b9e35bf9],.notification-backdrop-leave-active[data-v-b9e35bf9]{transition:opacity .2s ease}.notification-backdrop-enter-from[data-v-b9e35bf9],.notification-backdrop-leave-to[data-v-b9e35bf9]{opacity:0}.notification-panel-enter-active[data-v-b9e35bf9]{transition:opacity .22s ease,transform .3s cubic-bezier(.34,1.25,.64,1)}.notification-panel-leave-active[data-v-b9e35bf9]{transition:opacity .16s ease,transform .18s ease-in}.notification-panel-enter-from[data-v-b9e35bf9],.notification-panel-leave-to[data-v-b9e35bf9]{opacity:0;transform:translateY(-.625rem) scale(.92)}.notification-panel-enter-to[data-v-b9e35bf9],.notification-panel-leave-from[data-v-b9e35bf9]{opacity:1;transform:translateY(0) scale(1)}.notification-item-enter-active[data-v-b9e35bf9],.notification-item-leave-active[data-v-b9e35bf9]{transition:all .22s ease}.notification-item-enter-from[data-v-b9e35bf9]{opacity:0;transform:translate(-.5rem)}.notification-item-leave-to[data-v-b9e35bf9]{opacity:0;transform:translate(.75rem)}.notification-item-move[data-v-b9e35bf9]{transition:transform .22s ease}
