.scene .art{width:100%;height:auto;transition:opacity .3s;display:block;overflow:hidden}.scene:not(.is-active) .art{opacity:0}.art g[class]{transform-box:fill-box}.art .i{fill:var(--foreground)}.art .p{fill:var(--background)}.art .lbl{font:500 20px var(--font-sans), sans-serif;text-anchor:middle;fill:var(--foreground)}.art .url{font:500 12px var(--font-sans), sans-serif;text-anchor:start;fill:var(--foreground);direction:ltr}.art .count{font:700 120px var(--font-sans), sans-serif;text-anchor:middle;fill:var(--foreground);stroke:var(--foreground);stroke-width:7px;stroke-linejoin:round;paint-order:stroke}.art .pline{fill:none;stroke:var(--background);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.art .ring-i{stroke:var(--foreground);stroke-width:3px}.art .open,.art .wink{display:none}.talking .art .open{transform-box:fill-box;transform-origin:50%;animation:.32s ease-in-out infinite alternate speak;display:inline}.talking .art .smile{display:none}@keyframes speak{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.art .idle{transform-box:fill-box;transform-origin:50% 100%}.is-active .art .idle{animation:5s ease-in-out infinite idle}.is-active .art .idle.soft{animation-name:idle-soft}@keyframes idle{0%,to{transform:none}50%{transform:translateY(-3px)rotate(.7deg)}}@keyframes idle-soft{0%,to{transform:none}50%{transform:translateY(-2px)}}.word{display:inline-block;position:relative}.word>:first-child{clip-path:inset(-.3em calc((1 - var(--p)) * 100%) -.3em -.3em);transition:clip-path 40ms linear;display:inline-block}[dir=rtl] .word>:first-child{clip-path:inset(-.3em -.3em -.3em calc((1 - var(--p)) * 100%))}.caret{width:2px;top:.2em;bottom:.2em;background:currentColor;transition:inset-inline-start 40ms linear;animation:1s step-end infinite caret;position:absolute;inset-inline-start:calc(var(--p) * 100% + 2px)}@keyframes caret{50%{opacity:0}}@keyframes nudge{0%,to{transform:none}50%{transform:translateY(5px)}}.nudge svg{animation:1.6s ease-in-out infinite nudge}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.1)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{transform:translateY(105%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bump{0%,to{transform:none}40%{transform:scale(1.18)}}@keyframes ink{to{fill:var(--foreground)}}@keyframes gone{to{opacity:0}}@keyframes shown{0%{opacity:0}to{opacity:1}}.is-active .art .eyes{transform-origin:50%;animation:4s 1.2s infinite blink}.art-pain .clock{transform-origin:50%}.is-active .art-pain .clock{animation:.18s linear infinite alternate jitter,.5s ease-out 4.6s forwards dim}.art-pain .hand-m{transform-origin:0%}.art-pain .hand-h{transform-origin:50% 100%}.is-active .art-pain .hand-m{animation:.7s linear infinite spin}.is-active .art-pain .hand-h{animation:8.4s linear infinite spin}.is-active .art-pain .board{animation:.5s ease-out 4.6s forwards dim}.is-active .art-pain .cursor{animation:5s both cursor}.is-active .art-pain .drag{animation:5s both carry}.art-pain .oops,.art-pain .sweat{transform-origin:50% 100%}.is-active .art-pain .oops{animation:.3s cubic-bezier(.16,1,.3,1) 2.75s both pop,.2s ease-out 4.1s forwards gone}.is-active .art-pain .sweat{animation:.3s ease-out 3s both pop,.2s ease-out 4.1s forwards gone}.is-active .art-pain .sam{animation:.8s cubic-bezier(.16,1,.3,1) 4.6s both rise}@keyframes jitter{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes dim{to{opacity:.12}}@keyframes cursor{0%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(80px,160px)}14%{transform:none}16%{transform:scale(.9)}18%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-4px)}47%{animation-timing-function:ease-out;transform:translate(-200px,54px)}50%,55%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(-184px,82px)}67%{transform:none}69%{transform:scale(.9)}70%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-4px)}82%{animation-timing-function:ease-out;transform:translate(-200px,54px)}86%,to{transform:translate(-184px,82px)}}@keyframes carry{0%,16%{transform:none}18%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-4px)rotate(-2deg)}47%{transform:translate(-200px,54px)rotate(-1deg)}49%{transform:translate(-200px,58px)}50%{animation-timing-function:cubic-bezier(.6,0,1,.4);transform:translate(-200px,58px)}55%,69%{transform:none}70%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-4px)rotate(-2deg)}82%{transform:translate(-200px,54px)rotate(-1deg)}84%,to{transform:translate(-200px,58px)}}.is-active .art-office .monitor{animation:.5s ease-out both fade-in}.is-active .art-office .sam{animation:.7s cubic-bezier(.16,1,.3,1) .4s both rise}.art-office .arm{transform-origin:22% 91%}.is-active .art-office .arm{animation:1s ease-in-out 1s both wave}.art-office .door{transform-origin:100%}.is-active .art-office .door{animation:.7s cubic-bezier(.65,0,.35,1) 2s both door}.art-office g.camera{transform-box:view-box;transform-origin:416px 247px}.is-active .art-office .camera{animation:1.2s cubic-bezier(.65,0,.35,1) 2.8s both camera}.is-active .art-office .sam-in{animation:.8s cubic-bezier(.16,1,.3,1) 4.1s both walk-in}.is-active .art-office .flow{animation:3.2s cubic-bezier(.16,1,.3,1) 3.4s infinite both flow}.is-active .art-office .f1{animation-duration:2.6s;animation-delay:4.1s}.is-active .art-office .f2{animation-duration:3.8s;animation-delay:3.7s}.art-office .status{transform-origin:50%}.is-active .art-office .status{animation:1.8s ease-out infinite both status}.is-active .art-office .s0{animation-delay:4.4s}.is-active .art-office .s1{animation-delay:4.7s}.is-active .art-office .s2{animation-delay:5s}.is-active .art-office .s3{animation-delay:5.3s}.art-office .sky-night,.art-office .moon,.art-office .stars{opacity:0}.is-active .art-office .sky-night,.is-active .art-office .stars{animation:6s ease-in-out 4.6s infinite night}.is-active .art-office .moon{animation:6s ease-in-out 4.6s infinite moonrise}.is-active .art-office .sun{animation:6s ease-in-out 4.6s infinite sunset}.art-office .ohand-m,.art-office .ohand-h{transform-origin:50% 100%}.is-active .art-office .ohand-m{animation:.25s linear 4.6s infinite spin}.is-active .art-office .ohand-h{animation:3s linear 4.6s infinite spin}@keyframes night{0%,30%{opacity:0}45%,85%{opacity:1}to{opacity:0}}@keyframes moonrise{0%,30%{opacity:0;transform:translateY(14px)}45%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes sunset{0%,25%{opacity:1;transform:none}42%,88%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.art-office .call-mouth{transform-origin:50%}.is-active .art-office .call-mouth{animation:.34s ease-in-out infinite alternate speak}.is-active .art-office .call-arcs{animation:1.2s ease-in-out infinite dots}@keyframes wave{0%,to{transform:none}25%,75%{transform:rotate(-12deg)}50%{transform:rotate(6deg)}}@keyframes door{to{transform:scaleX(.1)skewY(-8deg)}}@keyframes camera{to{transform:translate(-96px,-7px)scale(6.4)}}@keyframes walk-in{0%{opacity:0;transform:translate(30%)}}@keyframes flow{0%{opacity:0;transform:translateY(-6px)}8%,30%{opacity:1;transform:none}42%,60%{opacity:1;transform:translate(-63px)}72%,84%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translate(-126px)}96%,to{opacity:0;transform:translate(-126px,22px)rotate(-8deg)}}@keyframes status{0%{transform:scale(0)}15%,70%{transform:scale(1)}85%,to{transform:scale(0)}}.is-active .art-track .track{animation:3.6s linear .4s both reveal}.is-active .art-track .card{animation:3.6s linear .4s both run,.2s ease-out 4s forwards gone}.is-active .art-track .hop{animation:.9s ease-in-out .4s 4 hop}.art-track .stop{transform-origin:50%}.is-active .art-track .stop{animation:.4s ease-out both bump}.is-active .art-track .t0{animation-delay:1.05s}.is-active .art-track .t1{animation-delay:1.95s}.is-active .art-track .t2{animation-delay:2.86s}.is-active .art-track .t3{animation-delay:3.76s}.is-active .art-track .cdot{animation:.1s linear forwards ink}.is-active .art-track .c0{animation-delay:1.05s}.is-active .art-track .c1{animation-delay:1.95s}.is-active .art-track .c2{animation-delay:2.86s}.is-active .art-track .c3{animation-delay:3.76s}.art-track .contract,.art-track .stamp,.art-track .sparks{transform-origin:50%}.is-active .art-track .contract{animation:.45s cubic-bezier(.16,1,.3,1) 4.1s both pop}.is-active .art-track .sign{animation:.7s ease-out 4.6s both write}.is-active .art-track .stamp{animation:.35s cubic-bezier(.16,1,.3,1) 5.3s both pop}.is-active .art-track .sparks{animation:.4s cubic-bezier(.16,1,.3,1) 5.5s both pop}@keyframes reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes run{to{transform:translate(-498px)}}@keyframes hop{50%{transform:translateY(-22px)}}.is-active .art-handshake .sam{animation:.9s cubic-bezier(.16,1,.3,1) .2s both from-left}.is-active .art-handshake .emp{animation:.9s cubic-bezier(.16,1,.3,1) .2s both from-right}.is-active .art-handshake .arm{animation:.8s ease-in-out 1.1s both shake}.art-handshake .b1,.art-handshake .b2,.art-handshake .sparks{transform-origin:50% 100%}.is-active .art-handshake .sparks{animation:.35s cubic-bezier(.16,1,.3,1) 1.5s both pop}.is-active .art-handshake .b1{animation:3.2s ease-out 2s infinite both talk}.is-active .art-handshake .b2{animation:3.2s ease-out 3.6s infinite both talk}.is-active .art-handshake .td{animation:1s ease-in-out infinite dots}.is-active .art-handshake .d1{animation-delay:.15s}.is-active .art-handshake .d2{animation-delay:.3s}@keyframes from-left{0%{opacity:0;transform:translate(-45%)}}@keyframes from-right{0%{opacity:0;transform:translate(45%)}}@keyframes shake{0%,to{transform:none}25%{transform:translateY(-7px)}50%{transform:translateY(6px)}75%{transform:translateY(-3px)}}@keyframes talk{0%{transform:scale(0)}8%,45%{transform:scale(1)}55%,to{transform:scale(0)}}@keyframes dots{0%,to{opacity:.25}50%{opacity:1}}.is-active .art-listen .sam{animation:.8s cubic-bezier(.16,1,.3,1) .1s both rise}.art-listen .bar{transform-origin:50%}.is-active .art-listen .bar{animation:.28s ease-in-out infinite alternate level}.is-active .art-listen .bar:nth-child(2n){animation-duration:.21s}.is-active .art-listen .bar:nth-child(3n){animation-duration:.34s}.is-active .art-listen .arc{animation:1.1s ease-out infinite both travel}.is-active .art-listen .a1{animation-delay:.37s}.is-active .art-listen .a2{animation-delay:.74s}.art-listen .t0,.art-listen .t1,.art-listen .t2,.art-listen .idea,.art-listen .sparks{transform-origin:50%}.is-active .art-listen .t0{animation:.3s cubic-bezier(.16,1,.3,1) 2.8s both pop}.is-active .art-listen .t1{animation:.3s cubic-bezier(.16,1,.3,1) 3s both pop}.is-active .art-listen .t2{animation:.4s cubic-bezier(.16,1,.3,1) 3.2s both pop}.is-active .art-listen .i0{animation:.3s cubic-bezier(.16,1,.3,1) 3.6s both pop}.is-active .art-listen .i1{animation:.3s cubic-bezier(.16,1,.3,1) 3.8s both pop}.is-active .art-listen .i2{animation:.3s cubic-bezier(.16,1,.3,1) 4s both pop}.art-listen .wink{opacity:0;display:inline}.is-active .art-listen .eyes{animation:4s 1.2s infinite blink,10ms 4.5s forwards gone}.is-active .art-listen .wink{animation:10ms 4.5s forwards shown}.is-active .art-listen .sparks{animation:.4s cubic-bezier(.16,1,.3,1) 4.5s both pop}@keyframes level{0%{transform:scaleY(.3)}to{transform:scaleY(1.1)}}@keyframes travel{0%{opacity:0;transform:none}25%{opacity:1}to{opacity:0;transform:translate(90px)}}@media (prefers-reduced-motion:reduce){.art *,.caret,.nudge svg{animation:none!important}.word>:first-child,.caret{transition:none}.art-track .card{display:none}}[dir=ltr] .art-track{scale:-1 1}[dir=ltr] .art-track .count,[dir=ltr] .art-pain .lbl,[dir=ltr] .art-track .stop,[dir=ltr] .art-track .stamp,[dir=ltr] .art-track .contract{transform-box:fill-box;transform-origin:50%;scale:-1 1}[dir=ltr] .art-pain .board{transform-box:view-box;transform-origin:310px 0;scale:-1 1}[dir=ltr] .art-pain .cursor>*{transform-box:view-box;transform-origin:484px 0;scale:-1 1}