:root{--kotoha-login-spring:cubic-bezier(.34, 1.56, .64, 1)}@keyframes kotoha-login-pop{0%{transform:translateY(40px)scale(.3)}60%{transform:translateY(-6px)scale(1.08,.94)}80%{transform:translateY(0)scale(.96,1.04)}to{transform:translateY(0)scale(1)}}@keyframes kotoha-login-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes kotoha-login-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(.8)}}@keyframes kotoha-login-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--kotoha-burst-x)), calc(-50% + var(--kotoha-burst-y))) scale(1)}}@keyframes kotoha-login-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kotoha-login-letter{0%{opacity:0;transform:translateY(-36px)scale(.4)rotate(-12deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes kotoha-login-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(14px,-18px)scale(1.06)}66%{transform:translate(-10px,10px)scale(.95)}}@keyframes kotoha-login-twinkle{0%,to{opacity:.3;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}@keyframes kotoha-login-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.kotoha-login-pop{animation:kotoha-login-pop .7s var(--kotoha-motion-ease-out) both}.kotoha-login-bob{animation:2.8s ease-in-out .9s infinite kotoha-login-bob}.kotoha-login-shadow{animation:2.8s ease-in-out .9s infinite kotoha-login-shadow}.kotoha-login-burst{animation:kotoha-login-burst .75s var(--kotoha-motion-ease-out) both}.kotoha-login-bubble,.kotoha-login-rise{animation:kotoha-login-rise .5s var(--kotoha-login-spring) both}.kotoha-login-letter{animation:kotoha-login-letter .52s var(--kotoha-login-spring) both}.kotoha-login-float{animation:9s ease-in-out infinite kotoha-login-float}.kotoha-login-twinkle{animation:2.4s ease-in-out infinite kotoha-login-twinkle}.kotoha-login-shake{animation:.4s ease-in-out both kotoha-login-shake}@keyframes kotoha-login-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kotoha-login-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kotoha-login-stamp{0%{opacity:0;transform:scale(2.4)rotate(-24deg)}60%{opacity:1;transform:scale(.9)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(6deg)}}@keyframes kotoha-login-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kotoha-login-fade-out{0%{opacity:1}to{opacity:0}}@keyframes kotoha-login-typing{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}[data-kotoha-showcase-paused] .kotoha-login-typing,[data-kotoha-showcase-paused] .kotoha-login-wave,[data-kotoha-showcase-paused] .kotoha-login-blink,[data-kotoha-login-still] .kotoha-login-bob,[data-kotoha-login-still] .kotoha-login-shadow,[data-kotoha-login-still] .kotoha-login-float,[data-kotoha-login-still] .kotoha-login-twinkle,[data-kotoha-login-still] .kotoha-login-spin,[data-kotoha-login-still] .kotoha-login-typing,[data-kotoha-login-still] .kotoha-login-wave,[data-kotoha-login-still] .kotoha-login-blink{animation-play-state:paused}[data-kotoha-login-still] [class*=kotoha-login-]{animation-delay:-60s!important}[data-kotoha-login-still] .kotoha-login-shine{display:none}@keyframes kotoha-login-flip{0%{background-position:0 0}to{background-position:-1050px 0}}.kotoha-login-flip{animation:.88s steps(8,jump-none) both kotoha-login-flip}@keyframes kotoha-login-drop{0%{opacity:0;transform:translate(var(--kotoha-drop-x,0), -90px) rotate(-14deg)}55%{opacity:1;transform:translate(var(--kotoha-drop-x,0), 0) rotate(6deg)}to{opacity:0;transform:translate(var(--kotoha-drop-x,0), 6px) scale(.4)}}@keyframes kotoha-login-status{0%{opacity:0;transform:translateY(6px)}15%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes kotoha-login-best{0%{background-color:#0000}to{background-color:var(--kotoha-secondary-bg)}}.kotoha-login-drop{animation:kotoha-login-drop .8s var(--kotoha-motion-ease-out) both}.kotoha-login-status{animation:1.1s ease-in-out both kotoha-login-status}.kotoha-login-best{animation:.5s ease-out both kotoha-login-best}@keyframes kotoha-login-pick{to{border-color:var(--kotoha-secondary);background-color:var(--kotoha-secondary-bg);transform:translateY(-4px)}}.kotoha-login-pick{animation:kotoha-login-letter .52s var(--kotoha-login-spring) both, kotoha-login-pick .4s var(--kotoha-motion-ease-out) forwards}@keyframes kotoha-login-slide{0%{transform:translateY(24px)scale(.96)}to{transform:translateY(0)scale(1)}}.kotoha-login-slide{animation:kotoha-login-slide .5s var(--kotoha-login-spring) both}@keyframes kotoha-login-wave{0%,to{transform:scaleY(calc(var(--kotoha-login-wave-scale,1) * .3))}50%{transform:scaleY(var(--kotoha-login-wave-scale,1))}}@keyframes kotoha-login-blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes kotoha-login-gather{0%{opacity:0;transform:translate(var(--kotoha-gather-x), var(--kotoha-gather-y)) scale(.6)}25%{opacity:1;transform:translate(var(--kotoha-gather-x), var(--kotoha-gather-y)) scale(1)}to{opacity:0;transform:translate(0)scale(.3)}}@keyframes kotoha-login-needle{0%{transform:rotate(-720deg)}80%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes kotoha-login-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.kotoha-login-wave{transform-origin:50%;animation:.9s ease-in-out infinite kotoha-login-wave}.kotoha-login-blink{animation:1.2s ease-in-out infinite kotoha-login-blink}.kotoha-login-gather{animation:kotoha-login-gather 1.1s var(--kotoha-motion-ease-out) both}.kotoha-login-needle{animation:kotoha-login-needle 1.3s var(--kotoha-motion-ease-out) both}.kotoha-login-draw{stroke-dasharray:1;animation:kotoha-login-draw .9s var(--kotoha-motion-ease-out) both}@keyframes kotoha-login-shine{0%,70%{transform:translate(-120%)skew(-20deg)}to{transform:translate(420%)skew(-20deg)}}.kotoha-login-progress{animation:linear both kotoha-login-progress}.kotoha-login-grow{animation:kotoha-login-grow .5s var(--kotoha-motion-ease-out) both;transform-origin:0}.kotoha-login-stamp{animation:kotoha-login-stamp .45s var(--kotoha-motion-ease-out) both}.kotoha-login-fade-in{animation:.25s ease-out both kotoha-login-fade-in}.kotoha-login-fade-out{animation:.2s ease-out both kotoha-login-fade-out}.kotoha-login-typing{animation:.7s ease-in-out infinite kotoha-login-typing}.kotoha-login-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:30%;animation:4.5s ease-in-out 2s infinite both kotoha-login-shine;position:absolute;inset:0 auto 0 0}.kotoha-login-paper{background-color:#fff;background-image:linear-gradient(color-mix(in srgb, var(--kotoha-primary) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--kotoha-primary) 9%, transparent) 1px, transparent 1px), linear-gradient(180deg, var(--kotoha-primary-bg) 0%, #fff 60%);background-size:24px 24px,24px 24px,100% 100%}@media print{.kotoha-login-paper{background-image:none}}@keyframes kotoha-login-spin{to{transform:rotate(360deg)}}.kotoha-login-spin{animation:28s linear infinite kotoha-login-spin}@media (prefers-reduced-motion:reduce){.kotoha-login-bob,.kotoha-login-shadow,.kotoha-login-float,.kotoha-login-twinkle,.kotoha-login-typing,.kotoha-login-wave,.kotoha-login-blink,.kotoha-login-shine,.kotoha-login-spin{animation:none!important}.kotoha-login-shine{display:none}[class*=kotoha-login-]{animation-delay:0s!important}}
@keyframes kotoha-caritan-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kotoha-caritan-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(.8)}}@keyframes kotoha-caritan-hop{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.06,.92)}45%{transform:translateY(-14px)scale(.96,1.06)}75%{transform:translateY(0)scale(1.04,.94)}}@keyframes kotoha-caritan-hop-shadow{0%,to{transform:scaleX(1)}45%{transform:scaleX(.7)}75%{transform:scaleX(1.1)}}@keyframes kotoha-caritan-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.kotoha-caritan-bob{animation:2.8s ease-in-out infinite kotoha-caritan-bob}.kotoha-caritan-shadow{animation:2.8s ease-in-out infinite kotoha-caritan-shadow}.kotoha-caritan-hop{animation:.88s ease-out kotoha-caritan-hop}.kotoha-caritan-hop-shadow{animation:.88s ease-out kotoha-caritan-hop-shadow}.kotoha-caritan-ring{animation:1.6s ease-out infinite kotoha-caritan-ring}@media (prefers-reduced-motion:reduce){.kotoha-caritan-bob,.kotoha-caritan-shadow,.kotoha-caritan-hop,.kotoha-caritan-hop-shadow,.kotoha-caritan-ring{animation:none}}