@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.58s}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-card-arrival]::view-transition-old(root){z-index:1;animation:botani-card-depart .58s ease-out both}
html[data-card-arrival]::view-transition-new(root){z-index:2;animation:botani-card-reveal .58s cubic-bezier(.2,.65,.25,1) both}
@keyframes botani-card-reveal{from{clip-path:circle(22px at var(--botani-arrival-x,50vw) var(--botani-arrival-y,45vh))}to{clip-path:circle(var(--botani-arrival-radius,150vmax) at var(--botani-arrival-x,50vw) var(--botani-arrival-y,45vh))}}
@keyframes botani-arrival-fade{from{opacity:.65}to{opacity:1}}
html.botani-arrival-fallback main{animation:botani-arrival-fade .2s ease-out}
html[data-card-arrival=fade]::view-transition-new(root){animation:botani-arrival-fade .12s ease-out both}
@media(prefers-reduced-motion:reduce){::view-transition-group(root){animation-duration:.12s}html[data-card-arrival]::view-transition-new(root){animation:botani-arrival-fade .12s ease-out both}html.botani-arrival-fallback main{animation-duration:.12s}}

@keyframes botani-card-depart{from{opacity:1}to{opacity:.88}}
@media(prefers-reduced-motion:reduce){html[data-card-arrival]::view-transition-old(root){animation:none}}