.card-notification{pointer-events:auto;margin:0 auto .5rem;width:100%;max-width:600px;border:none;box-shadow:0 4px 1rem #0000001a;transform:none}.card-notification .card-body{padding:1rem}.card-notification .card-body .body{font-weight:700}.card-notification.notification-enter-active,.card-notification.notification-leave-active{transition:transform var(--duration) var(--easing),opacity var(--duration) var(--easing);will-change:transform,opacity}.card-notification.notification-enter-from,.card-notification.notification-leave-to{opacity:0}.notification-container.x.bottom .card-notification.notification-enter-from,.notification-container.x.top .card-notification.notification-enter-from{transform:translate(20px)}.notification-container.x.bottom .card-notification.notification-leave-to,.notification-container.x.top .card-notification.notification-leave-to{transform:translate(-20px)}.notification-container.x.left .card-notification.notification-enter-from,.notification-container.x.left .card-notification.notification-leave-to{transform:translate(-100px)}.notification-container.x.right .card-notification.notification-enter-from,.notification-container.x.right .card-notification.notification-leave-to{transform:translate(100px)}.notification-container.y.left .card-notification.notification-enter-from,.notification-container.y.left .card-notification.notification-leave-to,.notification-container.y.right .card-notification.notification-enter-from,.notification-container.y.right .card-notification.notification-leave-to,.notification-container.y.top .card-notification.notification-enter-from,.notification-container.y.top .card-notification.notification-leave-to{transform:translateY(-110%)}.notification-container.y.bottom .card-notification.notification-enter-from,.notification-container.y.bottom .card-notification.notification-leave-to{transform:translateY(110%)}.notification-container{position:fixed;z-index:9000;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:.5rem}.notification-container.left .card-notification{margin-left:0}.notification-container.right .card-notification{margin-right:0}.notification-container.center{justify-content:center}.notification-container.bottom{justify-content:flex-end}