.slop-scope{--slop-violet:#8b5cf6;--slop-indigo:#6366f1;--slop-cyan:#22d3ee;--slop-magenta:#ec4899;--slop-ink:#05050b;--slop-surface:#ffffff0b;--slop-edge:#ffffff1c;background-color:var(--slop-ink);isolation:isolate;position:relative;overflow-x:clip}@keyframes slop-aurora{0%{transform:translate(0,0)scale(1)}33%{transform:translate(6%,-8%)scale(1.15)}66%{transform:translate(-7%,5%)scale(.92)}to{transform:translate(0,0)scale(1)}}.slop-aurora{filter:blur(100px);opacity:.3;will-change:transform;border-radius:9999px;animation:22s ease-in-out infinite slop-aurora;position:absolute}.slop-noise:after{content:"";pointer-events:none;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:absolute;inset:0}.slop-dotgrid{pointer-events:none;background-image:radial-gradient(circle,#ffffff29 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 10%,#0000 72%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 10%,#0000 72%)}.slop-spotlight{pointer-events:none;background:radial-gradient(520px circle at var(--slop-mx,50%) var(--slop-my,30%), #8b5cf629, transparent 65%);transition:background .12s linear;position:absolute;inset:0}@keyframes slop-pan{0%,to{background-position:0%}50%{background-position:100%}}.slop-gradient-text{background-image:linear-gradient(100deg, var(--slop-violet), var(--slop-cyan), var(--slop-magenta), var(--slop-violet));color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite slop-pan}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.slop-gradient-text{color:var(--slop-cyan);background-image:none}}@keyframes slop-caret{0%,49%{opacity:1}50%,to{opacity:0}}.slop-caret{width:.6ch;margin-inline-start:.1ch;animation:1s step-end infinite slop-caret;display:inline-block}.slop-glass{background:var(--slop-surface);border:1px solid var(--slop-edge);-webkit-backdrop-filter:blur(14px);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}@media (hover:hover){.slop-glass:hover{border-color:#8b5cf68c;transform:translateY(-6px);box-shadow:0 24px 60px -24px #8b5cf6a6,inset 0 0 0 1px #8b5cf640}}@keyframes slop-spin{to{transform:rotate(1turn)}}@property --slop-angle{syntax:"<angle>";inherits:false;initial-value:0turn}@keyframes slop-beam-spin{to{--slop-angle:1turn}}.slop-beam{position:relative}.slop-beam:before{content:"";border-radius:inherit;background:conic-gradient(from var(--slop-angle,0turn), transparent 0deg, var(--slop-cyan) 24deg, var(--slop-violet) 60deg, transparent 110deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:4s linear infinite slop-beam-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes slop-shimmer{0%{transform:translate(-130%)skew(-18deg)}55%{transform:translate(230%)skew(-18deg)}to{transform:translate(230%)skew(-18deg)}}.slop-shimmer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:45%;animation:2.8s ease-in-out infinite slop-shimmer;position:absolute;top:0;bottom:0}@keyframes slop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.slop-float{animation:6s ease-in-out infinite slop-float}.slop-float-slow{animation:9s ease-in-out infinite slop-float}@keyframes slop-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.slop-marquee-track{width:max-content;animation:34s linear infinite slop-marquee;display:flex}.slop-marquee-track-rev{animation-duration:46s;animation-direction:reverse}.slop-marquee-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}@media (hover:hover){.slop-marquee-mask:hover .slop-marquee-track{animation-play-state:paused}}.slop-tilt-stage{perspective:1600px}.slop-tilt{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:rotateX(22deg)rotateY(-14deg)rotate(4deg)}@media (hover:hover){.slop-tilt:hover{transform:rotateX(10deg)rotateY(-6deg)rotate(1deg)translateY(-10px)}}.slop-magnetic{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}@media (hover:hover){.slop-magnetic:hover{transform:translateY(-3px)scale(1.035)}}.slop-magnetic:active{transform:translateY(0)scale(.99)}.slop-orbit{animation:26s linear infinite slop-spin}.slop-orbit-counter{animation:26s linear infinite reverse slop-spin}@media (prefers-reduced-motion:reduce){.slop-scope *,.slop-scope :before,.slop-scope :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.slop-caret{opacity:1}.slop-spotlight{background:radial-gradient(520px at 50% 30%,#8b5cf629,#0000 65%)}.slop-marquee-track{transform:none}.slop-tilt:hover{transform:rotateX(22deg)rotateY(-14deg)rotate(4deg)}.slop-glass:hover,.slop-magnetic:hover,.slop-magnetic:active{transform:none}}