.swal2-container .swal2-popup.social-welcome-popup {
    width: min(326px, calc(100vw - 32px)) !important;
    max-width: 326px !important;
    padding: 20px 19px 18px !important;
    border: 1px solid rgba(44, 123, 78, .12) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 20px 55px rgba(16, 51, 35, .2) !important;
    font-size: .68rem !important;
}
.swal2-container .swal2-popup.social-welcome-popup .swal2-html-container.social-welcome-html {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #243c30 !important;
    font-size: .68rem !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-icon {
    display: grid !important;
    width: 35px !important;
    height: 35px !important;
    place-items: center !important;
    margin-bottom: 10px !important;
    border: 1px solid #d8e9dd !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, #f7fbf7, #ebf5ec) !important;
    color: #245b3a !important;
    box-shadow: 0 3px 9px rgba(30, 91, 53, .1) !important;
    font-size: .8rem !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-icon i { font-size: .8rem !important; }
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-eyebrow {
    color: #4d9462 !important;
    font-size: .5rem !important;
    font-weight: 750 !important;
    letter-spacing: .14em !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-title {
    margin-top: 4px !important;
    color: #1d3929 !important;
    font-size: .8rem !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-description {
    max-width: 265px !important;
    margin-top: 6px !important;
    color: #718176 !important;
    font-size: .62rem !important;
    line-height: 1.45 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-progress {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    margin-top: 15px !important;
    padding: 11px 12px !important;
    border: 1px solid #e8f0e9 !important;
    border-radius: 11px !important;
    background: #f7faf7 !important;
    color: #536b59 !important;
    font-size: .58rem !important;
    line-height: 1.2 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-progress strong {
    color: #246b3f !important;
    font-size: .7rem !important;
    font-weight: 750 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-progress-track {
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    margin-top: 9px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #dfebe1 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .social-welcome-progress-track span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #3eac62, #83d48d) !important;
}
.swal2-container .swal2-popup.social-welcome-popup .swal2-actions.social-welcome-actions {
    display: flex !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 14px 0 0 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .swal2-actions.social-welcome-actions button {
    min-height: 34px !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    font-size: .65rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    cursor: pointer !important;
}
.swal2-container .swal2-popup.social-welcome-popup .swal2-actions .social-welcome-cancel {
    border: 1px solid #e2eae3 !important;
    background: #f6f8f6 !important;
    color: #526b59 !important;
}
.swal2-container .swal2-popup.social-welcome-popup .swal2-actions .social-welcome-confirm {
    border: 1px solid #226a3d !important;
    background: #287a45 !important;
    color: #fff !important;
    box-shadow: 0 3px 8px rgba(30, 112, 61, .19) !important;
}
.swal2-container .swal2-popup.social-welcome-popup .swal2-actions button:focus-visible {
    outline: 2px solid #2a854a !important;
    outline-offset: 2px !important;
}