/* sweetalert css */
div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 2.5em;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    width: 45em;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    font-size: 1.2rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    font-size: 1.5em;
}

div:where(.swal2-container) .swal2-html-container {
    font-size: 1.5em;
}
div:where(.swal2-container).swal2-center>.swal2-popup:not(.swal2-loading) {
    border: solid 2px #12a79d;
        background-image: url(../../public/img/foodhea/logo.webp);
        background-position: inherit;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: 14em;
        background-position-x: 10px;
        background-position-y: 10px;
        min-width: 25vw;
}
div:where(.swal2-container) div:where(.swal2-popup) {
    border-radius: 10px !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    border-radius: 0;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{
    border-radius: 0;
}
div:where(.swal2-container) div:where(.swal2-actions) {
    min-width: 40%;
    justify-content: space-around;
}

@media (max-aspect-ratio: 3/4) {
    div:where(.swal2-container) div:where(.swal2-popup) {
        font-size: 2.2rem !important;
    }

    div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
        font-size: 2em;
    }
    div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
        font-size: 2em;
    }
}