:root{--ino-vt-enter:10%;--ino-vt-exit:5%;--ino-vt-fade-dur:.34s}::view-transition-group(root){animation-duration:.3s;animation-timing-function:var(--ease-out,cubic-bezier(.22,1,.36,1))}@keyframes ino-vt-in-right{0%{transform:translateX(var(--ino-vt-enter));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes ino-vt-out-left{0%{opacity:1;transform:translate(0)}to{transform:translateX(calc(-1*var(--ino-vt-exit)));opacity:0}}@keyframes ino-vt-in-left{0%{transform:translateX(calc(-1*var(--ino-vt-exit)));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes ino-vt-out-right{0%{opacity:1;transform:translate(0)}to{transform:translateX(var(--ino-vt-enter));opacity:0}}html[data-nav=forward]::view-transition-new(root){animation:ino-vt-in-right .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:2}html[data-nav=forward]::view-transition-old(root){animation:ino-vt-out-left .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:1}html[data-nav=back]::view-transition-old(root){animation:ino-vt-out-right .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:2}html[data-nav=back]::view-transition-new(root){animation:ino-vt-in-left .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:1}@keyframes ino-vt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ino-vt-fade-out{0%{opacity:1}to{opacity:0}}html[data-nav=fade]::view-transition-new(root){animation:ino-vt-fade-in var(--ino-vt-fade-dur,.34s)var(--ease-out,cubic-bezier(.22,1,.36,1))both}html[data-nav=fade]::view-transition-old(root){animation:ino-vt-fade-out var(--ino-vt-fade-dur,.34s)var(--ease-out,cubic-bezier(.22,1,.36,1))both}@media (prefers-reduced-motion:reduce){::view-transition-group(root){animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}@media (pointer:fine){.pcs-scroll{view-transition-name:ino-app}html[data-nav]::view-transition-old(root){animation:none!important}html[data-nav]::view-transition-new(root){animation:none!important}::view-transition-group(ino-app){animation-duration:.3s;animation-timing-function:var(--ease-out,cubic-bezier(.22,1,.36,1));overflow:hidden}html[data-nav=forward]::view-transition-new(ino-app){animation:ino-vt-in-right .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:2}html[data-nav=forward]::view-transition-old(ino-app){animation:ino-vt-out-left .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:1}html[data-nav=back]::view-transition-old(ino-app){animation:ino-vt-out-right .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:2}html[data-nav=back]::view-transition-new(ino-app){animation:ino-vt-in-left .3s var(--ease-out,cubic-bezier(.22,1,.36,1))both;z-index:1}html[data-nav=fade]::view-transition-new(ino-app){animation:ino-vt-fade-in var(--ino-vt-fade-dur,.34s)var(--ease-out,cubic-bezier(.22,1,.36,1))both}html[data-nav=fade]::view-transition-old(ino-app){animation:ino-vt-fade-out var(--ino-vt-fade-dur,.34s)var(--ease-out,cubic-bezier(.22,1,.36,1))both}@media (prefers-reduced-motion:reduce){::view-transition-group(ino-app){animation:none!important}::view-transition-old(ino-app){animation:none!important}::view-transition-new(ino-app){animation:none!important}}}