.crab-loader{--crab-cycle:4.8s;text-align:center;place-items:center;min-height:40vh;padding-block:64px;display:grid}.crab-loader-reveal{animation:crab-reveal .16s var(--ease-out) .2s both}.crab-loader-stage{width:200px;height:96px;margin:0 auto;position:relative}.crab-loader-ground{background:var(--color-line);width:160px;height:1px;position:absolute;bottom:12px;left:20px}.crab-loader-walk{width:72px;height:62px;animation:crab-walk var(--crab-cycle) linear .2s infinite;position:absolute;bottom:9px;left:64px}.crab-loader-character{width:100%;height:100%;color:var(--color-accent-text);display:block;overflow:visible}.crab-eye-white{fill:var(--color-bg)}.crab-pupil{fill:var(--color-text);animation:crab-look var(--crab-cycle) linear .2s infinite}.crab-smile{stroke:var(--color-bg)}.crab-loader-body{transform-origin:56px 65px;animation:crab-bob var(--crab-cycle) linear .2s infinite}.crab-leg{animation:crab-step-a var(--crab-cycle) linear .2s infinite}.crab-leg-b{animation-name:crab-step-b}.crab-claw-left{transform-origin:35px 54px;animation:crab-claw-rest var(--crab-cycle) linear .2s infinite}.crab-claw-right{transform-origin:77px 54px;animation:crab-wave var(--crab-cycle) linear .2s infinite}.crab-eye{animation:crab-blink var(--crab-cycle) linear .2s infinite}.crab-eye-left{transform-origin:42px 31px}.crab-eye-right{transform-origin:70px 30px}@keyframes crab-reveal{0%{opacity:0}to{opacity:1}}@keyframes crab-walk{0%,8%{transform:translate(-36px)}35%,55%{transform:translate(36px)}82%,to{transform:translate(-36px)}}@keyframes crab-bob{0%,8%,17%,26%,35%,55%,64%,73%,82%,to{transform:translateY(0)rotate(0)}12.5%,30.5%,68.5%{transform:translateY(-1.5px)rotate(-2deg)}21.5%,59.5%,77.5%{transform:translateY(-1.5px)rotate(2deg)}}@keyframes crab-step-a{0%,8%,17%,26%,35%,55%,64%,73%,82%,to{transform:translateY(0)rotate(0)}12.5%,30.5%,59.5%,77.5%{transform:translateY(-2px)rotate(-8deg)}21.5%,68.5%{transform:translateY(0)rotate(7deg)}}@keyframes crab-step-b{0%,8%,17%,26%,35%,55%,64%,73%,82%,to{transform:translateY(0)rotate(0)}12.5%,30.5%,59.5%,77.5%{transform:translateY(0)rotate(7deg)}21.5%,68.5%{transform:translateY(-2px)rotate(-8deg)}}@keyframes crab-wave{0%,35%,53%,to{transform:rotate(0)}40%,48%{transform:rotate(-16deg)}44%{transform:rotate(-5deg)}}@keyframes crab-claw-rest{0%,8%,35%,55%,82%,to{transform:rotate(0)}21.5%{transform:rotate(5deg)}68.5%{transform:rotate(-5deg)}}@keyframes crab-look{0%,38%,86%,to{transform:translate(0)}43%,77%{transform:translate(-2px)}}@keyframes crab-blink{0%,47%,51%,91%,95%,to{transform:scaleY(1)}49%,93%{transform:scaleY(.15)}}@media (max-width:767px){.crab-loader{padding-block:48px}}@media (prefers-reduced-motion:reduce){.crab-loader-reveal{animation:.01ms linear .2s both crab-reveal}.crab-loader-walk,.crab-loader-character *{animation:none;transform:none}}