::view-transition-group(dd-setup){z-index:1}html[data-dd-morph=open]::view-transition-new(dd-setup){animation:dd-morph-clip .48s var(--ease-standard) both}html[data-dd-morph=open]::view-transition-old(root){animation:dd-morph-dim .48s var(--ease-standard) both;mix-blend-mode:normal}html[data-dd-morph=open]::view-transition-new(root){mix-blend-mode:normal;z-index:-1;animation:none}html[data-dd-morph=close]::view-transition-old(dd-setup){animation:dd-morph-unclip .48s var(--ease-standard) both, dd-morph-leave .48s linear both}html[data-dd-morph=close]::view-transition-new(root){animation:dd-morph-undim .48s var(--ease-standard) both;mix-blend-mode:normal}html[data-dd-morph=close]::view-transition-old(root){mix-blend-mode:normal;animation:none}html:not([data-dd-morph])::view-transition-old(dd-setup){animation:dd-morph-fade .2s var(--ease-standard) reverse both}@keyframes dd-morph-clip{0%{clip-path:inset(calc(var(--dd-morph-oy) + var(--dd-morph-t)) var(--dd-morph-r) calc(100% - var(--dd-morph-oy) - var(--dd-morph-b)) var(--dd-morph-l) round 26px)}to{clip-path:inset(var(--dd-morph-oy) 0px calc(100% - var(--dd-morph-oy) - var(--dd-morph-vh)) 0px round 0px)}}@keyframes dd-morph-unclip{0%{clip-path:inset(var(--dd-morph-oy) 0px calc(100% - var(--dd-morph-oy) - var(--dd-morph-vh)) 0px round 0px)}to{clip-path:inset(calc(var(--dd-morph-oy) + var(--dd-morph-t)) var(--dd-morph-r) calc(100% - var(--dd-morph-oy) - var(--dd-morph-b)) var(--dd-morph-l) round 26px)}}@keyframes dd-morph-dim{0%{opacity:1}to{opacity:.4}}@keyframes dd-morph-undim{0%{opacity:.4}to{opacity:1}}@keyframes dd-morph-leave{0%,55%{opacity:1}to{opacity:0}}@keyframes dd-morph-fade{0%{opacity:0}to{opacity:1}}