.wk-logo{--wk-green:#02886a;--wk-ink:#133630;overflow:visible}.wk-logo[data-tone=reversed]{--wk-green:#3fc6a0;--wk-ink:#f7f8f5}.wk-logo[data-tone=white]{--wk-green:#fff;--wk-ink:#fff}.wk-logo[data-tone=mono]{--wk-green:#133630;--wk-ink:#133630}.wk-green{fill:var(--wk-green)}.wk-ink{fill:var(--wk-ink)}.wk-spine{stroke-dasharray:var(--wk-len);stroke-dashoffset:calc(2 * var(--wk-len))}.wk-wipe,.wk-symbol,.wk-leaf{transform-box:fill-box}.wk-symbol{transform-origin:50%}.wk-leaf{transform-origin:0 85%}@keyframes wk-draw{0%{stroke-dashoffset:calc(3 * var(--wk-len))}to{stroke-dashoffset:calc(2 * var(--wk-len))}}@keyframes wk-erase{0%{stroke-dashoffset:calc(2 * var(--wk-len))}to{stroke-dashoffset:var(--wk-len)}}@keyframes wk-wipe-in{0%{transform:translateX(var(--wk-from))}to{transform:none}}@keyframes wk-wipe-out{0%{transform:none}to{transform:translateX(var(--wk-from))}}@keyframes wk-settle{0%{transform:scale(.94)}to{transform:none}}.wk-logo[data-motion=reveal] .wk-spine-ribbon{animation:.62s cubic-bezier(.33,0,.2,1) both wk-draw}.wk-logo[data-motion=reveal] .wk-spine-leaf{animation:.46s cubic-bezier(.22,1,.36,1) .34s both wk-draw}.wk-logo[data-motion=reveal] .wk-wipe{animation:.76s cubic-bezier(.22,1,.36,1) .46s both wk-wipe-in}.wk-logo[data-motion=loading] .wk-ghost{opacity:.14;display:inline}.wk-logo[data-motion=loading] .wk-spine-ribbon{animation:2.2s linear infinite wk-loading-ribbon}.wk-logo[data-motion=loading] .wk-spine-leaf{animation:2.2s linear infinite wk-loading-leaf}@keyframes wk-loading-ribbon{0%{stroke-dashoffset:calc(3 * var(--wk-len));animation-timing-function:cubic-bezier(.65,0,.35,1)}34%,56%{stroke-dashoffset:calc(2 * var(--wk-len));animation-timing-function:cubic-bezier(.65,0,.35,1)}88%,to{stroke-dashoffset:var(--wk-len)}}@keyframes wk-loading-leaf{0%,20%{stroke-dashoffset:calc(3 * var(--wk-len));animation-timing-function:cubic-bezier(.22,1,.36,1)}46%,68%{stroke-dashoffset:calc(2 * var(--wk-len));animation-timing-function:cubic-bezier(.65,0,.35,1)}94%,to{stroke-dashoffset:var(--wk-len)}}.wk-logo[data-motion=working] .wk-ribbon{animation:3.2s cubic-bezier(.45,0,.55,1) infinite wk-working-ribbon}.wk-logo[data-motion=working] .wk-leaf{animation:3.2s cubic-bezier(.45,0,.55,1) infinite wk-working-leaf}@keyframes wk-working-ribbon{0%,60%,to{opacity:1}28%{opacity:.5}}@keyframes wk-working-leaf{0%,22%,88%,to{opacity:1;transform:none}54%{opacity:.5;transform:rotate(-4deg)}}.wk-logo[data-motion=done] .wk-spine-ribbon{animation:.34s cubic-bezier(.65,0,.35,1) both wk-draw}.wk-logo[data-motion=done] .wk-spine-leaf{animation:.3s cubic-bezier(.22,1,.36,1) .22s both wk-draw}.wk-logo[data-motion=done] .wk-symbol{animation:.56s cubic-bezier(.22,1,.36,1) .12s both wk-settle}.wk-logo[data-motion=exit] .wk-wipe{animation:.34s cubic-bezier(.64,0,.78,0) both wk-wipe-out}.wk-logo[data-motion=exit] .wk-spine-ribbon{animation:.38s cubic-bezier(.5,0,.5,1) both wk-erase}.wk-logo[data-motion=exit] .wk-spine-leaf{animation:.3s cubic-bezier(.5,0,.5,1) .12s both wk-erase}@media (prefers-reduced-motion:reduce){.wk-logo,.wk-logo *{animation:none!important}.wk-logo .wk-ghost{display:none}.wk-logo[data-motion=exit]{opacity:0}}