:root{--im-x:50%;--im-y:50%;--im-r:120vmax;--im-fwd:1.2s;--im-back:.65s;--im-back-fast:.45s;--im-back-now:.65s;--im-rise:.3s;--im-ease:cubic-bezier(.25, 1, .35, 1);--im-ease-back:cubic-bezier(.65, 0, .35, 1);--im-out-expo:cubic-bezier(.16, 1, .3, 1)}@media (pointer:fine){::view-transition-group(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){::view-transition{pointer-events:none}html.im-cut::view-transition{display:none!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:im-ink-in var(--im-fwd) var(--im-ease) both}@keyframes im-ink-in{0%{clip-path:circle(0px at var(--im-x) var(--im-y))}to{clip-path:circle(var(--im-r) at var(--im-x) var(--im-y))}}html.im-back::view-transition-new(root){animation:none}html.im-back::view-transition-old(root){z-index:1;animation:im-ink-out var(--im-back-now) var(--im-ease-back) both}@keyframes im-ink-out{0%{clip-path:circle(var(--im-r) at var(--im-x) var(--im-y))}to{clip-path:circle(0px at var(--im-x) var(--im-y))}}::view-transition-old(hero){opacity:0;animation:none}::view-transition-new(hero){animation:none}::view-transition-group(hero){animation-duration:var(--im-fwd);animation-timing-function:var(--im-ease)}html.im-back::view-transition-group(hero){animation-duration:var(--im-back-now);animation-timing-function:var(--im-ease-back)}html.im-back::view-transition-old(hero){animation:im-hero-release var(--im-back-now) var(--im-ease-back) both}@keyframes im-hero-release{0%,55%{opacity:1}to{opacity:0}}html.im-back::view-transition-new(hero){opacity:0;animation:none}.ink-rise{animation:im-rise .7s var(--im-out-expo) both;animation-delay:calc(var(--im-rise) + var(--im-d,0s))}@keyframes im-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
