.NicheExampleVideo-module__wnJJmq__card{container-type:inline-size}@container (min-width:28rem){.NicheExampleVideo-module__wnJJmq__layout{grid-template-columns:100px minmax(0,1fr);align-items:start}.NicheExampleVideo-module__wnJJmq__player{justify-self:start}.NicheExampleVideo-module__wnJJmq__content{padding-right:2.25rem}}
.korpi-agent-mark{--icon-swap-dur:.2s;--icon-swap-blur:2px;--icon-swap-start-scale:.98;--icon-swap-ease:ease-in-out;pointer-events:none}.korpi-agent-mark .korpi-agent-body,.korpi-agent-mark .korpi-agent-face,.korpi-agent-mark .korpi-agent-expression,.korpi-agent-mark .korpi-agent-eyes{transform-box:view-box;transform-origin:50%}.korpi-agent-mark .korpi-agent-eyes{transform-box:fill-box}.korpi-agent-mark .korpi-agent-expression{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease)}.korpi-agent-mark .korpi-agent-expression[data-active=true]{opacity:1;filter:blur();transform:scale(1)}.korpi-agent-mark .korpi-agent-expression[data-active=false]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}.korpi-agent-mark[data-state=idle] .korpi-agent-expression[data-active=true] .korpi-agent-eyes{animation:6s ease-in-out infinite korpi-agent-blink}.korpi-agent-mark[data-state=thinking] .korpi-agent-face{animation:3.6s ease-in-out infinite korpi-agent-ponder}.korpi-agent-mark[data-state=writing] .korpi-agent-face{animation:1.8s ease-in-out infinite korpi-agent-write}.korpi-agent-mark[data-state=searching] .korpi-agent-face{animation:3.2s ease-in-out infinite korpi-agent-scan}.korpi-agent-mark[data-state=generating] .korpi-agent-body{animation:2.8s ease-in-out infinite korpi-agent-lift}.korpi-agent-mark[data-state=animating] .korpi-agent-body{animation:3s ease-in-out infinite korpi-agent-sway}.korpi-agent-mark[data-state=rendering] .korpi-agent-face{animation:2.4s ease-in-out infinite korpi-agent-focus}.korpi-agent-mark[data-state=waiting] .korpi-agent-body{animation:4.5s ease-in-out infinite korpi-agent-rest}.korpi-agent-mark[data-state=success] .korpi-agent-body{animation:.65s ease-in-out both korpi-agent-nod}.korpi-agent-mark[data-state=error] .korpi-agent-body{animation:.6s ease-in-out both korpi-agent-no}@keyframes korpi-agent-blink{0%,43%,49%,to{transform:scaleY(1)}46%{transform:scaleY(.2)}}@keyframes korpi-agent-ponder{0%,to{transform:translate(0)}45%,65%{transform:translate(9px,-9px)}}@keyframes korpi-agent-write{0%,to{transform:translate(-5px,4px)}35%{transform:translate(7px,4px)}65%{transform:translateY(8px)}}@keyframes korpi-agent-scan{0%,to{transform:translate(0)}25%,40%{transform:translate(-17px)}65%,80%{transform:translate(17px)}}@keyframes korpi-agent-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes korpi-agent-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes korpi-agent-focus{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes korpi-agent-rest{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes korpi-agent-nod{0%,to{transform:translateY(0)}35%{transform:translateY(-16px)}65%{transform:translateY(5px)}}@keyframes korpi-agent-no{0%,to{transform:translate(0)}25%{transform:translate(-10px)}55%{transform:translate(10px)}80%{transform:translate(-4px)}}@media (prefers-reduced-motion:reduce){.korpi-agent-mark,.korpi-agent-mark *{transition:none!important;animation:none!important}}