@view-transition{navigation:auto}
.ld-device-frame{view-transition-name:account-phone}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-group(account-phone){overflow:clip;border-radius:48px}
@keyframes account-push-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes account-push-out{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes account-pop-in{from{transform:translateX(-25%)}to{transform:translateX(0)}}
@keyframes account-pop-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
html:active-view-transition-type(forward)::view-transition-new(account-phone){animation:account-push-in .28s ease-out both}
html:active-view-transition-type(forward)::view-transition-old(account-phone){animation:account-push-out .28s ease-out both}
html:active-view-transition-type(back)::view-transition-new(account-phone){animation:account-pop-in .28s ease-out both}
html:active-view-transition-type(back)::view-transition-old(account-phone){animation:account-pop-out .28s ease-out both;z-index:1}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important}::view-transition-new(account-phone),::view-transition-old(account-phone){animation:none!important}}