.loader-wrapper{height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;background-color:transparent}.loader-container{text-align:center}.loader{--path:#9b1e21;--dot:#2f3545;--duration:3s;width:44px;height:44px;position:relative}.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(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg circle,.loader svg polygon,.loader svg rect{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;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}