.fair-dots,.fair-dots-y{background-color:color-mix(in oklch, var(--brand) 32%, transparent);background-image:repeating-linear-gradient(90deg, var(--brand) 0 12px, transparent 12px 64px);background-size:64px 100%}.fair-dots-y{background-image:repeating-linear-gradient(180deg, var(--brand) 0 10px, transparent 10px 48px);background-size:100% 48px}.fair-ping,.fair-scan{opacity:0}:where(:root:not([data-motion=reduced],[data-motion=off])) .fair-dots{animation:1.6s linear infinite fair-dots-x}:where(:root:not([data-motion=reduced],[data-motion=off])) .fair-dots-y{animation:1.4s linear infinite fair-dots-y}:where(:root:not([data-motion=reduced],[data-motion=off])) .fair-ping{animation:fair-ping 1.8s var(--ease-snap,ease-out) infinite}:where(:root:not([data-motion=reduced],[data-motion=off])) .fair-scan{animation:fair-scan 3.2s var(--ease-swap,ease-in-out) infinite}@keyframes fair-dots-x{to{background-position-x:64px}}@keyframes fair-dots-y{to{background-position-y:48px}}@keyframes fair-ping{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@keyframes fair-scan{0%{opacity:0;transform:translateY(-40%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(40%)}}:where(:root:not([data-motion=reduced],[data-motion=off])) .fair-row{animation:fair-row-in .48s var(--ease-snap,ease-out) both}@keyframes fair-row-in{0%{opacity:0;transform:translateY(6px)}}