.help-popup-wrapper{
    z-index: 214748300;
    background-color: transparent;
    position: fixed;
    display: none;
    transition: background-color 0.3s;
}

.help-popup-wrapper.active{
    display: flex;
    background-color: rgba(0, 0, 0, 0.6);
}

.help-popup{
    transition: transform 0.5s ease-in-out;
    border-radius: 27px;
    hyphens: none;
}

.help-popup.active{
    animation: appear 0.5s ease-in-out;
} 

@keyframes appear {
    from {transform: translatey(100vh);}
    to {transform: translatey(0);}
}

.help-popup.disappear{
    transform: translatey(100vh);
}

.help-popup-wrapper.disappear{
    background-color: transparent;
}

.help-popup-logo{
    box-shadow: 0px 3px 54.1px 7px rgba(0, 0, 0, 0.25);
    border-radius: 2.5rem;
    transform: translateY(-20%);
}

.help-popup-wave{
    border-radius: 27px 27px 0px 0px;
    top: -1px;
}

.help-popup-close{
    top: -0.625rem;
}

.help-popup-heading{
    line-height: 1.3;
    hyphens: none;
	-webkit-hyphens: none;
}

.help-popup-button{
    border: 0.05rem solid black;
    border-radius: 1.6875rem;
    width: 16.875rem;
    height: 2.1875rem;
    transition: all 0.3s;
}

.help-popup-button:hover{
    background-color: var(--accentColor);
    border: none;
}