: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)}::view-transition-new(root){animation:scale 1s;animation-fill-mode:both;-webkit-mask:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="40" r="18" fill="%23fff"/></svg>') top right /0 no-repeat;mask:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="40" r="18" fill="%23fff"/></svg>') top right /0 no-repeat;-webkit-mask-origin:content-box;mask-origin:content-box;transform-origin:top right}.dark::view-transition-old(root),::view-transition-old(root){animation:scale 1s;animation-fill-mode:both;transform-origin:top right;z-index:-1}@keyframes scale{to{-webkit-mask-size:350vmax;mask-size:350vmax}}