.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);display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 calc(var(--spinner-wave-size) + (var(--spinner-wave-padding) * 2));margin:0 auto}.spinner-wave{width:calc(var(--spinner-wave-size) * .142857);height:calc(var(--spinner-wave-size) * .714286);border-radius:calc(var(--spinner-wave-size) * .071429);display:block;position:relative;background:currentColor;color:#ffffff74;box-sizing:border-box;animation:spinner-wave-animation .3s .3s linear infinite alternate}.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);background:currentColor;position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--spinner-wave-size) * .357143);box-sizing:border-box;animation:spinner-wave-animation .3s .45s linear infinite alternate}.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)}}