.modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.42);
    z-index: 40;
}

.custom-alert-backdrop {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 24, 39, 0.42);
    z-index: 60;
}

.custom-alert-modal {
    width: min(92vw, 560px);
    border-radius: 28px;
    background: var(--surface-strong);
    box-shadow: var(--shadow);
}

.custom-alert-body {
    padding: 28px 28px 12px;
}

.custom-alert-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 28px 24px;
}