@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}html[data-page=home] #stage{view-transition-name:home-stage}html[data-page=shelf] #stage{view-transition-name:shelf-stage}.caption-box{view-transition-name:caption}:root:active-view-transition #scene-canvas{transition:none}::view-transition-group(*){animation-duration:1.1s;animation-timing-function:cubic-bezier(.65,0,.35,1)}::view-transition-group(caption){z-index:1}::view-transition-image-pair(caption){perspective:1200px}::view-transition-old(caption){backface-visibility:hidden;mix-blend-mode:normal;width:auto;height:auto;animation-duration:1.1s;animation-timing-function:linear;animation-fill-mode:both;inset:50% auto auto 50%;translate:-50% -50%}::view-transition-new(caption){backface-visibility:hidden;mix-blend-mode:normal;width:auto;height:auto;animation-duration:1.1s;animation-timing-function:linear;animation-fill-mode:both;inset:50% auto auto 50%;translate:-50% -50%}::view-transition-old(home-stage){mix-blend-mode:normal;animation-duration:1.1s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both}::view-transition-new(home-stage){mix-blend-mode:normal;animation-duration:1.1s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both}::view-transition-old(shelf-stage){mix-blend-mode:normal;animation-duration:1.1s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both}::view-transition-new(shelf-stage){mix-blend-mode:normal;animation-duration:1.1s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both}::view-transition-old(home-stage){animation-name:vt-out-down}::view-transition-new(shelf-stage){animation-name:vt-in-from-top}html[data-page=shelf]::view-transition-old(caption){animation-name:vt-turn-out-fwd}html[data-page=shelf]::view-transition-new(caption){animation-name:vt-turn-in-fwd}@keyframes vt-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes vt-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes vt-turn-out-fwd{0%{animation-timing-function:ease-in;transform:rotateY(0)}50%,to{transform:rotateY(90deg)}}@keyframes vt-turn-in-fwd{0%{transform:rotateY(-90deg)}50%{animation-timing-function:ease-out;transform:rotateY(-90deg)}to{transform:rotateY(0)}}::view-transition-old(shelf-stage){animation-name:vt-out-up}::view-transition-new(home-stage){animation-name:vt-in-from-bottom}html[data-page=home]::view-transition-old(caption){animation-name:vt-turn-out-back}html[data-page=home]::view-transition-new(caption){animation-name:vt-turn-in-back}@keyframes vt-out-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes vt-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes vt-turn-out-back{0%{animation-timing-function:ease-in;transform:rotateY(0)}50%,to{transform:rotateY(-90deg)}}@keyframes vt-turn-in-back{0%{transform:rotateY(90deg)}50%{animation-timing-function:ease-out;transform:rotateY(90deg)}to{transform:rotateY(0)}}