/*
.is-changing #cmplz-cookiebanner-container,
.is-changing .transition-main {
  transition-property: opacity, transform;
  transition-duration: 250ms;
}

html.is-animating #cmplz-cookiebanner-container,
html.is-animating .transition-main {
  opacity: 0;
  transform: translateY(-10px);
}

html.is-leaving #cmplz-cookiebanner-container,
html.is-leaving .transition-main {
  transform: translateY(10px);
}
*/

.transition-main {
    transition-property: opacity;
    transition-duration: 300ms;
}

.transition-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    z-index: 999;
    background: black;
    width: 100vw;
    height: 100vh;
    transition: opacity 0.4s ease;
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s cubic-bezier(0, 0, 0.4, 1) .1s;
}

.transition-overlay.changing {
    opacity: 1;
    pointer-events: all;
    transition: opacity .4s cubic-bezier(0, 0, 0.4, 1);
}

.transition-overlay.changing header {
    opacity: 0;
    pointer-events: all;
    transition: opacity .15s cubic-bezier(0, 0, 0.4, 1);
}