html[data-beui-vt=rect]::view-transition-old(root){animation:none;mix-blend-mode:normal}html[data-beui-vt=rect]::view-transition-new(root){mix-blend-mode:normal;animation:beui-rect-reveal .4s ease-out}html[data-beui-vt=circle-blur]::view-transition-old(root),html[data-beui-vt=circle]::view-transition-old(root){animation:none;mix-blend-mode:normal}html[data-beui-vt=circle]::view-transition-new(root){mix-blend-mode:normal;animation:beui-circle-reveal .7s cubic-bezier(.4,0,.2,1)}html[data-beui-vt=circle-blur]::view-transition-new(root){mix-blend-mode:normal;animation:beui-circle-blur-reveal .7s cubic-bezier(.4,0,.2,1)}html[data-beui-vt=blinds]::view-transition-old(root){animation:none;mix-blend-mode:normal}@property --beui-vt-slat{syntax:"<length>";inherits:false;initial-value:72px}html[data-beui-vt=blinds]::view-transition-new(root){mix-blend-mode:normal;mask-image:linear-gradient(90deg,#000 0 var(--beui-vt-slat),transparent calc(var(--beui-vt-slat) + 20px));mask-size:72px 100%;mask-repeat:repeat;animation:beui-blinds-reveal .7s cubic-bezier(.16,1,.3,1)}@keyframes beui-rect-reveal{0%{clip-path:var(--beui-vt-from,inset(100% 0 0 0))}to{clip-path:inset(0 0 0 0)}}@keyframes beui-circle-reveal{0%{clip-path:circle(0 at var(--beui-vt-origin,50% 100%))}to{clip-path:circle(150% at var(--beui-vt-origin,50% 100%))}}@keyframes beui-circle-blur-reveal{0%{clip-path:circle(0 at var(--beui-vt-origin,50% 100%));filter:blur(8px)}to{clip-path:circle(150% at var(--beui-vt-origin,50% 100%));filter:blur(0)}}@keyframes beui-blinds-reveal{0%{--beui-vt-slat:-20px}to{--beui-vt-slat:72px}}