: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:100% 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=\"40\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 100% 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=\"40\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 100% 0/0 no-repeat content-box border-box}::view-transition-old(root){transform-origin:100% 0;z-index:0;animation:.8s ease-out forwards fadeOut}.dark::view-transition-old(root){transform-origin:100% 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}}