.snake-loader{display:inline-flex;align-items:center;gap:4px;height:40px}.snake-loader .snake-loader__ball{width:7px;height:7px;border-radius:100vmax;background:var(--color-dark-grey);transform:translateY(calc(20px - 100%));-webkit-animation:snake 2s infinite ease;animation:snake 2s infinite ease}.snake-loader .snake-loader__ball:nth-child(1n){-webkit-animation-delay:0.2s;animation-delay:0.2s}.snake-loader .snake-loader__ball:nth-child(2n){-webkit-animation-delay:0.4s;animation-delay:0.4s}.snake-loader .snake-loader__ball:nth-child(3n){-webkit-animation-delay:0.6s;animation-delay:0.6s}.snake-loader .snake-loader__ball:nth-child(4n){-webkit-animation-delay:0.8s;animation-delay:0.8s}.snake-loader .snake-loader__ball:nth-child(5n){-webkit-animation-delay:1s;animation-delay:1s}.snake-loader .snake-loader__ball:nth-child(6n){-webkit-animation-delay:1.2s;animation-delay:1.2s}.snake-loader .snake-loader__ball:nth-child(7n){-webkit-animation-delay:1.4s;animation-delay:1.4s}.snake-loader .snake-loader__ball:nth-child(8n){-webkit-animation-delay:1.6s;animation-delay:1.6s}@-webkit-keyframes snake{0%{transform:translateY(calc(20px - 100%))}50%{transform:translateY(calc(-20px + 100%))}100%{transform:translateY(calc(20px - 100%))}}@keyframes snake{0%{transform:translateY(calc(20px - 100%))}50%{transform:translateY(calc(-20px + 100%))}100%{transform:translateY(calc(20px - 100%))}}