.notification-container{position:relative;display:inline-block}.notification-badge{position:absolute;display:flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 5px;background-color:#2511a8;color:#fff;font-size:10px;font-weight:600;border-radius:9999px;border:2px solid #eae6f2;box-shadow:0 2px 4px #0000001a;pointer-events:none;z-index:10;transition:all .2s ease-in-out}.notification-badge--top-right{top:-6px;right:-6px}.notification-badge--bottom-right{bottom:-6px;right:-6px}.notification-badge--top-left{top:-6px;left:-6px}.notification-badge--bottom-left{bottom:-6px;left:-6px}.notification-badge--hidden{opacity:0;transform:scale(0)}.notification-badge--visible{opacity:1;transform:scale(1)}@keyframes notification-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.notification-badge--pulse{animation:notification-pulse 2s infinite}@keyframes notification-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-badge--bounce{animation:notification-bounce .5s ease-out}.notification-badge--red,.notification-badge--blue{background-color:#2511a8}.notification-badge--green{background-color:#10b981}.notification-badge--yellow{background-color:#f59e0b}.notification-badge--orange{background-color:#f97316}.notification-badge--purple{background-color:#8b5cf6}.notification-badge--sm{min-width:14px;height:14px;font-size:8px;padding:0 3px}.notification-badge--md{min-width:18px;height:18px;font-size:10px;padding:0 5px}.notification-badge--lg{min-width:22px;height:22px;font-size:12px;padding:0 6px}.notification-badge--dot{min-width:10px;width:10px;height:10px;padding:0;font-size:0}@media(max-width:640px){.notification-badge{min-width:16px;height:16px;font-size:9px}}