.loader{width:44px;height:44px;position:relative;display:inline-block;margin:0 16px}.loader:before{content:'';width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:#5628EE;top:calc(50% - 3px);left:calc(50% - 3px);transform:translate(-165%, -245%);animation:dotHexagon 6s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg polygon{fill:none;stroke:#2F3545;stroke-width:10px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:214 54;stroke-dashoffset:0;animation:pathHexagon 6s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}@keyframes dotHexagon{16%{transform:translate(-295%, -20%)}32%{transform:translate(-165%, 245%)}48%{transform:translate(9.5px, 245%)}64%{transform:translate(295%, -20%)}80%{transform:translate(165%, -245%)}100%{transform:translate(-165%, -245%)}}@keyframes pathHexagon{16%{stroke-dashoffset:42}32%{stroke-dashoffset:85}48%{stroke-dashoffset:128}64%{stroke-dashoffset:171}80%{stroke-dashoffset:214}100%{stroke-dashoffset:268}}body{display:flex;justify-content:center;align-items:center}