.sweet-overlay {
    background-color: rgba(15, 26, 40, 0.42) !important;
    backdrop-filter: blur(2px);
    z-index: 200000 !important;
}

.sweet-alert {
    z-index: 200001 !important;
}

.sweet-alert.article-swal {
    width: min(92vw, 440px) !important;
    padding: 26px 24px 20px !important;
    border: 1px solid rgba(17, 33, 50, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 54px rgba(10, 24, 40, 0.24) !important;
    animation: none !important;
}

.sweet-alert.article-swal h2 {
    margin: 14px 0 8px !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: #162638 !important;
    letter-spacing: -0.4px !important;
}

.sweet-alert.article-swal p {
    margin: 0 0 18px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    color: #516174 !important;
}

.sweet-alert.article-swal .sa-icon {
    width: 88px !important;
    height: 88px !important;
    margin: 2px auto 14px !important;
}

.sweet-alert.article-swal .sa-icon.sa-success {
    border-color: rgba(31, 143, 77, 0.24) !important;
}

.sweet-alert.article-swal .sa-icon.sa-success .sa-line {
    background-color: #1f8f4d !important;
}

.sweet-alert.article-swal .sa-icon.sa-success .sa-placeholder {
    border-color: rgba(31, 143, 77, 0.24) !important;
}

.sweet-alert.article-swal .sa-icon.sa-error {
    border-color: rgba(211, 84, 84, 0.28) !important;
}

.sweet-alert.article-swal .sa-icon.sa-error .sa-line {
    background-color: #d35454 !important;
}

.sweet-alert.article-swal button.confirm {
    min-width: 124px !important;
    height: 44px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    box-shadow: 0 10px 24px rgba(31, 143, 77, 0.25) !important;
}

.sweet-alert.article-swal button.confirm:hover {
    filter: brightness(0.95);
}

@media (max-width: 640px) {
    .sweet-alert.article-swal {
        width: calc(100vw - 28px) !important;
        padding: 22px 18px 16px !important;
    }

    .sweet-alert.article-swal h2 {
        font-size: 30px !important;
    }

    .sweet-alert.article-swal p {
        font-size: 16px !important;
    }
}
