:root{--uxflex-dotsize:.6px;--uxflex-dotpad:22px;--uxflex-background:var(--background-color1);--uxflex-dot-unlit:var(--background-color2);--uxflex-dot-bright:var(--text-color7);--uxflex-dot-lit:var(--background-color5);--uxflex-anim-bezier:cubic-bezier(.2,.85,.3,1);--uxflex-glowsize:5px;--uxflex-fade-time:700ms;--uxflex-total-time:4000ms;--uxflex-ring-init-size:40%;--uxflex-ring-thick-in:38%;--uxflex-ring-thick-out:44%;--uxflex-chromab-offset1:3px;--uxflex-chromab-offset2:-3px;--uxflex-chromab-offset3:2px;--uxflex-chromab-alpha:.25;--uxflex-chromab-blur:6px}html:has(body>.uxt-dotted-grid),body:has(>.uxt-dotted-grid){height:100%;margin:0;background:var(--uxflex-background);background-image:var(--texture-noise)}.uxt-whitelist{position:absolute}.uxt-dotted-grid{position:fixed;inset:0;overflow:hidden}.uxt-dots-lit{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--uxflex-dot-lit) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);animation:RevealLit var(--uxflex-total-time) var(--uxflex-anim-bezier) 140ms forwards}.uxt-dots-unlit{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--uxflex-dot-unlit) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;animation:FadeUnlit var(--uxflex-total-time) var(--uxflex-anim-bezier) forwards}.uxt-ring-core{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--uxflex-dot-bright) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(var(--uxflex-ring-init-size) - .5%),rgba(0,0,0,0) calc(var(--uxflex-ring-init-size) + .5%));mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(var(--uxflex-ring-init-size) - .5%),rgba(0,0,0,0) calc(var(--uxflex-ring-init-size) + .5%));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);animation:CoreFade var(--uxflex-fade-time) var(--uxflex-anim-bezier) forwards;filter:drop-shadow(0 0 var(--uxflex-glowsize) var(--uxflex-dot-bright)) drop-shadow(0 0 calc(var(--uxflex-glowsize)*.6) var(--uxflex-dot-bright))}.uxt-ring-light{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--uxflex-dot-bright) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:8% 8%;mask-size:8% 8%;animation:RingWave var(--uxflex-total-time) var(--uxflex-anim-bezier) forwards;filter:drop-shadow(0 0 calc(var(--uxflex-glowsize)*1.1) var(--uxflex-dot-bright)) drop-shadow(0 0 calc(var(--uxflex-glowsize)*.6) var(--uxflex-dot-bright));opacity:1;z-index:999}.uxt-dots-chromab{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,90,90,var(--uxflex-chromab-alpha)) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:8% 8%;mask-size:8% 8%;animation:AberrationMove var(--uxflex-total-time) var(--uxflex-anim-bezier) calc(var(--uxflex-total-time) * .06) forwards;opacity:1;z-index:50}.uxt-dots-chromab::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(120,255,180,var(--uxflex-chromab-alpha)) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:8% 8%;mask-size:8% 8%;animation:AberrationMove var(--uxflex-total-time) var(--uxflex-anim-bezier) calc(var(--uxflex-total-time) * .08) forwards;transform:translateX(var(--uxflex-chromab-offset2)) translateY(0);filter:blur(calc(var(--uxflex-chromab-blur) * .8));opacity:1;z-index:51}.uxt-dots-chromab::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(140,160,255,var(--uxflex-chromab-alpha)) var(--uxflex-dotsize),transparent calc(var(--uxflex-dotsize) + 1px));background-size:var(--uxflex-dotpad) var(--uxflex-dotpad);background-position:center center;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));mask-image:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(var(--uxflex-ring-thick-in) - .6%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-in) - .1%),rgba(0,0,0,1) calc(var(--uxflex-ring-thick-out) + .1%),rgba(0,0,0,0) calc(var(--uxflex-ring-thick-out) + .6%));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:8% 8%;mask-size:8% 8%;animation:AberrationMove var(--uxflex-total-time) var(--uxflex-anim-bezier) calc(var(--uxflex-total-time) * .05) forwards;transform:translateY(var(--uxflex-chromab-offset3)) translateX(var(--uxflex-chromab-offset1));filter:blur(var(--uxflex-chromab-blur));opacity:1;z-index:52}@keyframes RingWave{0%{-webkit-mask-size:8% 8%;mask-size:8% 8%;opacity:1}62.5%{-webkit-mask-size:120% 120%;mask-size:120% 120%;opacity:1}100%{-webkit-mask-size:320% 320%;mask-size:320% 320%;opacity:0}}@keyframes RevealLit{0%{-webkit-mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size)}62.5%{-webkit-mask-size:120% 120%;mask-size:120% 120%}100%{-webkit-mask-size:320% 320%;mask-size:320% 320%}}@keyframes FadeUnlit{0%{opacity:1}62.5%{opacity:1}100%{opacity:0}}@keyframes CoreFade{0%{-webkit-mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);mask-size:var(--uxflex-ring-init-size) var(--uxflex-ring-init-size);opacity:1}35%{-webkit-mask-size:calc(var(--uxflex-ring-init-size) * 1.02) calc(var(--uxflex-ring-init-size) * 1.02);mask-size:calc(var(--uxflex-ring-init-size) * 1.02) calc(var(--uxflex-ring-init-size) * 1.02);opacity:.9}100%{-webkit-mask-size:220% 220%;mask-size:220% 220%;opacity:0}}@keyframes AberrationMove{0%{-webkit-mask-size:8% 8%;mask-size:8% 8%;opacity:0}55%{-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:1}80%{-webkit-mask-size:200% 200%;mask-size:200% 200%;opacity:.9}100%{-webkit-mask-size:320% 320%;mask-size:320% 320%;opacity:0}}@media(prefers-reduced-motion:reduce){.uxt-ring-core,.uxt-ring-light,.uxt-dots-lit,.uxt-dots-chromab{animation:none;-webkit-mask-size:320% 320%;mask-size:320% 320%;opacity:0;filter:none}.uxt-dots-unlit{animation:none;opacity:0}}@media(max-width:480px){:root{--uxflex-dotpad:18px;--uxflex-dotsize:.5px;--uxflex-ring-init-size:36%;--uxflex-ring-thick-in:34%;--uxflex-ring-thick-out:40%;--uxflex-glowsize:3px;--uxflex-total-time:5200ms;--uxflex-chromab-blur:4px;--uxflex-chromab-offset1:2px;--uxflex-chromab-offset2:-2px;--uxflex-chromab-offset3:1px}}