.spinner-wave-shell{--spinner-wave-size:56px;--spinner-wave-padding:8px;width:calc(var(--spinner-wave-size) + (var(--spinner-wave-padding) * 2));height:calc(var(--spinner-wave-size) + (var(--spinner-wave-padding) * 2));padding:var(--spinner-wave-padding);box-sizing:border-box;flex:0 0 calc(var(--spinner-wave-size) + (var(--spinner-wave-padding) * 2));justify-content:center;align-items:center;margin:0 auto;display:flex}.spinner-wave{width:calc(var(--spinner-wave-size) * .142857);height:calc(var(--spinner-wave-size) * .714286);border-radius:calc(var(--spinner-wave-size) * .071429);color:#ffffff74;box-sizing:border-box;background:currentColor;animation:.3s linear .3s infinite alternate spinner-wave-animation;display:block;position:relative}.spinner-wave:after,.spinner-wave:before{content:"";width:calc(var(--spinner-wave-size) * .142857);height:calc(var(--spinner-wave-size) * .714286);border-radius:calc(var(--spinner-wave-size) * .071429);top:50%;left:calc(var(--spinner-wave-size) * .357143);box-sizing:border-box;background:currentColor;animation:.3s linear .45s infinite alternate spinner-wave-animation;position:absolute;transform:translateY(-50%)}.spinner-wave:before{left:calc(var(--spinner-wave-size) * -.357143);animation-delay:0s}@keyframes spinner-wave-animation{0%{height:calc(var(--spinner-wave-size) * .857143)}to{height:calc(var(--spinner-wave-size) * .071429)}}