.view-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

    color: #383d41;
    background-color: rgba(139, 143, 151, 0.25);
    border-color: rgba(152, 157, 165, 0.4);
    background-clip: padding-box;
}
.discovery-root-darkmode .view-alert {
    color: var(--discovery-color);
}
.view-alert:last-child {
    margin-bottom: 0;
}

.view-alert > :first-child {
    margin-top: 0;
}

.page > .view-alert:first-child,
.page > .view-alert-success:first-child,
.page > .view-alert-danger:first-child,
.page > .view-alert-warning:first-child {
    margin-top: 15px;
}

.view-alert-primary {
    color: #004085;
    background-color: rgba(51, 151, 255, 0.25);
    border-color: rgba(77, 162, 255, 0.4);
}
.discovery-root-darkmode .view-alert-primary {
    color: #6a96c6;
}

.view-alert-success {
    color: #155724;
    background-color: rgba(83, 183, 107, 0.25);
    border-color: rgba(105, 192, 125, 0.4);
}
.discovery-root-darkmode .view-alert-success {
    color: #5fab70;
}

.view-alert-danger {
    color: #721c24;
    background-color: rgba(227, 95, 107, 0.25);
    border-color: rgba(230, 112, 125, 0.4);
}
.discovery-root-darkmode .view-alert-danger {
    color: #c7888e;
}

.view-alert-warning {
    color: #856404;
    background-color: rgba(255, 207, 55, 0.25);
    border-color: rgba(255, 212, 82, 0.4);
}
.discovery-root-darkmode .view-alert-warning {
    color: #bdab77;
}
