.sk-async{--roll-line:1.25em}.sk-async[data-phase=success]{--b-fill:var(--green-fill);--b-on:var(--green-on-fill);--b-on-sweep:var(--green-on-fill);--b-line:transparent;--b-sweep:linear-gradient(100deg,var(--green-fill-hover),var(--teal-fill));--b-glow:var(--green-glow)}.sk-async[data-phase=error]{--b-fill:var(--red-fill);--b-on:var(--red-on-fill);--b-on-sweep:var(--red-on-fill);--b-line:transparent;--b-sweep:linear-gradient(100deg,var(--red-fill-hover),var(--magenta-fill));--b-glow:var(--red-glow)}.sk-async[data-phase=busy]{cursor:progress;opacity:1}.sk-async__window{position:relative;display:block;height:var(--roll-line);overflow:hidden}.sk-async__strip{display:grid;transition:transform var(--dur) var(--ease-spring)}.sk-async__strip>span{display:block;height:var(--roll-line);line-height:var(--roll-line);white-space:nowrap}.sk-async[data-phase=busy] .sk-async__strip{transform:translateY(calc(var(--roll-line) * -1))}.sk-async[data-phase=success] .sk-async__strip{transform:translateY(calc(var(--roll-line) * -2))}.sk-async[data-phase=error] .sk-async__strip{transform:translateY(calc(var(--roll-line) * -3))}.sk-async__spin{animation:sk-async-spin calc(.9s * var(--motion-slow, 1)) linear infinite}@keyframes sk-async-spin{to{transform:rotate(1turn)}}.sk-async__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}