@property --sg-p{syntax:"<integer>";inherits:true;initial-value:0}:root{--sg-lav:#D8C0CE;--sg-navy:#39305F;--sg-navy-dark:#6E60A9;--sg-loader-size:48px;--sg-loader-speed:1}.sg-loader{width:var(--sg-loader-size);height:auto;display:block;overflow:visible}.sg-loader__lav{fill:var(--sg-lav)}.sg-loader__nav{fill:var(--sg-navy)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sg-loader__nav{fill:var(--sg-navy-dark)}}:root[data-theme=dark] .sg-loader__nav{fill:var(--sg-navy-dark)}:root[data-theme=light] .sg-loader__nav{fill:var(--sg-navy)}.sg-loader g{transform-box:fill-box;transform-origin:center}.sg-loader--drift .sg-loader__lav{animation:sg-drift-up calc(1.9s * var(--sg-loader-speed)) cubic-bezier(.5,0,.2,1) infinite}.sg-loader--drift .sg-loader__nav{animation:sg-drift-down calc(1.9s * var(--sg-loader-speed)) cubic-bezier(.5,0,.2,1) infinite}@keyframes sg-drift-up{0%,to{transform:none}45%,58%{transform:translate(40px,-38px)}}@keyframes sg-drift-down{0%,to{transform:none}45%,58%{transform:translate(-40px,38px)}}.sg-loader--assemble .sg-loader__lav{animation:sg-assemble-lav calc(2.2s * var(--sg-loader-speed)) cubic-bezier(.2,.9,.3,1) infinite}.sg-loader--assemble .sg-loader__nav{animation:sg-assemble-nav calc(2.2s * var(--sg-loader-speed)) cubic-bezier(.2,.9,.3,1) infinite}@keyframes sg-assemble-lav{0%{transform:translate(150px,-144px);opacity:0}26%{transform:none;opacity:1}82%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes sg-assemble-nav{0%,12%{transform:translate(-150px,144px);opacity:0}40%{transform:none;opacity:1}82%{transform:none;opacity:1}to{transform:none;opacity:0}}.sg-loader--sweep .sg-loader__dim{opacity:.28}.sg-loader--sweep .sg-loader__band{animation:sg-sweep calc(1.6s * var(--sg-loader-speed)) cubic-bezier(.55,0,.45,1) infinite}@keyframes sg-sweep{0%{transform:translateX(50px)}to{transform:translateX(345px)}}.sg-loader--pivot{perspective:640px}.sg-loader--pivot .sg-loader__lav,.sg-loader--pivot .sg-loader__nav{animation:sg-pivot calc(2.6s * var(--sg-loader-speed)) cubic-bezier(.45,0,.25,1) infinite}.sg-loader--pivot .sg-loader__nav{animation-delay:calc(-.42s * var(--sg-loader-speed))}@keyframes sg-pivot{0%{transform:rotate3d(-1,1,0,0deg)}50%{transform:rotate3d(-1,1,0,180deg)}to{transform:rotate3d(-1,1,0,1turn)}}.sg-loader--pulse .sg-loader__lav,.sg-loader--pulse .sg-loader__nav{animation:sg-pulse calc(1.4s * var(--sg-loader-speed)) ease-in-out infinite}.sg-loader--pulse .sg-loader__nav{animation-delay:calc(-.45s * var(--sg-loader-speed))}@keyframes sg-pulse{0%,to{opacity:.3;transform:scale(.9)}45%{opacity:1;transform:scale(1)}}.sg-progress .sg-loader__dim{opacity:.26}.sg-progress .sg-loader__reveal{transform:translateX(calc(-161px + var(--sg-p) * 2.01px)) skewX(-46.2deg)}.sg-progress__pct{font-variant-numeric:tabular-nums}.sg-progress__pct:after{counter-reset:p var(--sg-p);content:counter(p) "%"}.sg-progress--demo{animation:sg-count calc(2.8s * var(--sg-loader-speed)) linear infinite}@keyframes sg-count{0%{--sg-p:0}to{--sg-p:100}}@media (prefers-reduced-motion:reduce){.sg-loader g,.sg-loader__band,.sg-loader__reveal,.sg-progress--demo{animation:none!important;transform:none!important}.sg-loader .sg-loader__lav,.sg-loader .sg-loader__nav{animation:sg-reduced 2s ease-in-out infinite!important}.sg-loader .sg-loader__nav{animation-delay:-1s!important}@keyframes sg-reduced{0%,to{opacity:.4}50%{opacity:1}}}