.emergency-popup-wrapper{
    z-index: 214748300;
    background-color: transparent;
    position: fixed;
    display: none;
    opacity: 0;
    transition: background-color 0.5s;
}

.emergency-popup-wrapper.active{
    animation: fadeIn 0.5s;
    opacity: 1;
    display: flex;
    background-color: rgba(0, 0, 0, 0.6);
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

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

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

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

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

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

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

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

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

.emergency-popup-close--desktop{
    top: -0.625rem;
}


.emergency-popup-close--desktop{
    top: -0.625rem;
}

.emergency-popup-heading{
    line-height: 1.3;
}

.emergency-popup-button{
    border: 0.0625rem solid black;
    border-radius: 1.6875rem;
    width: 16.875rem;
    height: 2.1875rem;
    transition: all 0.15s;
}

.emergency-popup-button:hover{
    background-color: var(--accentColor);
}

.emergency-popup-accent-color{
    color: var(--accentColor);
}

.emergency-popup-content-part {
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: fit-content;
}

@media screen and (max-width: 550px) {
    .emergency-popup {
        width: 100%;
        height: 100%;
        border-radius: 1.6875rem 1.6875rem 0 0;
    }

    .emergency-popup-close--desktop { 
        display: none;
    }

    .emergency-popup-close--mobile {
        display: block;
        height: 2.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        border-radius: 1.25rem;
        top: 0.9375rem;
        left: 0.9375rem;
    }
}