::view-transition-group(work-title){z-index:2}::view-transition-group(work-panel){animation-duration:.75s;animation-timing-function:var(--e-inout)}::view-transition-group(work-img){animation-duration:.75s;animation-timing-function:var(--e-inout)}::view-transition-group(work-title){animation-duration:.75s;animation-timing-function:var(--e-inout)}::view-transition-old(work-panel){height:100%}::view-transition-new(work-panel){height:100%}::view-transition-old(work-img){object-fit:cover;height:100%}::view-transition-new(work-img){object-fit:cover;height:100%}::view-transition-old(work-panel){animation-duration:.45s;animation-timing-function:var(--e-out)}::view-transition-new(work-panel){animation-duration:.45s;animation-timing-function:var(--e-out)}::view-transition-old(work-title){animation-duration:.45s;animation-timing-function:var(--e-out)}::view-transition-new(work-title){animation-duration:.45s;animation-timing-function:var(--e-out)}::view-transition-old(work-img){animation-duration:.45s;animation-timing-function:var(--e-out)}::view-transition-new(work-img){animation-duration:.45s;animation-timing-function:var(--e-out)}html[data-vt]::view-transition-old(root){animation-duration:.5s;animation-timing-function:var(--e-out)}html[data-vt]::view-transition-new(root){animation-duration:.5s;animation-timing-function:var(--e-out)}html[data-vt=close]::view-transition-group(*){animation-duration:.6s}html[data-vt=close]::view-transition-old(*){animation-duration:.35s}html[data-vt=close]::view-transition-new(*){animation-duration:.35s}html:is([data-vt=next],[data-vt=prev]) [data-panel-scroll]{view-transition-name:work-body}html:is([data-vt=next],[data-vt=prev])::view-transition-group(*){animation-duration:0s}html:is([data-vt=next],[data-vt=prev])::view-transition-old(work-panel){opacity:0;animation:none}html:is([data-vt=next],[data-vt=prev])::view-transition-new(work-panel){animation:none}html:is([data-vt=next],[data-vt=prev])::view-transition-old(work-body){animation:vt-work-out .3s var(--e-out) both}html:is([data-vt=next],[data-vt=prev])::view-transition-old(work-title){animation:vt-work-out .3s var(--e-out) both}html:is([data-vt=next],[data-vt=prev])::view-transition-old(work-img){animation:vt-work-out .3s var(--e-out) both}html:is([data-vt=next],[data-vt=prev])::view-transition-new(work-body){animation:vt-work-in .8s var(--e-expo) .12s both}html:is([data-vt=next],[data-vt=prev])::view-transition-new(work-title){animation:vt-work-in .8s var(--e-expo) .12s both}html:is([data-vt=next],[data-vt=prev])::view-transition-new(work-img){animation:vt-work-in .8s var(--e-expo) .12s both}html[data-vt=prev]::view-transition-old(*){--vt-dir:-1}html[data-vt=prev]::view-transition-new(*){--vt-dir:-1}@keyframes vt-work-out{to{opacity:0;transform:translateX(calc(var(--vt-dir,1) * -3%))}}@keyframes vt-work-in{0%{opacity:0;transform:translateX(calc(var(--vt-dir,1) * 3%))}}::view-transition-group(work-img){overflow:clip}::view-transition-group(work-body){overflow:clip}