:root[data-studio-surface-transition]::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}:root[data-studio-surface-transition]::view-transition-new(root),:root[data-studio-surface-transition]::view-transition-old(root){animation-duration:.18s}:root[data-studio-surface-transition]::view-transition-new(studio-origin-surface),:root[data-studio-surface-transition]::view-transition-old(studio-origin-surface){height:100%;width:100%;object-fit:contain;mix-blend-mode:normal}:root[data-studio-surface-transition=spatial][data-studio-surface-scope=canvas]::view-transition-image-pair(studio-origin-surface){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}:root[data-studio-surface-direction=open]::view-transition-image-pair(studio-origin-surface){animation-name:studio-canvas-corners-open}:root[data-studio-surface-direction=close]::view-transition-image-pair(studio-origin-surface){animation-name:studio-canvas-corners-close}@keyframes studio-canvas-corners-open{0%{clip-path:inset(0 round 12px)}to{clip-path:inset(0 round 16px)}}@keyframes studio-canvas-corners-close{0%{clip-path:inset(0 round 16px)}to{clip-path:inset(0 round 12px)}}:root[data-studio-surface-transition] [data-studio-scroll-owner=canvas]{overflow:hidden!important}:root[data-studio-surface-transition=fade]::view-transition-group(*){animation-duration:80ms}@media (prefers-reduced-motion:reduce){:root[data-studio-surface-transition]::view-transition-group(*){animation-duration:80ms}}