@keyframes pulse-loader{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.dot-spinner{position:relative}.dot-spinner,.dot-spinner__dot{display:flex;align-items:center;justify-content:flex-start}.dot-spinner__dot{position:absolute;top:0;left:0;height:100%;width:100%}.dot-spinner__dot-element{width:20%;height:20%;border-radius:50%;transform:scale(0);opacity:.5;animation:pulse-loader 1s ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.dot-spinner__dot:first-child .dot-spinner__dot-element{animation-delay:-.875s}.dot-spinner__dot:nth-child(2) .dot-spinner__dot-element{animation-delay:-.75s}.dot-spinner__dot:nth-child(3) .dot-spinner__dot-element{animation-delay:-.625s}.dot-spinner__dot:nth-child(4) .dot-spinner__dot-element{animation-delay:-.5s}.dot-spinner__dot:nth-child(5) .dot-spinner__dot-element{animation-delay:-.375s}.dot-spinner__dot:nth-child(6) .dot-spinner__dot-element{animation-delay:-.25s}.dot-spinner__dot:nth-child(7) .dot-spinner__dot-element{animation-delay:-.125s}.dot-spinner__dot:nth-child(8) .dot-spinner__dot-element{animation-delay:0s}