@property --nx-k{syntax: "<number>"; inherits: true; initial-value: 0;}.nexus-loader{--nx-size: 42px;--nx-dark: #1E65F1;--nx-light: #7EA8FE;--nx-dur: 1.25s;--nx-ease: cubic-bezier(.7, 0, .3, 1);--nx-turn: 360deg;--nx-vanish: 0;--nx-len: calc(var(--nx-size) * .293);--nx-w: calc(var(--nx-size) * .129);--nx-off: calc(var(--nx-size) * .16);position:relative;display:inline-block;width:var(--nx-size);height:var(--nx-size);flex:none;animation:nx-cycle var(--nx-dur) var(--nx-ease) infinite}.nexus-loader__spin{position:absolute;inset:0;transform-origin:center;animation:nx-spin var(--nx-dur) var(--nx-ease) infinite}.nexus-loader__bar{position:absolute;top:50%;left:50%;height:var(--nx-w);width:calc(var(--nx-w) + (var(--nx-len) - var(--nx-w)) * var(--nx-k));border-radius:999px;transform-origin:center;transform:translate(-50%,-50%) translate(calc(var(--dx) * var(--nx-off) * var(--nx-k)),calc(var(--dy) * var(--nx-off) * var(--nx-k))) rotate(var(--deg));will-change:width,transform}.nexus-loader__bar.tl{--dx: -1;--dy: -1;--deg: 45deg;background:var(--nx-dark)}.nexus-loader__bar.tr{--dx: 1;--dy: -1;--deg: -45deg;background:var(--nx-light)}.nexus-loader__bar.bl{--dx: -1;--dy: 1;--deg: -45deg;background:var(--nx-light)}.nexus-loader__bar.br{--dx: 1;--dy: 1;--deg: 45deg;background:var(--nx-dark)}@keyframes nx-cycle{0%,12%{--nx-k: 0}34%,72%{--nx-k: 1}92%,to{--nx-k: 0}}@keyframes nx-spin{0%{transform:rotate(0) scale(var(--nx-vanish))}8%{transform:rotate(0) scale(1)}34%{transform:rotate(0) scale(1)}72%{transform:rotate(var(--nx-turn)) scale(1)}92%{transform:rotate(var(--nx-turn)) scale(1)}to{transform:rotate(var(--nx-turn)) scale(var(--nx-vanish))}}@media(prefers-reduced-motion:reduce){.nexus-loader,.nexus-loader__spin{animation:none!important}.nexus-loader{--nx-k: 1}}