.sf-alerts {
    width: 100%;
    margin: 12px 0 0;
}

.sf-alerts:empty {
    display: none;
}

.sf-alerts .alert {
    margin-bottom: 8px;
}

.sf-alerts .alert:last-child {
    margin-bottom: 0;
}

main.main > .sf-alerts {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
}

body:has(.sf-navbar) main.main > .sf-alerts {
    margin-top: calc(var(--sf-navbar-height, 4rem) + 12px);
}

@media (max-width: 575.98px) {
    main.main > .sf-alerts {
        padding: 0 12px;
    }
}