:root{--expo-out:linear(0 0%,.1684 2.66%,.3165 5.49%,.446 8.52%,.5581 11.78%,.6535 15.29%,.7341 19.11%,.8011 23.3%,.8557 27.93%,.8962 32.68%,.9283 38.01%,.9529 44.08%,.9711 51.14%,.9833 59.06%,.9915 68.74%,1 100%)}::view-transition-group(root){animation-timing-function:var(--expo-out);animation-duration:.8s}::view-transition-new(root){transform-origin:0 0;z-index:1;animation:.8s ease-out forwards scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 0 0/0 no-repeat content-box border-box;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 0 0/0 no-repeat content-box border-box}::view-transition-old(root){transform-origin:0 0;z-index:0;animation:.8s ease-out forwards fadeOut}.dark::view-transition-old(root){transform-origin:0 0;z-index:0;animation:.8s ease-out forwards fadeOut}@keyframes scale{0%{-webkit-mask-size:0;mask-size:0}to{-webkit-mask-size:350vmax;mask-size:350vmax}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}