.dito{--dito-ease:cubic-bezier(.45, 0, .25, 1);--dito-pop:cubic-bezier(.34, 1.56, .64, 1);--dito-speed:1;vertical-align:middle;flex:none;display:inline-block;overflow:visible}.dito g{transform-box:view-box}.dito .dito-lid{transform:translateY(var(--dito-lid-open,-35px))}.dito[data-motion~=bob] .dito-motion{animation:dito-bob calc(2.6s * var(--dito-speed)) var(--dito-ease) infinite}@keyframes dito-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3.5px)scale(.99,1.01)}}.dito[data-motion~=blink] .dito-lid{animation:dito-blink calc(4.6s * var(--dito-speed)) linear infinite}.dito[data-motion~=blink] .dito-eye-r .dito-lid{animation-delay:30ms}@keyframes dito-blink{0%,44%,50%,to{transform:translateY(var(--dito-lid-open,-35px))}46.5%,47.5%{transform:translateY(0)}}.dito[data-motion~=wave] .dito-arm-r{animation:dito-wave-arm calc(1.4s * var(--dito-speed)) var(--dito-ease) infinite}.dito[data-motion~=wave] .dito-hand-r{animation:dito-wave-hand calc(.7s * var(--dito-speed)) var(--dito-ease) infinite alternate}@keyframes dito-wave-arm{0%,to{transform:rotate(0)}50%{transform:rotate(-9deg)}}@keyframes dito-wave-hand{0%{transform:rotate(-16deg)}to{transform:rotate(18deg)}}.dito[data-motion~=ring] .dito-handset{animation:dito-ring-handset calc(1.3s * var(--dito-speed)) linear infinite}.dito[data-motion~=ring] .dito-motion{animation:dito-ring-body calc(1.3s * var(--dito-speed)) linear infinite}.dito[data-motion~=ring] .dito-arm-r{animation:dito-wave-arm calc(1.3s * var(--dito-speed)) var(--dito-ease) infinite}@keyframes dito-ring-handset{0%,46%,to{transform:rotate(0)}5%,15%,25%,35%{transform:rotate(-9deg)}10%,20%,30%,40%{transform:rotate(9deg)}}@keyframes dito-ring-body{0%,46%,to{transform:translate(0)rotate(0)}5%,25%{transform:translate(-1px)rotate(-1.4deg)}15%,35%{transform:translate(1px,-1px)rotate(1.4deg)}}.dito[data-motion~=talk] .dito-mouth{animation:dito-talk calc(.42s * var(--dito-speed)) var(--dito-ease) infinite alternate}@keyframes dito-talk{0%{transform:scale(1)}to{transform:scale(.85,.4)}}.dito[data-motion~=nod] .dito-motion{animation:dito-nod calc(2.2s * var(--dito-speed)) var(--dito-ease) infinite}@keyframes dito-nod{0%,40%,to{transform:rotate(0)translateY(0)}12%{transform:rotate(3.5deg)translateY(1.5px)}24%{transform:rotate(0)translateY(0)}32%{transform:rotate(2.5deg)translateY(1px)}}.dito[data-motion~=sway] .dito-motion{animation:dito-sway calc(3.4s * var(--dito-speed)) var(--dito-ease) infinite}@keyframes dito-sway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.dito[data-motion~=jump] .dito-motion{animation:dito-jump calc(1.5s * var(--dito-speed)) linear infinite}@keyframes dito-jump{0%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translateY(0)scale(1)}12%{animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translateY(0)scale(1.1,.88)}34%{animation-timing-function:cubic-bezier(.3,0,.7,.4);transform:translateY(-26px)scale(.94,1.08)}46%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:translateY(-30px)scale(1)}62%{animation-timing-function:ease-out;transform:translateY(0)scale(.96,1.05)}70%{animation-timing-function:var(--dito-pop);transform:translateY(0)scale(1.12,.86)}82%{transform:translateY(0)scale(.98,1.02)}to{transform:translateY(0)scale(1)}}.dito[data-motion~=jump] .dito-puff{animation:dito-puff calc(1.5s * var(--dito-speed)) ease-out infinite}@keyframes dito-puff{0%,62%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)translateY(-3px)}}.dito[data-motion~=shake] .dito-motion{animation:dito-shake calc(2.4s * var(--dito-speed)) linear infinite}@keyframes dito-shake{0%,30%,to{transform:translate(0)rotate(0)}4%{transform:translate(-5px)rotate(-3deg)}9%{transform:translate(5px)rotate(3deg)}14%{transform:translate(-4px)rotate(-2deg)}19%{transform:translate(3px)rotate(1.5deg)}24%{transform:translate(-1.5px)rotate(-.5deg)}}.dito[data-motion~=breathe] .dito-motion{animation:dito-breathe calc(3.8s * var(--dito-speed)) var(--dito-ease) infinite}@keyframes dito-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035,.965)}}.dito[data-motion~=write] .dito-hand-r{animation:dito-write calc(.9s * var(--dito-speed)) linear infinite}@keyframes dito-write{0%,to{transform:translate(0)}25%{transform:translate(-2px,-1px)}50%{transform:translate(-3.5px,.5px)}75%{transform:translate(-1.5px,1px)}}.dito[data-motion~=pop] .dito-enter{animation:dito-pop calc(.6s * var(--dito-speed)) var(--dito-pop) both}@keyframes dito-pop{0%{opacity:0;transform:scale(.2)}35%{opacity:1}60%{transform:scale(1.1,.94)}80%{transform:scale(.97,1.03)}to{opacity:1;transform:scale(1)}}.dito[data-animate] .dito-fx-arcs .dito-arc{animation:1.3s ease-out infinite dito-arc}.dito[data-animate] .dito-fx-arcs .dito-arc-2{animation-delay:.18s}@keyframes dito-arc{0%,to{opacity:1}60%{opacity:.15}}.dito[data-animate] .dito-fx-zzz .dito-z{animation:dito-z 2.8s var(--dito-ease) infinite}.dito[data-animate] .dito-fx-zzz .dito-z-2{animation-delay:.45s}.dito[data-animate] .dito-fx-zzz .dito-z-3{animation-delay:.9s}@keyframes dito-z{0%,to{opacity:0;transform:translate(-4px,4px)}25%,70%{opacity:1;transform:translate(0)}95%{opacity:0;transform:translate(3px,-4px)}}.dito[data-animate] .dito-fx-sweat{animation:2.2s ease-in infinite dito-sweat}@keyframes dito-sweat{0%,20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(7px)}to{opacity:0;transform:translateY(9px)}}.dito[data-animate] .dito-fx-question,.dito[data-animate] .dito-fx-note{animation:dito-float 2.4s var(--dito-ease) infinite}@keyframes dito-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(6deg)}}.dito[data-animate] .dito-fx-check,.dito[data-animate] .dito-fx-burst{animation:dito-pop .55s var(--dito-pop) .2s both}.dito[data-animate] .dito-spark{animation:dito-twinkle 1.1s var(--dito-ease) infinite}.dito[data-animate] .dito-spark:nth-child(2n){animation-delay:.3s}.dito[data-animate] .dito-spark:nth-child(3n){animation-delay:.55s}@keyframes dito-twinkle{0%,to{opacity:1}50%{opacity:.2}}.dito[data-animate] .dito-fx-dots .dito-dot{animation:dito-dot 1.2s var(--dito-ease) infinite}.dito[data-animate] .dito-fx-dots .dito-dot-2{animation-delay:.15s}.dito[data-animate] .dito-fx-dots .dito-dot-3{animation-delay:.3s}@keyframes dito-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.dito[data-animate] .dito-fx-clock{animation:1.6s linear infinite dito-clock}@keyframes dito-clock{0%,30%,to{transform:rotate(0)}5%,15%,25%{transform:rotate(-7deg)}10%,20%{transform:rotate(7deg)}}.dito[data-animate] .dito-fx-wobble,.dito[data-animate] .dito-fx-shake{animation:.9s ease-out infinite dito-arc}@media (prefers-reduced-motion:reduce){.dito *,.dito{transition:none!important;animation:none!important}}