:root{--kk-panel:inset(12px 12px 12px calc(24px + (100vw - 36px) / 2.05) round 28px)}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.kk-vt-sky{view-transition-name:kk-sky}.kk-vt-say{view-transition-name:kk-say}.kk-vt-brand{view-transition-name:kk-brand}@media (max-width:900px){.kk-vt-sky,.kk-vt-say{view-transition-name:none}}::view-transition-group(*){animation-duration:.9s;animation-timing-function:cubic-bezier(.7,0,.16,1)}::view-transition-group(kk-sky){animation:none}::view-transition-old(kk-sky){opacity:0;animation:none}::view-transition-new(kk-sky){animation:.9s cubic-bezier(.7,0,.16,1) both kk-to-panel}@keyframes kk-to-panel{0%{clip-path:inset(24px round 36px)}to{clip-path:var(--kk-panel)}}::view-transition-old(root){animation:.4s cubic-bezier(.4,0,1,1) both kk-out}::view-transition-new(root){animation:.6s cubic-bezier(0,0,.2,1) .3s both kk-in}@keyframes kk-out{to{opacity:0}}@keyframes kk-in{0%{opacity:0;transform:translateY(14px)}}::view-transition-group(kk-copy){animation:none}::view-transition-group(kk-say){animation:none}::view-transition-old(kk-copy){animation:.3s cubic-bezier(.4,0,1,1) both kk-out}::view-transition-old(kk-say){animation:.3s cubic-bezier(.4,0,1,1) both kk-out}::view-transition-new(kk-copy){animation:.55s cubic-bezier(0,0,.2,1) .5s both kk-in}::view-transition-new(kk-say){animation:.55s cubic-bezier(0,0,.2,1) .5s both kk-in}