/* Real documents. The studio sits to the right of home. */
@view-transition { navigation: auto; }
::view-transition-group(root) { animation-duration: 620ms; }
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root),::view-transition-new(root) {
  animation-duration:620ms;
  animation-timing-function:cubic-bezier(.65,0,.25,1);
  animation-fill-mode:both;
  mix-blend-mode:normal;
}
html[data-page="studio"]::view-transition-old(root) { animation-name:room-exit-left; }
html[data-page="studio"]::view-transition-new(root) { animation-name:room-enter-right; }
html[data-page="home"]::view-transition-old(root) { animation-name:room-exit-right; }
html[data-page="home"]::view-transition-new(root) { animation-name:room-enter-left; }
@keyframes room-exit-left { to { transform:translateX(-100%); } }
@keyframes room-enter-right { from { transform:translateX(100%); } }
@keyframes room-exit-right { to { transform:translateX(100%); } }
@keyframes room-enter-left { from { transform:translateX(-100%); } }
@media(prefers-reduced-motion:reduce) {
  @view-transition { navigation:none; }
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
}