#cookie-banner {
    transform: translateY(100%);
    visibility: hidden;
    transition: transform .35s ease, visibility 0s linear .35s;
}

#cookie-banner.show {
    transform: translateY(0);
    visibility: visible;
    transition: transform .35s ease;
}

#cookie-backdrop {

    transition: opacity .3s ease;

}

#cookie-backdrop.show {

    opacity:1;
    pointer-events:auto;

}

html.cookie-open,
body.cookie-open{

    overflow:hidden;

}

#cookie-settings-modal{

    animation:fadeIn .25s ease;

}

@keyframes fadeIn{

    from{

        opacity:0;
        transform:scale(.95);

    }

    to{

        opacity:1;
        transform:scale(1);

    }

}