.cssfx-bar-wave{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:var(--width)}.cssfx-bar-wave span{width:calc(var(--width) / 4 * 3 / 4);height:var(--height);background-color:var(--color)}.cssfx-bar-wave span:nth-of-type(1){-webkit-animation:cssfx-bar-wave-grow var(--duration) -.45s ease-in-out infinite;animation:cssfx-bar-wave-grow var(--duration) -.45s ease-in-out infinite}.cssfx-bar-wave span:nth-of-type(2){-webkit-animation:cssfx-bar-wave-grow var(--duration) -.3s ease-in-out infinite;animation:cssfx-bar-wave-grow var(--duration) -.3s ease-in-out infinite}.cssfx-bar-wave span:nth-of-type(3){-webkit-animation:cssfx-bar-wave-grow var(--duration) -.15s ease-in-out infinite;animation:cssfx-bar-wave-grow var(--duration) -.15s ease-in-out infinite}.cssfx-bar-wave span:nth-of-type(4){-webkit-animation:cssfx-bar-wave-grow var(--duration) ease-in-out infinite;animation:cssfx-bar-wave-grow var(--duration) ease-in-out infinite}@-webkit-keyframes cssfx-bar-wave-grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}@keyframes cssfx-bar-wave-grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.cssfx-spin{border:3px solid var(--border-color);border-top-color:var(--color);border-radius:50%;width:var(--width);height:var(--height);-webkit-animation:cssfx-spin 1s linear infinite;animation:cssfx-spin 1s linear infinite}@-webkit-keyframes cssfx-spin{to{transform:rotate(360deg)}}@keyframes cssfx-spin{to{transform:rotate(360deg)}}