.ui-notification-stack{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;width:300px;display:flex;position:fixed;top:10px;right:10px}.ui-notification{width:100%;color:var(--color-on-fill);background:var(--color-primary);box-shadow:5px 5px 10px var(--color-shadow-medium);pointer-events:auto;border-radius:0;margin-bottom:10px;transition:opacity 1s,transform .5s}.ui-notification.clickable{cursor:pointer}.ui-notification.clickable:hover{opacity:.7}.ui-notification>h3{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--color-on-fill) 30%, transparent);margin:10px 10px 0;padding:0 0 5px;font-size:.875rem;font-weight:700;display:block}.ui-notification a{color:var(--color-on-fill)}.ui-notification a:hover{text-decoration:underline}.ui-notification .message{margin:10px}.ui-notification.warning{color:var(--color-on-fill);background:var(--color-warning-solid)}.ui-notification.error{color:var(--color-on-fill);background:var(--color-danger-solid)}.ui-notification.success{color:var(--color-on-fill);background:var(--color-success-solid)}.ui-notification.info{color:var(--color-on-fill);background:var(--color-info-solid)}.ui-notification-enter-from{opacity:0;transform:translateY(-60px)}.ui-notification-leave-to{opacity:0}.ui-notification-move{transition:transform .5s}