@keyframes vw-grid-dissolve-out{0%{opacity:1;-webkit-mask-size:100% 2px,2px 100%;mask-size:100% 2px,2px 100%}to{opacity:0;-webkit-mask-size:100% 46px,46px 100%;mask-size:100% 46px,46px 100%}}@keyframes vw-grid-materialize-in{0%{opacity:0;-webkit-mask-size:100% 46px,46px 100%;mask-size:100% 46px,46px 100%}to{opacity:1;-webkit-mask-size:100% 2px,2px 100%;mask-size:100% 2px,2px 100%}}::view-transition-group(root){animation-duration:var(--vw-dur-fast)}::view-transition-old(root){-webkit-mask-composite:source-over;filter:drop-shadow(0 0 1.5px var(--vw-glow-bright));-webkit-mask-image:repeating-linear-gradient(#0000 0% 94%,#000 94% 100%),repeating-linear-gradient(90deg,#000 0% 6%,#0000 6% 100%);mask-image:repeating-linear-gradient(#0000 0% 94%,#000 94% 100%),repeating-linear-gradient(90deg,#000 0% 6%,#0000 6% 100%);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-composite:source-over;mask-composite:add}::view-transition-new(root){-webkit-mask-composite:source-over;filter:drop-shadow(0 0 1.5px var(--vw-glow-bright));-webkit-mask-image:repeating-linear-gradient(#0000 0% 94%,#000 94% 100%),repeating-linear-gradient(90deg,#000 0% 6%,#0000 6% 100%);mask-image:repeating-linear-gradient(#0000 0% 94%,#000 94% 100%),repeating-linear-gradient(90deg,#000 0% 6%,#0000 6% 100%);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-composite:source-over;mask-composite:add}::view-transition-old(root){animation:vw-grid-dissolve-out var(--vw-dur-fast) var(--vw-ease) both}::view-transition-new(root){animation:vw-grid-materialize-in var(--vw-dur-fast) var(--vw-ease) both}