.hg{--hg-size:48px;--hg-glass:var(--color-ink-soft,#5a5a5a);--hg-sand:var(--color-shu,#f0a055);--hg-duration:1.6s;line-height:0;display:inline-block}.hg__svg{width:var(--hg-size);height:var(--hg-size);display:block}.hg__glass{fill:none;stroke:var(--hg-glass);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.hg__sand{fill:var(--hg-sand)}.hg__rotor{transform-box:view-box;transform-origin:50%;animation:hg-flip var(--hg-duration) infinite}.hg__drain{animation:hg-drain var(--hg-duration) linear infinite}.hg__fill{animation:hg-fill var(--hg-duration) linear infinite}.hg__stream{animation:hg-stream var(--hg-duration) linear infinite}@keyframes hg-flip{0%{animation-timing-function:cubic-bezier(.77,0,.69,1);transform:rotate(0)}31%,to{transform:rotate(-180deg)}}@keyframes hg-drain{0%,31%{transform:translateY(0)}79%,to{transform:translateY(-36.5px)}}@keyframes hg-fill{0%,31%{transform:translateY(-36.5px)}79%,to{transform:translateY(0)}}@keyframes hg-stream{0%,30.9%{opacity:0}31%,78.9%{opacity:1}79%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hg__rotor,.hg__drain,.hg__fill,.hg__stream{animation:none}.hg__drain{transform:translateY(0)}.hg__fill{transform:translateY(-36.5px)}.hg__stream{opacity:0}}