@media (min-width: 761px) {
    .v2-search,
    .v2-sm-box {
        view-transition-name: v2-ask-morph;
    }

    html:has(.v2-sm.is-open) .v2-search {
        view-transition-name: none;
    }

    @supports (view-transition-name: none) {
        .v2-sm.is-open,
        .v2-sm-box {
            animation: none;
        }
    }

    ::view-transition-group(v2-ask-morph) {
        animation-duration: .34s;
        animation-timing-function: cubic-bezier(.65, 0, .35, 1);
    }

    ::view-transition-old(v2-ask-morph),
    ::view-transition-new(v2-ask-morph) {
        height: 100%;
        overflow: clip;
        animation-timing-function: cubic-bezier(.65, 0, .35, 1);
        animation-name: v2-morph-fade;
    }

    ::view-transition-old(v2-ask-morph) {
        animation-duration: .24s;
        animation-direction: reverse;
    }

    ::view-transition-new(v2-ask-morph) {
        animation-duration: .3s;
    }
}

@keyframes v2-morph-fade {
    from {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-search,
    .v2-sm-box {
        view-transition-name: none;
    }
}