/* /Shared/NotificationHost.razor.rz.scp.css */
.notification-host[b-i2wc1a6i7i] {
    position: fixed;
    top: 5rem;
    right: 1rem;
    z-index: 2500;
    display: grid;
    gap: 0.6rem;
    width: min(24rem, calc(100vw - 2rem));
}

.web-notification[b-i2wc1a6i7i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    color: var(--ares-evo-blanco-nube);
    background: var(--ares-evo-info);
    border-radius: var(--ares-evo-radius-sm);
    box-shadow: var(--ares-evo-shadow-md);
}

.web-notification.severity-success[b-i2wc1a6i7i] {
    color: var(--ares-evo-grafito-nocturno);
    background: var(--ares-evo-success);
}

.web-notification.severity-warning[b-i2wc1a6i7i] {
    color: var(--ares-evo-grafito-nocturno);
    background: var(--ares-evo-warning);
}

.web-notification.severity-error[b-i2wc1a6i7i],
.web-notification.severity-critical[b-i2wc1a6i7i] {
    background: var(--ares-evo-danger);
}

.web-notification button[b-i2wc1a6i7i] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
}