.hFZz5y {
    z-index: 99999999;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 110vw;
    background: rgba(0, 0, 0, .3)
}

.NMuTJF,
.hFZz5y {
    display: flex;
    position: fixed
}

.NMuTJF {
    top: 7rem;
    margin-left: .625rem;
    width: 95%;
    max-width: 28rem;
    border-radius: .5rem;
    padding: 1.5rem 1rem
}

@media (min-width:640px) {
    .NMuTJF {
        top: 5rem;
        left: 3rem;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 26rem
    }
}

.NMuTJF {
    background: #fff
}

@media (min-width:640px) {
    .NMuTJF:after {
        border-style: none !important
    }
}

.NMuTJF:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -.5em;
    top: 0;
    left: 12.5%;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .25em;
    transform-origin: 0 0;
    transform: rotate(135deg)
}

.hFZz5y:active .NMuTJF:not(:active) {
    animation: kHnfrK .4s
}

@keyframes kHnfrK {

    10%,
    50% {
        transform: translate3d(-4px, 0, 0)
    }

    20%,
    40% {
        transform: translate3d(8px, 0, 0)
    }
}