.blok{--look-x:0;--look-y:0;--blok-fill:var(--blok-paper,#fffdfa);--blok-line:var(--blok-ink,#151311);width:var(--blok-size,44px);flex:none;line-height:0;display:inline-block;position:relative}.blok.is-accent{--blok-fill:var(--blok-accent,#f15a3a);--blok-line:var(--blok-ink,#151311)}.blok.is-ink{--blok-fill:#2b2621;--blok-line:#6f675e}.blok svg{width:100%;height:auto;display:block;overflow:visible}.blok-body{transform-box:view-box;transform-origin:50% 100%}.blok-shell,.blok-ear,.blok-leg{fill:var(--blok-fill);stroke:var(--blok-line);stroke-width:2.6px;transition:fill .45s}.blok-open{fill:var(--blok-line);transform:translate(calc(var(--look-x) * 3px), calc(var(--look-y) * 2.2px));transition:transform .14s ease-out}.blok-open ellipse{transform-box:fill-box;transform-origin:50%;animation:5.6s infinite blok-blink;animation-delay:var(--blink-delay,0s)}.blok-shut{fill:none;stroke:var(--blok-line);stroke-width:2.4px;stroke-linecap:round;opacity:0}.blok.is-asleep .blok-open{opacity:0}.blok.is-asleep .blok-shut{opacity:1}.blok.is-asleep .blok-body{animation:3.8s ease-in-out infinite blok-breathe}.blok-z{width:18px;height:22px;color:var(--blok-z,#7a736a);font:600 12px/1 var(--font-geist-mono), ui-monospace, monospace;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:-14%;right:-10%}.blok.is-asleep .blok-z{opacity:1}.blok-z i{opacity:0;font-style:normal;animation:3s ease-out infinite blok-z;position:absolute;bottom:0;left:0}.blok-z i:nth-child(2){font-size:9px;animation-delay:1.5s}.blok:hover .blok-body{animation:blok-hop .55s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}.blok:not(.is-asleep):hover .blok-open ellipse{animation:none;transform:scale(1.15)}.blok.is-accent .blok-body{animation:blok-pop .6s var(--blok-spring,cubic-bezier(.34, 1.56, .64, 1))}@keyframes blok-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes blok-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.95)}}@keyframes blok-z{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(9px,-16px)}}@keyframes blok-hop{0%{transform:none}30%{transform:translateY(-7px)scale(.95,1.07)}62%{transform:translateY(0)scale(1.06,.9)}82%{transform:translateY(-1px)scale(.99,1.02)}to{transform:none}}@keyframes blok-pop{0%{transform:scale(.86,1.1)}55%{transform:scale(1.08,.92)}to{transform:none}}@media (prefers-reduced-motion:reduce){.blok,.blok *{transition:none!important;animation:none!important}}