@view-transition { navigation: auto; } html.is-leaving, html.is-leaving * { cursor: progress !important; } html.is-leaving body { opacity: 0.7; transition: opacity 0.4s ease; } html.is-leaving::after { content: ""; position: fixed; top: 0; left: 0; height: 3px; width: 100%; background: black; transform: scaleX(0); transform-origin: left; animation: loadingBar 1s ease forwards; z-index: 9999; } .cmplz-accept { order: 2; } .cmplz-deny { order: 1; } @keyframes loadingBar { to { transform: scaleX(0.8); } } @media (min-width: 1000px) { .cmplz-cookiebanner.banner-1.banner-a { transform: translateX(calc(-0.3 * var(--cmplz_banner_width))); transition: transform 1s ease; will-change: transform; } .cmplz-cookiebanner.banner-1.banner-a:hover { transform: translateX(0); } } @media (max-width: 1000px) { .cmplz-cookiebanner.banner-1.banner-a { transform: translateX(0) !important; transition: none !important; } }