@property --es-wave-p{syntax:"<number>";inherits:false;initial-value:0}:root{--es-wave-duration:1.4s;--es-wave-feather:42vmax;--es-wave-ease:cubic-bezier(.3, .9, .5, 1);--es-vt-x:50%;--es-vt-y:0%;--es-vt-r:150vmax}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;--es-wave-p:0;-webkit-mask-image:radial-gradient(circle at var(--es-vt-x) var(--es-vt-y), #000 calc(var(--es-wave-p) * (var(--es-vt-r) + var(--es-wave-feather)) - var(--es-wave-feather)), transparent calc(var(--es-wave-p) * (var(--es-vt-r) + var(--es-wave-feather))));-webkit-mask-image:radial-gradient(circle at var(--es-vt-x) var(--es-vt-y), #000 calc(var(--es-wave-p) * (var(--es-vt-r) + var(--es-wave-feather)) - var(--es-wave-feather)), transparent calc(var(--es-wave-p) * (var(--es-vt-r) + var(--es-wave-feather))));mask-image:radial-gradient(circle at var(--es-vt-x) var(--es-vt-y), #000 calc(var(--es-wave-p) * (var(--es-vt-r) + var(--es-wave-feather)) - var(--es-wave-feather)), transparent calc(var(--es-wave-p) * (var(--es-vt-r) + var(--es-wave-feather))));animation:es-theme-wave var(--es-wave-duration) var(--es-wave-ease) both}@keyframes es-theme-wave{0%{--es-wave-p:0}to{--es-wave-p:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html[data-wave-swap] .es-intro,html[data-wave-swap] .es-reveal-up,html[data-wave-swap] .es-word,html[data-wave-swap] .es-kenburns{animation-delay:-10s}
