@keyframes sa-blink{0%,94%,to{scale:1}97%{scale:1 .1}}@keyframes sa-type{0%,32%,to{translate:0}14%{translate:0 -3px}}@keyframes sa-drop{0%{opacity:0;transform:translateY(-18px)scale(.6)}55%{opacity:1;transform:translateY(3px)scale(1.06)}80%{transform:translateY(-1px)}to{opacity:1;transform:none}}@keyframes sa-sway{0%,to{rotate:-5deg}50%{rotate:5deg}}@keyframes sa-nod{0%,to{rotate:0deg}30%{rotate:-9deg}62%{rotate:4deg}}@keyframes sa-ground{0%{scale:0 1}to{scale:1}}@keyframes sa-march{to{stroke-dashoffset:-22px}}@keyframes sa-spin{0%{opacity:0;rotate:-360deg}12%{opacity:1}to{opacity:1;rotate:0deg}}@keyframes sa-spin-hour{0%{opacity:0;rotate:-90deg}12%{opacity:1}to{opacity:1;rotate:0deg}}@keyframes sa-tick{to{rotate:360deg}}@keyframes sa-ring{0%,to{rotate:0deg}25%{rotate:-8deg}75%{rotate:8deg}}@keyframes sa-draw{0%{opacity:0;stroke-dashoffset:1px}1%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes sa-wobble{0%,to{translate:0}50%{translate:0 2px}}.sa :is(.sa-pop,.sa-drop,.sa-rise,.sa-eye,.sa-wave,.sa-ring,.sa-ground){transform-box:fill-box;transform-origin:50%}.sa .sa-rise{transform-origin:50% 100%}.sa .sa-from-bl{transform-origin:15% 100%}.sa .sa-from-br{transform-origin:85% 100%}.sa .sa-from-b{transform-origin:50% 100%}.sa .sa-hand{transform-box:view-box;transform-origin:160px 62px}.sa .sa-mouth--warm{opacity:0}.sa .sa-mouth{transition:opacity .3s}html.motion-ok [data-animate] .sa{--s0:0s}html.motion-ok [data-animate] :is(.sa-rise,.sa-pop,.sa-drop,.sa-hand){opacity:0}html.motion-ok [data-animate] .sa-ground{scale:0 1}html.motion-ok [data-animate] .sa-draw{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px}html.motion-ok [data-animate].is-visible .sa-ground{animation:sa-ground .9s var(--ease-out) var(--s0) both}html.motion-ok [data-animate].is-visible .sa-rise{animation:hr-rise .7s var(--ease-out) calc(var(--s0) + var(--sd,0s)) both}html.motion-ok [data-animate].is-visible .sa-nod{animation:hr-rise .7s var(--ease-out) calc(var(--s0) + var(--sd,0s)) both, sa-nod .9s ease-in-out calc(var(--s0) + var(--nd,1.5s))}html.motion-ok [data-animate].is-visible .sa-pop{animation:hr-pop .55s var(--ease-spring) calc(var(--s0) + var(--sd,.3s)) both}html.motion-ok [data-animate].is-visible .sa-beat{animation:hr-pop .55s var(--ease-spring) calc(var(--s0) + var(--sd,.3s)) both, hr-heartbeat 2.6s ease-in-out calc(var(--s0) + var(--sd,.3s) + .8s) infinite}html.motion-ok [data-animate].is-visible .sa-drop.sa-beat{animation:sa-drop .75s var(--ease-spring) calc(var(--s0) + var(--sd,.3s)) both, hr-heartbeat 2.6s ease-in-out calc(var(--s0) + var(--sd,.3s) + .9s) infinite}html.motion-ok [data-animate].is-visible .sa-float{animation:hr-pop .55s var(--ease-spring) calc(var(--s0) + var(--sd,.3s)) both, hr-float 4.4s ease-in-out calc(var(--s0) + var(--sd,.3s) + .6s) infinite}html.motion-ok [data-animate].is-visible .sa-sway{animation:sa-drop .75s var(--ease-spring) calc(var(--s0) + var(--sd,.3s)) both, sa-sway 3.4s ease-in-out calc(var(--s0) + var(--sd,.3s) + .8s) infinite}html.motion-ok [data-animate].is-visible .sa-draw{animation:sa-draw .8s var(--ease-out) calc(var(--s0) + var(--sd,.3s)) both}html.motion-ok [data-animate].is-visible .sa-dot{animation:sa-type 2.6s ease-in-out calc(var(--s0) + var(--sd,.9s) + .3s) infinite}html.motion-ok [data-animate].is-visible .sa-cloud{animation:sa-march 3.5s linear calc(var(--s0) + 1.6s) infinite}html.motion-ok [data-animate].is-visible .sa-ring{animation:hr-pop .55s var(--ease-spring) calc(var(--s0) + var(--sd,1s)) both, sa-ring .35s ease-in-out calc(var(--s0) + var(--sd,1s) + 1.1s) 3}html.motion-ok [data-animate].is-visible .sa-hand--minute{animation:sa-spin 1.1s var(--ease-out) calc(var(--s0) + var(--sd,1s)) both, sa-tick 60s steps(60) calc(var(--s0) + var(--sd,1s) + 1.1s) infinite}html.motion-ok [data-animate].is-visible .sa-hand--hour{animation:sa-spin-hour 1.1s var(--ease-out) calc(var(--s0) + var(--sd,1s)) both}html.motion-ok [data-animate].is-visible .sa-wave{animation:sa-draw .8s var(--ease-out) calc(var(--s0) + var(--sd,.3s)) both, sa-wobble .4s ease-in-out infinite paused}html.motion-ok [data-animate].is-visible .sa-eye{animation:sa-blink 5.2s ease-in-out calc(var(--s0) + 1.6s + var(--blink,0s)) infinite}html.motion-ok .sa :is(.sa-lean-l,.sa-lean-r,.sa-tilt,.sa-eyes,.sa-arrow){transition:translate .45s var(--ease-spring), rotate .45s var(--ease-spring)}@media (hover:hover){.sa-host:hover .sa .sa-mouth--now{opacity:0}.sa-host:hover .sa .sa-mouth--warm{opacity:1}html.motion-ok .sa-host:hover .sa-lean-r{translate:7px;rotate:4deg}html.motion-ok .sa-host:hover .sa-lean-l{translate:-7px;rotate:-4deg}html.motion-ok .sa-host:hover .sa-tilt{rotate:-8deg}html.motion-ok .sa-host:hover .sa-eyes{translate:var(--hl,0 0)}html.motion-ok .sa-host:hover .sa-arrow{translate:3px}html.motion-ok .sa-host:hover .sa-beat{animation-duration:.55s,1.2s}html.motion-ok .sa-host:hover .sa-drop.sa-beat{animation-duration:.75s,1.2s}html.motion-ok .sa-host:hover .sa-sway{animation-duration:.75s,.7s}html.motion-ok .sa-host:hover .sa-dot{animation-duration:1.1s}html.motion-ok .sa-host:hover .sa-cloud{animation-duration:1.2s}html.motion-ok .sa-host:hover .sa-hand--minute{animation-duration:1.1s,3s}html.motion-ok .sa-host:hover .sa-wave{animation-play-state:running,running}}
