.modal_bkLQu {
    display: none;
    border: 0;
    padding: 0;
    outline: none;
    border-radius: 8px;
    overflow: hidden;
    inset: 0;
    position: fixed;
}

/* modal transition states */

.modal_bkLQu[open] {
    display: flex;
    opacity: 1;
}

.modal_bkLQu {
    opacity: 0;
    transition: opacity var(--sp-duration-medium-1) ease-out,
        display var(--sp-duration-medium-1) ease-out allow-discrete;
}

/* @starting-style is a new at rule for transitions with discrete values (e.g. display: none -> display: block) */
@starting-style {
    .modal_bkLQu[open] {
        opacity: 0;
    }
}

/* modal backdrop transition states */

.modal_bkLQu[open]::backdrop {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    background-color: #262930b3;
}

.modal_bkLQu::backdrop {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    background-color: rgb(0 0 0 / 0%);
    transition: display var(--sp-duration-short-3) allow-discrete,
        overlay var(--sp-duration-short-3) allow-discrete,
        background-color var(--sp-duration-short-3);
}

/* @starting-style is a new at rule for transitions with discrete values (e.g. display: none -> display: block) */
@starting-style {
    .modal_bkLQu[open]::backdrop {
        -webkit-backdrop-filter: blur(2px);
                backdrop-filter: blur(2px);
        background-color: rgb(0 0 0 / 0%);
    }
}