/* =========================================================
   HELCU — SWEETALERT
   BASE — MOBILE FIRST
   0px → 767.98px
========================================================= */

.swal2-popup {

    width: min(
        calc(100% - 30px),
        420px
    );

    border-radius: 14px;

}


.swal2-title {

    color: #172033;

    font-size: 20px;

    font-weight: 700;

}


.swal2-html-container,
.swal2-content {

    color: #64748B;

    font-size: 13px;

    line-height: 1.6;

}


.swal2-confirm {

    min-width: 82px;

    min-height: 40px;

    border-radius: 8px !important;

    font-size: 12px !important;

    font-weight: 700 !important;

}


/* =========================================================
   TABLET
   768px → 1199.98px
========================================================= */

@media (min-width: 768px) {

    .swal2-popup {

        width: 400px;

        border-radius: 15px;

    }


    .swal2-title {

        font-size: 21px;

    }


    .swal2-html-container,
    .swal2-content {

        font-size: 13px;

    }


    .swal2-confirm {

        min-width: 84px;

        min-height: 41px;

        font-size: 12px !important;

    }

}


/* =========================================================
   DESKTOP
   1200px+
========================================================= */

@media (min-width: 1200px) {

    .swal2-popup {

        width: 410px;

        border-radius: 16px;

    }


    .swal2-title {

        font-size: 22px;

    }


    .swal2-html-container,
    .swal2-content {

        font-size: 13px;

    }


    .swal2-confirm {

        min-width: 86px;

        min-height: 42px;

        font-size: 12px !important;

    }

}