@view-transition {
    navigation: auto;
}

:root {
    view-transition-name: none;
}

::view-transition {
    pointer-events: none;
}

.app-shell > main,
.app-shell > main > .section {
    view-transition-name: none;
}

.site-header {
    view-transition-name: canvasara-site-header;
}

::view-transition-group(canvasara-site-header) {
    animation: none;
}

::view-transition-old(canvasara-site-header) {
    display: none;
    animation: none;
}

::view-transition-new(canvasara-site-header) {
    animation: none;
    mix-blend-mode: normal;
    opacity: 1;
}