.dotto-loader{vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.dotto-loader__svg{width:100%;height:100%;display:block;overflow:visible}.dotto-loader__body{fill:var(--dotto-color,var(--primary))}.dotto-loader__eye{fill:var(--primary-foreground)}.dotto-loader__motion,.dotto-loader__shape,.dotto-loader__face,.dotto-loader__blink{transform-box:view-box;transform-origin:60px 65px}.dotto-loader__blink{transform-origin:60px 62px;animation:4.8s ease-in-out infinite dotto-blink}.dotto-loader[data-variant=breathe] .dotto-loader__shape{animation:2.4s ease-in-out infinite dotto-breathe}.dotto-loader[data-variant=bounce] .dotto-loader__motion{animation:1.2s infinite dotto-hop}.dotto-loader[data-variant=bounce] .dotto-loader__shape{transform-origin:60px 98px;animation:1.2s infinite dotto-squash}.dotto-loader[data-variant=look] .dotto-loader__motion{animation:3.6s ease-in-out infinite dotto-look-tilt}.dotto-loader[data-variant=look] .dotto-loader__face{animation:3.6s ease-in-out infinite dotto-look}.dotto-loader[data-variant=wobble] .dotto-loader__motion{transform-origin:60px 95px;animation:1.8s ease-in-out infinite dotto-wobble}.dotto-loader[data-variant=wobble] .dotto-loader__shape{animation:1.8s ease-in-out infinite dotto-jelly}.dotto-loader[data-paused=true] *{animation-play-state:paused!important}.dotto-loader__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes dotto-breathe{0%,to{transform:translateY(1px)scale(.96)}50%{transform:translateY(-3px)scale(1.04)}}@keyframes dotto-hop{0%,15%,85%,to{animation-timing-function:ease-out;transform:translateY(0)}48%{animation-timing-function:ease-in;transform:translateY(-21px)}}@keyframes dotto-squash{0%,to{transform:scale(1)}12%{transform:scale(1.1,.88)}28%{transform:scale(.94,1.06)}48%{transform:scale(1)}76%{transform:scale(.97,1.04)}86%{transform:scale(1.12,.86)}}@keyframes dotto-look{0%,12%,90%,to{transform:translate(0)}28%,42%{transform:translate(-7px,-1px)}60%,75%{transform:translate(7px,-2px)}}@keyframes dotto-look-tilt{0%,12%,90%,to{transform:rotate(0)}28%,42%{transform:rotate(-5deg)}60%,75%{transform:rotate(5deg)}}@keyframes dotto-wobble{0%,to{transform:translate(-4px)rotate(-11deg)}50%{transform:translate(4px)rotate(11deg)}}@keyframes dotto-jelly{0%,50%,to{transform:scale(1.035,.97)}25%,75%{transform:scale(.98,1.025)}}@keyframes dotto-blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.08)}}@media (prefers-reduced-motion:reduce){.dotto-loader *{animation:none!important;transform:none!important}}