.lx-modal {

    position: fixed;

    inset: 0;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}

.lx-modal.hidden {

    display: none;

}

.lx-modal__backdrop {

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,.45);

    backdrop-filter: blur(8px);

}

.lx-modal__card {

    position: relative;

    width: min(520px, calc(100vw - 30px));

    background: white;

    border-radius: 24px;

    padding: 36px;

    box-shadow: 0 30px 80px rgba(0,0,0,.25);

    z-index: 2;

    animation: lxPop .25s ease;

}

@keyframes lxPop {

    from {

        opacity:0;

        transform:scale(.95);

    }

    to {

        opacity:1;

        transform:scale(1);

    }

}

.lx-modal__icon{

    font-size:64px;

    text-align:center;

    margin-bottom:20px;

}

.lx-modal__features{

    margin:24px 0;

    padding-left:20px;

}

.lx-modal__features li{

    margin-bottom:10px;

}

.lx-modal__instructions{

    margin:24px 0;

    text-align:center;

    color:#666;

}

.lx-modal__close{

    position:absolute;

    top:16px;

    right:16px;

    border:0;

    background:none;

    font-size:28px;

    cursor:pointer;

}