loading-indicator .loader{--path: var(--color-primary-2);--dot: var(--color-primary-1);--duration: 3s;width:44px;height:44px;position:relative}loading-indicator .loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px, -18px);animation:dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}loading-indicator .loader svg{display:block;width:100%;height:100%}loading-indicator .loader svg rect,loading-indicator .loader svg polygon,loading-indicator .loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}loading-indicator .loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}loading-indicator .loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}loading-indicator .loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}loading-indicator .loader.triangle{width:48px}loading-indicator .loader.triangle:before{left:21px;transform:translate(-10px, -18px);animation:dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}100%{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0, 0)}66%{transform:translate(10px, -18px)}100%{transform:translate(-10px, -18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}100%{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0, 0)}50%{transform:translate(18px, -18px)}75%{transform:translate(0, -36px)}100%{transform:translate(-18px, -18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}100%{stroke-dashoffset:275}}loading-indicator .loader{display:inline-block;margin:0 16px}/*# sourceMappingURL=loading-indicator.css.map */
