@layer components{.nav-content-panel{view-transition-name:nav-panel}::view-transition-group(nav-panel){overflow:clip}::view-transition-image-pair(nav-panel){isolation:isolate}::view-transition-old(nav-panel){animation:nav-panel-slide-out .3s var(--easing-circ) forwards}::view-transition-new(nav-panel){animation:nav-panel-slide-in .3s var(--easing-circ)}::view-transition-old(root),::view-transition-new(root){animation:none}@keyframes nav-panel-slide-out{to{translate:100% 0;opacity:0}}@keyframes nav-panel-slide-in{0%{translate:-100% 0;opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(nav-panel),::view-transition-new(nav-panel){animation:none}}}