.notification-container{display:flex;height:100%;flex-direction:column;--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.notification-scroll-area{flex-grow:1;overflow-y:auto}.notification-date-header{font-weight:700;text-transform:capitalize;--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.notification-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.notification-group{padding:1rem 1rem 0}.notification-item{cursor:pointer;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.notification-item,.notification-item:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.notification-item:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.notification-item-unread{--tw-bg-opacity:1;background-color:hsl(var(--primary-50)/var(--tw-bg-opacity,1))}.notification-content-wrapper{display:flex;flex-grow:1;align-items:flex-start;justify-content:space-between}.notification-bell-container{position:relative;margin-top:1.5rem;margin-right:.5rem;flex-shrink:0;padding:0}.notification-bell-icon{width:1.25rem;height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.notification-bell-icon-read{cursor:auto;--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.notification-bell-icon-unread{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.group:hover .notification-bell-icon-unread{fill:currentColor;--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.notification-unread-indicator{position:absolute;top:0;right:0;display:block;width:.5rem;height:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.group:hover .notification-unread-indicator{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.notification-content{display:flex;flex-direction:column}.notification-type{font-size:1rem;font-weight:700;text-transform:capitalize;line-height:1.125rem}.notification-message{overflow:hidden;overflow-wrap:break-word;font-size:.8125rem}.notification-message,.notification-timestamp{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.notification-timestamp{display:flex;align-items:center;justify-content:space-between;margin-right:.5rem;font-size:.6875rem}.notification-delete-button{display:none;width:100%;justify-content:center;font-size:.75rem;font-weight:500;--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.notification-delete-button:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.group:hover .notification-delete-button{display:inline-flex}.notification-delete-icon{width:1.25rem;height:1.25rem}.notification-footer{display:flex;align-items:center;justify-content:center;border-top-width:1px;--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:.5rem;padding-bottom:.5rem}.notification-footer:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-50)/var(--tw-bg-opacity,1))}.mark-all-read-button{cursor:pointer;text-align:center;font-weight:700;--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.mark-all-read-button:hover{text-decoration-line:underline}.clear-all-button{position:absolute;bottom:4rem;right:1rem;display:flex;align-items:center}.clear-all-button>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.clear-all-button{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1));padding:.75rem;font-size:.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.clear-all-button:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.clear-all-icon{width:1rem;height:1rem;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .clear-all-icon{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}