.loader{contain:inherit;place-content:center;width:120px;height:32px;display:flex;position:relative}.dot{flex:1;place-content:center;width:2px;height:20px;margin:0 5px;display:flex;position:relative}.dot:first-of-type{margin-left:0}.dot:last-of-type{margin-right:0}.dot:before,.dot:after{content:"";background:green;border-radius:4px;width:4px;height:4px;animation:1.25s ease-in-out infinite helix;display:block;position:absolute;bottom:-5px;box-shadow:1px 1px 4px #00000026}.dot:after{animation:1.25s ease-in-out infinite helix-reversed;bottom:100%}.dot i{z-index:25;background:var(--dot-color,#00ff0073);align-self:center;width:2px;height:10px;animation:1.25s ease-in-out infinite helix-bar;position:absolute}.dot2:before,.dot2:after,.dot2 i{animation-delay:50ms}.dot3:before,.dot3:after,.dot3 i{animation-delay:.1s}.dot4:before,.dot4:after,.dot4 i{animation-delay:.15s}.dot5:before,.dot5:after,.dot5 i{animation-delay:.2s}.dot6:before,.dot6:after,.dot6 i{animation-delay:.25s}.dot7:before,.dot7:after,.dot7 i{animation-delay:.3s}.dot8:before,.dot8:after,.dot8 i{animation-delay:.35s}.dot9:before,.dot9:after,.dot9 i{animation-delay:.4s}@keyframes helix{0%{z-index:10;width:5px;height:5px;bottom:-5px}25%{width:2px;height:2px}50%{z-index:20;width:5px;height:5px;bottom:100%}75%{width:8px;height:8px}to{width:5px;height:5px;bottom:-5px}}@keyframes helix-reversed{0%{z-index:20;width:5px;height:5px;bottom:100%}25%{width:8px;height:8px}50%{z-index:10;width:5px;height:5px;bottom:-5px}75%{width:2px;height:2px}to{width:5px;height:5px;bottom:100%}}@keyframes helix-bar{0%{height:15px}25%{height:8px}50%{height:15px}75%{height:8px}to{height:15px}}.small-loader{contain:inherit;place-content:center;width:60px;height:16px;display:flex;position:relative}.small-dot{flex:1;place-content:center;width:1px;height:10px;margin:0 2.5px;display:flex;position:relative}.small-dot:first-of-type{margin-left:0}.small-dot:last-of-type{margin-right:0}.small-dot:before,.small-dot:after{content:"";background:green;border-radius:2px;width:2px;height:2px;animation:1.25s ease-in-out infinite small-helix;display:block;position:absolute;bottom:-2.5px;box-shadow:.5px .5px 2px #00000026}.small-dot:after{animation:1.25s ease-in-out infinite small-helix-reversed;bottom:100%}.small-dot i{z-index:25;background:var(--dot-color,#00ff0073);align-self:center;width:1px;height:5px;animation:1.25s ease-in-out infinite small-helix-bar;position:absolute}.small-dot2:before,.small-dot2:after,.small-dot2 i{animation-delay:50ms}.small-dot3:before,.small-dot3:after,.small-dot3 i{animation-delay:.1s}.small-dot4:before,.small-dot4:after,.small-dot4 i{animation-delay:.15s}.small-dot5:before,.small-dot5:after,.small-dot5 i{animation-delay:.2s}.small-dot6:before,.small-dot6:after,.small-dot6 i{animation-delay:.25s}.small-dot7:before,.small-dot7:after,.small-dot7 i{animation-delay:.3s}.small-dot8:before,.small-dot8:after,.small-dot8 i{animation-delay:.35s}.small-dot9:before,.small-dot9:after,.small-dot9 i{animation-delay:.4s}@keyframes small-helix{0%{z-index:10;width:2.5px;height:2.5px;bottom:-2.5px}25%{width:1px;height:1px}50%{z-index:20;width:2.5px;height:2.55px;bottom:100%}75%{width:4px;height:4px}to{width:2.5px;height:2.5px;bottom:-2.5px}}@keyframes small-helix-reversed{0%{z-index:20;width:2.5px;height:2.5px;bottom:100%}25%{width:4px;height:4px}50%{z-index:10;width:2.5px;height:2.5px;bottom:-2.5px}75%{width:1px;height:1px}to{width:2.5px;height:2.5px;bottom:100%}}@keyframes small-helix-bar{0%{height:7.5px}25%{height:4px}50%{height:7.5px}75%{height:4px}to{height:7.5px}}