@keyframes rivian-expand-down {
    0% {
        /* CRITICAL: Must have 'round' or it clips to square */
        clip-path: inset(0 0 100% 0 round var(--radius-large));
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        clip-path: inset(0 0 0 0 round var(--radius-large));
        opacity: 1;
    }
}

@keyframes rivian-collapse-up {
    0% {
        clip-path: inset(0 0 0 0 round var(--radius-large));
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        /* Stops 5rem from top */
        clip-path: inset(0 0 calc(100% - 5rem) 0 round var(--radius-large));
        opacity: 0;
    }
}