#site-alert-modal {
    width: min(32rem, calc(100% - 2rem));
    padding: 0;
    border: 0;
    border-radius: .5rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25);
}

#site-alert-modal::backdrop {
    background: rgba(0, 0, 0, .5);
}

#site-alert-modal .site-alert-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 4px solid #0dcaf0;
}

#site-alert-modal .site-alert-header h2 {
    margin: 0;
    font-size: 1.25rem;
}

#site-alert-modal .site-alert-close {
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 1.75rem;
    line-height: 1;
}

#site-alert-modal .site-alert-body {
    padding: 1.25rem;
}

#site-alert-modal .site-alert-footer {
    padding: .75rem 1.25rem 1.25rem;
    text-align: right;
}

#site-alert-modal .site-alert-ok {
    padding: .5rem 1.25rem;
    border: 0;
    border-radius: .25rem;
    color: #fff;
    background: #0033a1;
}

#site-alert-modal .site-alert-cancel,
#site-alert-modal .site-alert-confirm {
    padding: .5rem 1.25rem;
    border: 0;
    border-radius: .25rem;
}

#site-alert-modal .site-alert-cancel {
    margin-right: .5rem;
    color: #212529;
    background: #e9ecef;
}

#site-alert-modal .site-alert-confirm {
    color: #fff;
    background: #0033a1;
}

#site-alert-modal .site-alert-header {
    border-bottom-width: 4px;
}

#site-alert-modal.site-alert-danger .site-alert-header {
    border-bottom-color: #dc3545;
}

#site-alert-modal.site-alert-warning .site-alert-header {
    border-bottom-color: #ffc107;
}

#site-alert-modal.site-alert-success .site-alert-header {
    border-bottom-color: #198754;
}

#site-alert-modal.site-alert-info .site-alert-header {
    border-bottom-color: #0dcaf0;
}

#site-alert-modal .site-alert-message {
    white-space: pre-wrap;
}