.loader{--dot:#8bc142;--path:#08376f;--duration:3s;width:44px;height:44px;position:relative}.loader:before{content:"";background:var(--dot);width:6px;height:6px;-webkit-animation:dotRect var(--duration) cubic-bezier(.785, .135, .15, .86) infinite;animation:dotRect var(--duration) cubic-bezier(.785, .135, .15, .86) infinite;border-radius:50%;display:block;position:absolute;top:37px;left:19px;transform:translate(-18px,-18px)}.loader svg{width:100%;height:100%;display:block}.loader svg rect,.loader svg polygon,.loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;-webkit-animation:pathTriangle var(--duration) cubic-bezier(.785, .135, .15, .86) infinite;animation:pathTriangle var(--duration) cubic-bezier(.785, .135, .15, .86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;-webkit-animation:3s cubic-bezier(.785,.135,.15,.86) infinite pathRect;animation:3s cubic-bezier(.785,.135,.15,.86) infinite pathRect}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75px;-webkit-animation:pathCircle var(--duration) cubic-bezier(.785, .135, .15, .86) infinite;animation:pathCircle var(--duration) cubic-bezier(.785, .135, .15, .86) infinite}.loader.triangle{width:48px}.loader.triangle:before{-webkit-animation:dotTriangle var(--duration) cubic-bezier(.785, .135, .15, .86) infinite;animation:dotTriangle var(--duration) cubic-bezier(.785, .135, .15, .86) infinite;left:21px;transform:translate(-10px,-18px)}@-webkit-keyframes pathTriangle{33%{stroke-dashoffset:74px}66%{stroke-dashoffset:147px}to{stroke-dashoffset:221px}}@keyframes pathTriangle{33%{stroke-dashoffset:74px}66%{stroke-dashoffset:147px}to{stroke-dashoffset:221px}}@-webkit-keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@-webkit-keyframes pathRect{25%{stroke-dashoffset:64px}50%{stroke-dashoffset:128px}75%{stroke-dashoffset:192px}to{stroke-dashoffset:256px}}@keyframes pathRect{25%{stroke-dashoffset:64px}50%{stroke-dashoffset:128px}75%{stroke-dashoffset:192px}to{stroke-dashoffset:256px}}@-webkit-keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@-webkit-keyframes pathCircle{25%{stroke-dashoffset:125px}50%{stroke-dashoffset:175px}75%{stroke-dashoffset:225px}to{stroke-dashoffset:275px}}@keyframes pathCircle{25%{stroke-dashoffset:125px}50%{stroke-dashoffset:175px}75%{stroke-dashoffset:225px}to{stroke-dashoffset:275px}}.loader{margin:0 16px;display:inline-block}.loader-center{z-index:9999;opacity:1;background:#fffc;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;display:flex;position:fixed;top:0;left:0}.loader-datatable{z-index:9999;opacity:1;background:#fffc;justify-content:center;align-items:center;display:flex;top:0;left:0}.loader-datatable .dribbble,.loader-center .dribbble{display:block;position:fixed;bottom:20px;right:20px}.loader-datatable .dribbble img,.loader-center .dribbble img{height:28px;display:block}