.loader{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:.8;z-index:1000}.loader .container{position:relative;width:100%;height:100vh}.loader .container .wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader .container .wrapper svg{width:90%;fill:none}.loader .container .wrapper .load{transform-origin:50% 50%;stroke-dasharray:570;stroke-width:20px}.loader .container .wrapper .load.one{stroke:#554d73;animation:load 1.5s infinite}.loader .container .wrapper .load.two{stroke:#a496a4;animation:load 1.5s infinite;animation-delay:.1s}.loader .container .wrapper .load.three{stroke:#a5a7bb;animation:load 1.5s infinite;animation-delay:.2s}.loader .container .wrapper .point{animation:bounce 1s ease-in-out infinite}.loader .container .wrapper .point.one{fill:#a5a7bb;animation-delay:0s}.loader .container .wrapper .point.two{fill:#a496a4;animation-delay:.1s}.loader .container .wrapper .point.three{fill:#554d73;animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes load{0%{stroke-dashoffset:570}50%{stroke-dashoffset:530}to{stroke-dashoffset:570;transform:rotate(1turn)}}