.notification-card{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0px 1px 2px rgba(0,44,94,.12),0px 0px 2px rgba(0,44,94,.15),0px 14px 28px -14px rgba(0,44,94,.2);--tw-shadow-colored:0px 1px 2px var(--tw-shadow-color),0px 0px 2px var(--tw-shadow-color),0px 14px 28px -14px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.5rem;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(43 45 51/var(--tw-text-opacity));font-size:14px;line-height:20px;max-width:350px;padding:14px 8px 14px 16px;position:relative;transition:opacity .3s ease,transform .3s ease;width:100%}.notification-card-enter-from,.notification-card-leave-to{opacity:0;transform:translate(100%)}.notification-card-leave-active{position:absolute}.notification-card__close-btn{--tw-text-opacity:1;color:rgb(128 129 133/var(--tw-text-opacity));position:absolute;right:8px;top:14px}.notification-card__icon-wrapper{--tw-text-opacity:1;align-items:center;border-radius:8px;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-card.error .notification-card__icon-wrapper{--tw-bg-opacity:1;background-color:rgb(255 81 50/var(--tw-bg-opacity))}.notification-card.success .notification-card__icon-wrapper{--tw-bg-opacity:1;background-color:rgb(13 194 104/var(--tw-bg-opacity))}.notification-card.warning .notification-card__icon-wrapper{--tw-bg-opacity:1;background-color:rgb(255 158 0/var(--tw-bg-opacity))}.notification-card.neutral .notification-card__icon-wrapper{--tw-bg-opacity:1;background-color:rgb(43 45 51/var(--tw-bg-opacity))}.notification-card__body{display:flex}.notification-card__content{align-self:center;flex-grow:1;margin-left:12px}.notification-card__subtitle{margin-top:4px}.notification-card__actions{align-items:center;display:flex;margin-top:12px;padding-left:48px}.notifications-container{display:flex;flex-direction:column;gap:10px;height:100%;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100%;z-index:2147483111}.notifications-container>*{pointer-events:auto}.notifications-container.center{align-items:center}.notifications-container.left{align-items:flex-start}.notifications-container.right{align-items:flex-end}.notifications-container.center{justify-content:center}.notifications-container.top{justify-content:flex-start}.notifications-container.bottom{justify-content:flex-end}