html::view-transition-group(root){box-shadow:none;border:none;outline:none}html::view-transition-old(root){box-shadow:none;border:none;outline:none}html::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=circle]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=circle]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=circle]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=circle]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"white\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"white\"/></svg>") 50%/0 no-repeat}html[data-animation=circle]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=circle] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=circle] .dark::view-transition-new(root){animation:1s both scale}@keyframes scale{to{-webkit-mask-size:200vmax;mask-size:200vmax}}html[data-animation=circle-blur]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=circle-blur]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=circle-blur]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=circle-blur]::view-transition-group(root){animation-timing-function:var(--expo-out)}html[data-animation=circle-blur]::view-transition-new(root){animation:1s both 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=\"20\" cy=\"20\" r=\"18\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat;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=\"20\" cy=\"20\" r=\"18\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat}html[data-animation=circle-blur]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=circle-blur] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=circle-blur] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=circle-pivot]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=circle-pivot]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=circle-pivot]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=circle-pivot]::view-transition-group(root){animation-timing-function:var(--expo-out)}html[data-animation=circle-pivot][data-pivot-position=top-left]::view-transition-new(root){transform-origin:0 0;animation:1s both 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-tl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tl)\"/></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-tl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tl)\"/></svg>") 0 0/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=top-left] .dark::view-transition-new(root){transform-origin:0 0;animation:1s both 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-tl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tl)\"/></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-tl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tl)\"/></svg>") 0 0/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=top-left]::view-transition-old(root){transform-origin:0 0;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=top-left] .dark::view-transition-old(root){transform-origin:0 0;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=top-right]::view-transition-new(root){transform-origin:100% 0;animation:1s both 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-tr\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tr)\"/></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-tr\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tr)\"/></svg>") 100% 0/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=top-right] .dark::view-transition-new(root){transform-origin:100% 0;animation:1s both 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-tr\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tr)\"/></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-tr\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tr)\"/></svg>") 100% 0/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=top-right]::view-transition-old(root){transform-origin:100% 0;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=top-right] .dark::view-transition-old(root){transform-origin:100% 0;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=bottom-left]::view-transition-new(root){transform-origin:0 100%;animation:1s both 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-bl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bl)\"/></svg>") 0 100%/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-bl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bl)\"/></svg>") 0 100%/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=bottom-left] .dark::view-transition-new(root){transform-origin:0 100%;animation:1s both 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-bl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bl)\"/></svg>") 0 100%/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-bl\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"0\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bl)\"/></svg>") 0 100%/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=bottom-left]::view-transition-old(root){transform-origin:0 100%;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=bottom-left] .dark::view-transition-old(root){transform-origin:0 100%;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=bottom-right]::view-transition-new(root){transform-origin:100% 100%;animation:1s both 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-br\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-br)\"/></svg>") 100% 100%/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-br\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-br)\"/></svg>") 100% 100%/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=bottom-right] .dark::view-transition-new(root){transform-origin:100% 100%;animation:1s both 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-br\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-br)\"/></svg>") 100% 100%/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-br\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"40\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-br)\"/></svg>") 100% 100%/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=bottom-right]::view-transition-old(root){transform-origin:100% 100%;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=bottom-right] .dark::view-transition-old(root){transform-origin:100% 100%;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=top-center]::view-transition-new(root){transform-origin:top;animation:1s both 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-tc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tc)\"/></svg>") top/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-tc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tc)\"/></svg>") top/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=top-center] .dark::view-transition-new(root){transform-origin:top;animation:1s both 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-tc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tc)\"/></svg>") top/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-tc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"0\" r=\"18\" fill=\"white\" filter=\"url(%23blur-tc)\"/></svg>") top/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=top-center]::view-transition-old(root){transform-origin:top;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=top-center] .dark::view-transition-old(root){transform-origin:top;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=bottom-center]::view-transition-new(root){transform-origin:bottom;animation:1s both 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-bc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bc)\"/></svg>") bottom/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-bc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bc)\"/></svg>") bottom/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=bottom-center] .dark::view-transition-new(root){transform-origin:bottom;animation:1s both 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-bc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bc)\"/></svg>") bottom/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-bc\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><circle cx=\"20\" cy=\"40\" r=\"18\" fill=\"white\" filter=\"url(%23blur-bc)\"/></svg>") bottom/0 no-repeat content-box border-box}html[data-animation=circle-pivot][data-pivot-position=bottom-center]::view-transition-old(root){transform-origin:bottom;z-index:-1;animation:1s both scale}html[data-animation=circle-pivot][data-pivot-position=bottom-center] .dark::view-transition-old(root){transform-origin:bottom;z-index:-1;animation:1s both scale}html[data-animation=star]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=star]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=star]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=star]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon fill=\"white\" points=\"50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon fill=\"white\" points=\"50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35\"/></svg>") 50%/0 no-repeat}html[data-animation=star]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=star] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=star] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=star-blur]::view-transition-group(root){animation-timing-function:var(--expo-out)}html[data-animation=star-blur]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon fill=\"white\" points=\"50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon fill=\"white\" points=\"50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat}html[data-animation=star-blur]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=star-blur] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=star-blur] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=diamond]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=diamond]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=diamond]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=diamond]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon fill=\"white\" points=\"50,0 100,50 50,100 0,50\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon fill=\"white\" points=\"50,0 100,50 50,100 0,50\"/></svg>") 50%/0 no-repeat}html[data-animation=diamond]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=diamond] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=diamond] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=diamond-blur]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=diamond-blur]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=diamond-blur]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=diamond-blur]::view-transition-group(root){animation-timing-function:var(--expo-out)}html[data-animation=diamond-blur]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon fill=\"white\" points=\"50,0 100,50 50,100 0,50\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon fill=\"white\" points=\"50,0 100,50 50,100 0,50\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat}html[data-animation=diamond-blur]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=diamond-blur] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=diamond-blur] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=triangle]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=triangle]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=triangle]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=triangle]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon points=\"50,0 100,100 0,100\" fill=\"white\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><polygon points=\"50,0 100,100 0,100\" fill=\"white\"/></svg>") 50%/0 no-repeat}html[data-animation=triangle]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=triangle] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=triangle] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=triangle-blur]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=triangle-blur]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=triangle-blur]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=triangle-blur]::view-transition-group(root){animation-timing-function:var(--expo-out)}html[data-animation=triangle-blur]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon points=\"50,0 100,100 0,100\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon points=\"50,0 100,100 0,100\" fill=\"white\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat}html[data-animation=triangle-blur]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=triangle-blur] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=triangle-blur] .dark::view-transition-new(root){animation:1s both scale}html[data-animation=hexagon]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=hexagon]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=hexagon]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=hexagon]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 100\"><polygon fill=\"white\" points=\"30,0 90,0 120,50 90,100 30,100 0,50\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 100\"><polygon fill=\"white\" points=\"30,0 90,0 120,50 90,100 30,100 0,50\"/></svg>") 50%/0 no-repeat}html[data-animation=hexagon]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=hexagon] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=hexagon] .dark::view-transition-new(root){animation:1s both scale}:root{--expo-in:linear(0 0%,.0085 31.26%,.0167 40.94%,.0289 48.86%,.0471 55.92%,.0717 61.99%,.1038 67.32%,.1443 72.07%,.1989 76.7%,.2659 80.89%,.3465 84.71%,.4419 88.22%,.554 91.48%,.6835 94.51%,.8316 97.34%,1 100%);--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%)}html[data-animation=hexagon-blur]::view-transition-group(root){box-shadow:none;border:none;outline:none}html[data-animation=hexagon-blur]::view-transition-old(root){box-shadow:none;border:none;outline:none}html[data-animation=hexagon-blur]::view-transition-new(root){box-shadow:none;border:none;outline:none}html[data-animation=hexagon-blur]::view-transition-group(root){animation-timing-function:var(--expo-out)}html[data-animation=hexagon-blur]::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon fill=\"white\" points=\"30,0 90,0 120,50 90,100 30,100 0,50\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 100\"><defs><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><polygon fill=\"white\" points=\"30,0 90,0 120,50 90,100 30,100 0,50\" filter=\"url(%23blur)\"/></svg>") 50%/0 no-repeat}html[data-animation=hexagon-blur]::view-transition-old(root){z-index:-1;animation:none}html[data-animation=hexagon-blur] .dark::view-transition-old(root){z-index:-1;animation:none}html[data-animation=hexagon-blur] .dark::view-transition-new(root){animation:1s both scale}