.ab-art{overflow:visible}.ab-swatch,.ab-ping{transform-box:fill-box;transform-origin:50%}.ab-layer{cursor:pointer;transition:opacity .55s var(--ease-out-expo)}.ab-layer[data-state=off]{opacity:.12}.ab-glow{opacity:0;pointer-events:none;transition:opacity .55s}.ab-layer[data-state=on] .ab-glow{opacity:.8}.ab-guide{opacity:0;pointer-events:none;stroke-dasharray:10 12;transition:opacity .5s;animation:1.6s linear infinite ab-guide-flow}.ab-layer[data-state=on] .ab-guide{opacity:.9}.ab-px{transition:translate .7s var(--ease-out-expo)}.ab-layer[data-state=on] .ab-px{translate:calc((var(--i) + 1) * 7px) calc((var(--i) + 1) * -7px)}.ab-bit{opacity:0;transition:opacity .45s}.ab-layer[data-state=on] .ab-bit{opacity:1;animation:2.6s ease-in-out infinite ab-bit-float;animation-delay:calc(var(--i) * -.65s)}.ab-swatch{transition:transform .6s var(--ease-spring)}.ab-layer[data-state=on] .ab-swatch{transform:translateY(-8px)scale(1.06)}.ab-halo{opacity:0;pointer-events:none;transition:opacity .7s}.ab-halo[data-state=on]{opacity:1}.ab-hotspot{pointer-events:none;transition:opacity .4s}.ab-hotspot[data-state=off]{opacity:.2}.ab-ping{animation:2.6s cubic-bezier(.2,.6,.35,1) infinite ab-ping}.ab-hotspot[data-state=on] .ab-ping{animation-duration:1.3s}.ab-leader{opacity:.5;transition:opacity .4s}.ab-leader[data-state=on]{opacity:1}.ab-leader[data-state=off]{opacity:.16}.ab-leader-flow{opacity:0;stroke-dasharray:6 8;transition:opacity .4s;animation:1.1s linear infinite ab-leader-flow}.ab-leader[data-state=on] .ab-leader-flow{opacity:1}.ab-orbit-dash{stroke-dasharray:140 860;animation:14s linear infinite ab-orbit-run}.ab-ring-spin{animation:48s linear infinite ab-ring-spin}.ab-spoke{stroke-dasharray:1 3;animation:2.4s linear infinite ab-spoke-flow}.ab-track{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ab-track-pulse{inset-inline:0;background:linear-gradient(#0000,#8af5ff,#0000);height:22%;animation:5s cubic-bezier(.45,0,.55,1) infinite ab-track-run;position:absolute;top:0;transform:translateY(460%)}@keyframes ab-guide-flow{to{stroke-dashoffset:-44px}}@keyframes ab-leader-flow{to{stroke-dashoffset:-28px}}@keyframes ab-bit-float{0%,to{translate:0}50%{translate:8px -12px}}@keyframes ab-ping{0%{opacity:.9;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.9)}}@keyframes ab-orbit-run{to{stroke-dashoffset:-1000px}}@keyframes ab-ring-spin{to{transform:rotate(360deg)}}@keyframes ab-spoke-flow{to{stroke-dashoffset:-8px}}@keyframes ab-track-run{0%{transform:translateY(-100%)}to{transform:translateY(460%)}}@media (prefers-reduced-motion:reduce){.ab-electron{display:none}}
