// this is the borderless theme of SweetAlert for Leptos.
// Include this file AFTER the core styles in your HTML metadata.

$swal-backdrop-background-color: rgba(0, 0, 0, 0);
$swal-container-background-color: rgba(54, 70, 93, 0.99);
$swal-text-color: #E1E1E1;

.swal-backdrop {
    background-color: $swal-backdrop-background-color;
}

.swal-container {
    width: 100%;
    height: 100vh;
    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
    background-color: $swal-container-background-color;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;

    &>p,
    &>strong {
        color: $swal-text-color;
    }

    &>strong {
        max-width: 400px;
    }

    &>p {
        max-width: 500px;
    }
}