npm - modern-loaders - Versions diffs - 1.0.0 → 1.2.0 - Mend

modern-loaders 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const r=require("react/jsx-runtime"),g=["aurora","orbit","rings","wave","bars","blob","cube","spiral","bar","grid"],j={aurora:0,orbit:3,rings:3,wave:5,bars:5,blob:0,cube:2,spiral:0,bar:0,grid:9},o=(a,s)=>typeof a=="number"?`${a}${s}`:a;function t({variant:a="aurora",size:s=48,speed:b=1,colors:i,label:e="Loading",className:u,style:d,...c}){const n={"--size":o(s,"px"),"--speed":o(b,"s")};i!=null&&i.length&&(n["--c1"]=i[0],n["--c2"]=i[1%i.length],n["--c3"]=i[2%i.length]);const v=j[a];return r.jsx("div",{...c,className:["ldr",`ldr--${a}`,u].filter(Boolean).join(" "),style:{...n,...d},role:e?"status":void 0,"aria-label":e??void 0,"aria-hidden":e?void 0:!0,children:Array.from({length:v},(y,l)=>r.jsx("span",{},l))})}const x=a=>r.jsx(t,{variant:"aurora",...a}),p=a=>r.jsx(t,{variant:"orbit",...a}),A=a=>r.jsx(t,{variant:"rings",...a}),B=a=>r.jsx(t,{variant:"wave",...a}),L=a=>r.jsx(t,{variant:"bars",...a}),R=a=>r.jsx(t,{variant:"blob",...a}),S=a=>r.jsx(t,{variant:"cube",...a}),f=a=>r.jsx(t,{variant:"spiral",...a}),h=a=>r.jsx(t,{variant:"bar",...a}),m=a=>r.jsx(t,{variant:"grid",...a});exports.Aurora=x;exports.Bar=h;exports.Bars=L;exports.Blob=R;exports.Cube=S;exports.Grid=m;exports.LOADER_VARIANTS=g;exports.Loader=t;exports.Orbit=p;exports.Rings=A;exports.Spiral=f;exports.Wave=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("react/jsx-runtime"),c=[{id:"aurora",label:"Aurora",group:"Spinners",cells:0},{id:"spiral",label:"Spiral",group:"Spinners",cells:0},{id:"ring-dash",label:"Ring Dash",group:"Spinners",cells:0},{id:"ring-gap",label:"Ring Gap",group:"Spinners",cells:0},{id:"comet",label:"Comet",group:"Spinners",cells:1},{id:"arc-trio",label:"Arc Trio",group:"Spinners",cells:3},{id:"halo",label:"Halo",group:"Spinners",cells:1},{id:"sweep",label:"Sweep",group:"Spinners",cells:0},{id:"dot-ring",label:"Dot Ring",group:"Spinners",cells:8},{id:"petal",label:"Petal",group:"Spinners",cells:8},{id:"wave",label:"Wave",group:"Dots",cells:5},{id:"orbit",label:"Orbit",group:"Dots",cells:3},{id:"bounce",label:"Bounce",group:"Dots",cells:3},{id:"fade-dots",label:"Fade Dots",group:"Dots",cells:3},{id:"pulse-dots",label:"Pulse Dots",group:"Dots",cells:3},{id:"typing",label:"Typing",group:"Dots",cells:3},{id:"chase",label:"Chase",group:"Dots",cells:6},{id:"snake",label:"Snake",group:"Dots",cells:5},{id:"swap",label:"Swap",group:"Dots",cells:2},{id:"juggle",label:"Juggle",group:"Dots",cells:3},{id:"bars",label:"Bars",group:"Bars",cells:5},{id:"ladder",label:"Ladder",group:"Bars",cells:4},{id:"stretch",label:"Stretch",group:"Bars",cells:5},{id:"flip-bars",label:"Flip Bars",group:"Bars",cells:5},{id:"slide-bars",label:"Slide Bars",group:"Bars",cells:3},{id:"drop-bars",label:"Drop Bars",group:"Bars",cells:5},{id:"meter",label:"Meter",group:"Bars",cells:5},{id:"wave-bars",label:"Wave Bars",group:"Bars",cells:7},{id:"split-bars",label:"Split Bars",group:"Bars",cells:4},{id:"scan-bars",label:"Scan Bars",group:"Bars",cells:6},{id:"blob",label:"Blob",group:"Shapes",cells:0},{id:"cube",label:"Cube",group:"Shapes",cells:2},{id:"triangle",label:"Triangle",group:"Shapes",cells:0},{id:"hexagon",label:"Hexagon",group:"Shapes",cells:0},{id:"diamond",label:"Diamond",group:"Shapes",cells:0},{id:"star",label:"Star",group:"Shapes",cells:0},{id:"squircle",label:"Squircle",group:"Shapes",cells:0},{id:"folding",label:"Folding",group:"Shapes",cells:4},{id:"pentagon",label:"Pentagon",group:"Shapes",cells:0},{id:"shape-shift",label:"Shape Shift",group:"Shapes",cells:0},{id:"bar",label:"Bar",group:"Progress",cells:0},{id:"bar-stripes",label:"Bar Stripes",group:"Progress",cells:0},{id:"bar-dual",label:"Bar Dual",group:"Progress",cells:0},{id:"bar-segments",label:"Bar Segments",group:"Progress",cells:5},{id:"bar-pill",label:"Bar Pill",group:"Progress",cells:0},{id:"bar-glow",label:"Bar Glow",group:"Progress",cells:0},{id:"bar-wave",label:"Bar Wave",group:"Progress",cells:0},{id:"bar-dots",label:"Bar Dots",group:"Progress",cells:5},{id:"bar-snake",label:"Bar Snake",group:"Progress",cells:0},{id:"bar-fill",label:"Bar Fill",group:"Progress",cells:0},{id:"grid",label:"Grid",group:"Grids",cells:9},{id:"checker",label:"Checker",group:"Grids",cells:9},{id:"cascade",label:"Cascade",group:"Grids",cells:9},{id:"tiles",label:"Tiles",group:"Grids",cells:9},{id:"pixel",label:"Pixel",group:"Grids",cells:16},{id:"matrix",label:"Matrix",group:"Grids",cells:9},{id:"mosaic",label:"Mosaic",group:"Grids",cells:9},{id:"ripple-grid",label:"Ripple Grid",group:"Grids",cells:9},{id:"domino",label:"Domino",group:"Grids",cells:9},{id:"sparkle",label:"Sparkle",group:"Grids",cells:9},{id:"rings",label:"Rings",group:"Pulses",cells:3},{id:"radar",label:"Radar",group:"Pulses",cells:2},{id:"sonar",label:"Sonar",group:"Pulses",cells:3},{id:"echo",label:"Echo",group:"Pulses",cells:3},{id:"shockwave",label:"Shockwave",group:"Pulses",cells:2},{id:"bloom",label:"Bloom",group:"Pulses",cells:3},{id:"droplet",label:"Droplet",group:"Pulses",cells:2},{id:"concentric",label:"Concentric",group:"Pulses",cells:3},{id:"aura",label:"Aura",group:"Pulses",cells:1},{id:"beacon",label:"Beacon",group:"Pulses",cells:2},{id:"heart",label:"Heart",group:"Organic",cells:0},{id:"moon",label:"Moon",group:"Organic",cells:0},{id:"sun",label:"Sun",group:"Organic",cells:8},{id:"flame",label:"Flame",group:"Organic",cells:0},{id:"bubble",label:"Bubble",group:"Organic",cells:3},{id:"jelly",label:"Jelly",group:"Organic",cells:0},{id:"spring",label:"Spring",group:"Organic",cells:0},{id:"float",label:"Float",group:"Organic",cells:1},{id:"leaf",label:"Leaf",group:"Organic",cells:0},{id:"windmill",label:"Windmill",group:"Organic",cells:4},{id:"shimmer",label:"Shimmer",group:"Skeletons",cells:0},{id:"sk-text",label:"Text",group:"Skeletons",cells:3},{id:"sk-card",label:"Card",group:"Skeletons",cells:3},{id:"sk-avatar",label:"Avatar",group:"Skeletons",cells:2},{id:"sk-image",label:"Image",group:"Skeletons",cells:0},{id:"sk-list",label:"List",group:"Skeletons",cells:3},{id:"sk-table",label:"Table",group:"Skeletons",cells:4},{id:"sk-chip",label:"Chips",group:"Skeletons",cells:3},{id:"sk-paragraph",label:"Paragraph",group:"Skeletons",cells:4},{id:"sk-media",label:"Media",group:"Skeletons",cells:2},{id:"helix",label:"Helix",group:"Dimensional",cells:8},{id:"pendulum",label:"Pendulum",group:"Dimensional",cells:5},{id:"atom",label:"Atom",group:"Dimensional",cells:3},{id:"gyro",label:"Gyro",group:"Dimensional",cells:3},{id:"coil",label:"Coil",group:"Dimensional",cells:5},{id:"vortex",label:"Vortex",group:"Dimensional",cells:4},{id:"prism",label:"Prism",group:"Dimensional",cells:3},{id:"torus",label:"Torus",group:"Dimensional",cells:0},{id:"cylinder",label:"Cylinder",group:"Dimensional",cells:4},{id:"galaxy",label:"Galaxy",group:"Dimensional",cells:6},{id:"neon-ring",label:"Neon Ring",group:"Neon",cells:0},{id:"neon-pulse",label:"Neon Pulse",group:"Neon",cells:0},{id:"neon-tube",label:"Neon Tube",group:"Neon",cells:0},{id:"neon-sign",label:"Neon Sign",group:"Neon",cells:4},{id:"laser",label:"Laser",group:"Neon",cells:0},{id:"light-trail",label:"Light Trail",group:"Neon",cells:0},{id:"neon-arc",label:"Neon Arc",group:"Neon",cells:0},{id:"plasma",label:"Plasma",group:"Neon",cells:0},{id:"strobe",label:"Strobe",group:"Neon",cells:3},{id:"glow-dots",label:"Glow Dots",group:"Neon",cells:5},{id:"retro-grid",label:"Retro Grid",group:"Neon",cells:0},{id:"firefly",label:"Firefly",group:"Neon",cells:5},{id:"liquid-fill",label:"Liquid Fill",group:"Liquid",cells:2},{id:"drip",label:"Drip",group:"Liquid",cells:1},{id:"metaball",label:"Metaball",group:"Liquid",cells:2},{id:"wave-tank",label:"Wave Tank",group:"Liquid",cells:2},{id:"ripple-pool",label:"Ripple Pool",group:"Liquid",cells:3},{id:"mercury",label:"Mercury",group:"Liquid",cells:0},{id:"lava",label:"Lava",group:"Liquid",cells:3},{id:"ink",label:"Ink",group:"Liquid",cells:3},{id:"splash",label:"Splash",group:"Liquid",cells:3},{id:"whirl",label:"Whirl",group:"Liquid",cells:0},{id:"pour",label:"Pour",group:"Liquid",cells:2},{id:"glitch-block",label:"Glitch Block",group:"Glitch",cells:0},{id:"glitch-text",label:"Glitch Text",group:"Glitch",cells:3},{id:"rgb-split",label:"RGB Split",group:"Glitch",cells:3},{id:"scanlines",label:"Scanlines",group:"Glitch",cells:0},{id:"static-noise",label:"Static",group:"Glitch",cells:0},{id:"datamosh",label:"Datamosh",group:"Glitch",cells:5},{id:"corrupt-bar",label:"Corrupt Bar",group:"Glitch",cells:0},{id:"signal-loss",label:"Signal Loss",group:"Glitch",cells:4},{id:"vhs",label:"VHS",group:"Glitch",cells:0},{id:"pixel-drift",label:"Pixel Drift",group:"Glitch",cells:9},{id:"terminal",label:"Terminal",group:"Glitch",cells:2},{id:"confetti",label:"Confetti",group:"Particles",cells:8},{id:"firework",label:"Firework",group:"Particles",cells:8},{id:"snow",label:"Snow",group:"Particles",cells:6},{id:"embers",label:"Embers",group:"Particles",cells:5},{id:"starfield",label:"Starfield",group:"Particles",cells:8},{id:"dust",label:"Dust",group:"Particles",cells:7},{id:"burst",label:"Burst",group:"Particles",cells:6},{id:"swarm",label:"Swarm",group:"Particles",cells:7},{id:"rain",label:"Rain",group:"Particles",cells:6},{id:"magnet",label:"Magnet",group:"Particles",cells:7},{id:"nebula",label:"Nebula",group:"Particles",cells:6},{id:"hud-ring",label:"HUD Ring",group:"Futuristic",cells:2},{id:"reactor",label:"Reactor",group:"Futuristic",cells:3},{id:"hologram",label:"Hologram",group:"Futuristic",cells:3},{id:"warp",label:"Warp",group:"Futuristic",cells:4},{id:"targeting",label:"Targeting",group:"Futuristic",cells:4},{id:"circuit",label:"Circuit",group:"Futuristic",cells:3},{id:"barcode",label:"Barcode",group:"Futuristic",cells:0},{id:"quantum",label:"Quantum",group:"Futuristic",cells:6},{id:"portal",label:"Portal",group:"Futuristic",cells:0},{id:"shield",label:"Shield",group:"Futuristic",cells:2},{id:"satellite",label:"Satellite",group:"Futuristic",cells:3},{id:"teleport",label:"Teleport",group:"Futuristic",cells:6},{id:"rubber-band",label:"Rubber Band",group:"Elastic",cells:1},{id:"bungee",label:"Bungee",group:"Elastic",cells:1},{id:"trampoline",label:"Trampoline",group:"Elastic",cells:1},{id:"wobble",label:"Wobble",group:"Elastic",cells:0},{id:"pogo",label:"Pogo",group:"Elastic",cells:1},{id:"elastic-bar",label:"Elastic Bar",group:"Elastic",cells:0},{id:"catapult",label:"Catapult",group:"Elastic",cells:1},{id:"yo-yo",label:"Yo-yo",group:"Elastic",cells:1},{id:"elastic-ring",label:"Elastic Ring",group:"Elastic",cells:0},{id:"snap-dots",label:"Snap Dots",group:"Elastic",cells:2},{id:"chain",label:"Chain",group:"Elastic",cells:5},{id:"hairline",label:"Hairline",group:"Minimal",cells:0},{id:"tick",label:"Tick",group:"Minimal",cells:0},{id:"quarter",label:"Quarter",group:"Minimal",cells:0},{id:"dot-fade",label:"Dot Fade",group:"Minimal",cells:0},{id:"underline",label:"Underline",group:"Minimal",cells:0},{id:"pill-swap",label:"Pill Swap",group:"Minimal",cells:0},{id:"bracket",label:"Bracket",group:"Minimal",cells:2},{id:"slash",label:"Slash",group:"Minimal",cells:0},{id:"micro-dots",label:"Micro Dots",group:"Minimal",cells:3},{id:"ring-thin",label:"Ring Thin",group:"Minimal",cells:0},{id:"crosshair",label:"Crosshair",group:"Minimal",cells:0},{id:"mesh",label:"Mesh",group:"Gradient",cells:0},{id:"hue-ring",label:"Hue Ring",group:"Gradient",cells:0},{id:"gradient-orb",label:"Gradient Orb",group:"Gradient",cells:0},{id:"chroma",label:"Chroma",group:"Gradient",cells:3},{id:"ombre",label:"Ombré",group:"Gradient",cells:6},{id:"iridescent",label:"Iridescent",group:"Gradient",cells:0},{id:"sunrise",label:"Sunrise",group:"Gradient",cells:0},{id:"refract",label:"Refract",group:"Gradient",cells:3},{id:"gradient-border",label:"Gradient Border",group:"Gradient",cells:0},{id:"color-cycle",label:"Color Cycle",group:"Gradient",cells:0},{id:"northern",label:"Northern",group:"Gradient",cells:4},{id:"gears",label:"Gears",group:"Kinetic",cells:2},{id:"metronome",label:"Metronome",group:"Kinetic",cells:1},{id:"hourglass",label:"Hourglass",group:"Kinetic",cells:3},{id:"piston",label:"Piston",group:"Kinetic",cells:1},{id:"carousel",label:"Carousel",group:"Kinetic",cells:5},{id:"clockwork",label:"Clockwork",group:"Kinetic",cells:3},{id:"abacus",label:"Abacus",group:"Kinetic",cells:3},{id:"conveyor",label:"Conveyor",group:"Kinetic",cells:3},{id:"pie",label:"Pie",group:"Kinetic",cells:0},{id:"seesaw",label:"Seesaw",group:"Kinetic",cells:1},{id:"roller",label:"Roller",group:"Kinetic",cells:2},{id:"logo-morph",label:"Logo Morph",group:"Premium",cells:3},{id:"card-stack",label:"Card Stack",group:"Premium",cells:3},{id:"progress-ring",label:"Progress Ring",group:"Premium",cells:1},{id:"pill-progress",label:"Pill Progress",group:"Premium",cells:0},{id:"glass-ring",label:"Glass Ring",group:"Premium",cells:0},{id:"orbit-avatar",label:"Orbit Avatar",group:"Premium",cells:5},{id:"checklist",label:"Checklist",group:"Premium",cells:3},{id:"upload-cloud",label:"Upload Cloud",group:"Premium",cells:3},{id:"sync",label:"Sync",group:"Premium",cells:2},{id:"steps",label:"Steps",group:"Premium",cells:4},{id:"spark-line",label:"Spark Line",group:"Premium",cells:2}],b=[{name:"Spinners",description:"Rings and arcs — the classic shape, modernised."},{name:"Dots",description:"Small, quiet, and good inline with text."},{name:"Bars",description:"Equalizer-style motion with a strong rhythm."},{name:"Shapes",description:"Geometry that morphs, folds, and turns."},{name:"Progress",description:"Wide, indeterminate tracks for page and upload states."},{name:"Grids",description:"Cell fields that pulse, flip, and cascade."},{name:"Pulses",description:"Expanding rings for live, waiting, or listening states."},{name:"Organic",description:"Playful, physical motion with personality."},{name:"Skeletons",description:"Content-shaped placeholders — use these over spinners for page loads."},{name:"Dimensional",description:"Depth, 3D rotation, and orbital motion."},{name:"Neon",description:"Light that hums, blooms, and flickers alight."},{name:"Liquid",description:"Fluid behaviour — filling, pouring, rippling, merging."},{name:"Glitch",description:"Digital damage: tearing, static, dropout, corruption."},{name:"Particles",description:"Fields of small things falling, bursting, drifting, swarming."},{name:"Futuristic",description:"Reticles, reactors, and hardware that does not exist yet."},{name:"Elastic",description:"Spring physics with genuine overshoot and recoil."},{name:"Minimal",description:"Quiet motion for dense UI, toolbars, and inline text."},{name:"Gradient",description:"Colour itself is the animation."},{name:"Kinetic",description:"Mechanisms — gears, cranks, belts, beams, and escapements."},{name:"Premium",description:"Product-grade motion for onboarding, uploads, and sync."}],m=c.map(l=>l.id),h=Object.fromEntries(c.map(l=>[l.id,l.cells])),n=(l,s)=>typeof l=="number"?`${l}${s}`:l;function i({variant:l="aurora",size:s=48,speed:t=1,colors:r,label:o="Loading",className:d,style:u,...p}){const a={"--size":n(s,"px"),"--speed":n(t,"s")};return r!=null&&r.length&&(a["--c1"]=r[0],a["--c2"]=r[1%r.length],a["--c3"]=r[2%r.length]),e.jsx("div",{...p,className:["ldr",`ldr--${l}`,d].filter(Boolean).join(" "),style:{...a,...u},role:o?"status":void 0,"aria-label":o??void 0,"aria-hidden":o?void 0:!0,children:Array.from({length:h[l]??0},(x,g)=>e.jsx("span",{},g))})}const S=l=>e.jsx(i,{variant:"aurora",...l}),P=l=>e.jsx(i,{variant:"orbit",...l}),k=l=>e.jsx(i,{variant:"rings",...l}),G=l=>e.jsx(i,{variant:"wave",...l}),B=l=>e.jsx(i,{variant:"bars",...l}),f=l=>e.jsx(i,{variant:"blob",...l}),D=l=>e.jsx(i,{variant:"cube",...l}),v=l=>e.jsx(i,{variant:"spiral",...l}),w=l=>e.jsx(i,{variant:"bar",...l}),y=l=>e.jsx(i,{variant:"grid",...l});exports.Aurora=S;exports.Bar=w;exports.Bars=B;exports.Blob=f;exports.Cube=D;exports.GROUPS=b;exports.Grid=y;exports.LOADER_VARIANTS=m;exports.Loader=i;exports.Orbit=P;exports.Rings=k;exports.Spiral=v;exports.VARIANTS=c;exports.Wave=G;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../src/Loader.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from \"react\";\nimport \"./loaders.css\";\n\nexport const LOADER_VARIANTS = [\n \"aurora\",\n \"orbit\",\n \"rings\",\n \"wave\",\n \"bars\",\n \"blob\",\n \"cube\",\n \"spiral\",\n \"bar\",\n \"grid\",\n] as const;\n\nexport type LoaderVariant = (typeof LOADER_VARIANTS)[number];\n\n/** How many <span> children each variant's CSS expects. /\nconst CELLS: Record<LoaderVariant, number> = {\n aurora: 0,\n orbit: 3,\n rings: 3,\n wave: 5,\n bars: 5,\n blob: 0,\n cube: 2,\n spiral: 0,\n bar: 0,\n grid: 9,\n};\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n /* Which loader to render. @default \"aurora\" /\n variant?: LoaderVariant;\n /* Box size. A number is treated as pixels. @default 48 /\n size?: number \| string;\n /* Base animation duration. A number is treated as seconds. @default 1 /\n speed?: number \| string;\n /\n One to three colors. Fewer than three are cycled, so a single color still\n * produces a coherent (monochrome) loader.\n /\n colors?: string[];\n /* Announced to screen readers. Pass `null` to render the loader as decorative. /\n label?: string \| null;\n}\n\nconst unit = (v: number \| string \| undefined, suffix: string) =>\n typeof v === \"number\" ? `${v}${suffix}` : v;\n\nexport function Loader({\n variant = \"aurora\",\n size = 48,\n speed = 1,\n colors,\n label = \"Loading\",\n className,\n style,\n ...rest\n}: LoaderProps) {\n const vars: CSSProperties & Record<string, string \| undefined> = {\n \"--size\": unit(size, \"px\"),\n \"--speed\": unit(speed, \"s\"),\n };\n\n if (colors?.length) {\n // Cycle whatever was given across the three slots the CSS reads.\n vars[\"--c1\"] = colors[0];\n vars[\"--c2\"] = colors[1 % colors.length];\n vars[\"--c3\"] = colors[2 % colors.length];\n }\n\n const cells = CELLS[variant];\n\n return (\n <div\n {...rest}\n className={[\"ldr\", `ldr--${variant}`, className].filter(Boolean).join(\" \")}\n style={{ ...vars, ...style }}\n role={label ? \"status\" : undefined}\n aria-label={label ?? undefined}\n aria-hidden={label ? undefined : true}\n >\n {Array.from({ length: cells }, (_, i) => (\n <span key={i} />\n ))}\n </div>\n );\n}\n\n/* Convenience wrappers, so `<Aurora />` works as well as `<Loader variant=\"aurora\" />`. */\ntype VariantProps = Omit<LoaderProps, \"variant\">;\n\nexport const Aurora = (p: VariantProps) => <Loader variant=\"aurora\" {...p} />;\nexport const Orbit = (p: VariantProps) => <Loader variant=\"orbit\" {...p} />;\nexport const Rings = (p: VariantProps) => <Loader variant=\"rings\" {...p} />;\nexport const Wave = (p: VariantProps) => <Loader variant=\"wave\" {...p} />;\nexport const Bars = (p: VariantProps) => <Loader variant=\"bars\" {...p} />;\nexport const Blob = (p: VariantProps) => <Loader variant=\"blob\" {...p} />;\nexport const Cube = (p: VariantProps) => <Loader variant=\"cube\" {...p} />;\nexport const Spiral = (p: VariantProps) => <Loader variant=\"spiral\" {...p} />;\nexport const Bar = (p: VariantProps) => <Loader variant=\"bar\" {...p} />;\nexport const Grid = (p: VariantProps) => <Loader variant=\"grid\" {...p} />;\n"],"names":["LOADER_VARIANTS","CELLS","unit","v","suffix","Loader","variant","size","speed","colors","label","className","style","rest","vars","cells","jsx","_","i","Aurora","p","Orbit","Rings","Wave","Bars","Blob","Cube","Spiral","Bar","Grid"],"mappings":"qHAGaA,EAAkB,CAC7B,SACA,QACA,QACA,OACA,OACA,OACA,OACA,SACA,MACA,MACF,EAKMC,EAAuC,CAC3C,OAAQ,EACR,MAAO,EACP,MAAO,EACP,KAAM,EACN,KAAM,EACN,KAAM,EACN,KAAM,EACN,OAAQ,EACR,IAAK,EACL,KAAM,CACR,EAkBMC,EAAO,CAACC,EAAgCC,IAC5C,OAAOD,GAAM,SAAW,GAAGA,CAAC,GAAGC,CAAM,GAAKD,EAErC,SAASE,EAAO,CACrB,QAAAC,EAAU,SACV,KAAAC,EAAO,GACP,MAAAC,EAAQ,EACR,OAAAC,EACA,MAAAC,EAAQ,UACR,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAA2D,CAC/D,SAAUZ,EAAKK,EAAM,IAAI,EACzB,UAAWL,EAAKM,EAAO,GAAG,CAAA,EAGxBC,GAAA,MAAAA,EAAQ,SAEVK,EAAK,MAAM,EAAIL,EAAO,CAAC,EACvBK,EAAK,MAAM,EAAIL,EAAO,EAAIA,EAAO,MAAM,EACvCK,EAAK,MAAM,EAAIL,EAAO,EAAIA,EAAO,MAAM,GAGzC,MAAMM,EAAQd,EAAMK,CAAO,EAE3B,OACEU,EAAAA,IAAC,MAAA,CACE,GAAGH,EACJ,UAAW,CAAC,MAAO,QAAQP,CAAO,GAAIK,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACzE,MAAO,CAAE,GAAGG,EAAM,GAAGF,CAAA,EACrB,KAAMF,EAAQ,SAAW,OACzB,aAAYA,GAAS,OACrB,cAAaA,EAAQ,OAAY,GAEhC,SAAA,MAAM,KAAK,CAAE,OAAQK,CAAA,EAAS,CAACE,EAAGC,IACjCF,EAAAA,IAAC,OAAA,CAAA,EAAUE,CAAG,CACf,CAAA,CAAA,CAGP,CAKO,MAAMC,EAAUC,GAAoBJ,MAACX,GAAO,QAAQ,SAAU,GAAGe,CAAA,CAAG,EAC9DC,EAAUD,GAAoBJ,MAACX,GAAO,QAAQ,QAAU,GAAGe,CAAA,CAAG,EAC9DE,EAAUF,GAAoBJ,MAACX,GAAO,QAAQ,QAAU,GAAGe,CAAA,CAAG,EAC9DG,EAAUH,GAAoBJ,MAACX,GAAO,QAAQ,OAAU,GAAGe,CAAA,CAAG,EAC9DI,EAAUJ,GAAoBJ,MAACX,GAAO,QAAQ,OAAU,GAAGe,CAAA,CAAG,EAC9DK,EAAUL,GAAoBJ,MAACX,GAAO,QAAQ,OAAU,GAAGe,CAAA,CAAG,EAC9DM,EAAUN,GAAoBJ,MAACX,GAAO,QAAQ,OAAU,GAAGe,CAAA,CAAG,EAC9DO,EAAUP,GAAoBJ,MAACX,GAAO,QAAQ,SAAU,GAAGe,CAAA,CAAG,EAC9DQ,EAAUR,GAAoBJ,MAACX,GAAO,QAAQ,MAAU,GAAGe,CAAA,CAAG,EAC9DS,EAAUT,GAAoBJ,MAACX,GAAO,QAAQ,OAAU,GAAGe,CAAA,CAAG"}
1	+ {"version":3,"file":"index.cjs","sources":["../src/variants.ts","../src/Loader.tsx"],"sourcesContent":["/*\n The single source of truth for every loader.\n * `id` must match a `.ldr--<id>` class in ./styles, and `cells` is how many\n * <span> children that variant's CSS expects.\n /\nexport const VARIANTS = [\n // ---- Spinners ----\n { id: \"aurora\", label: \"Aurora\", group: \"Spinners\", cells: 0 },\n { id: \"spiral\", label: \"Spiral\", group: \"Spinners\", cells: 0 },\n { id: \"ring-dash\", label: \"Ring Dash\", group: \"Spinners\", cells: 0 },\n { id: \"ring-gap\", label: \"Ring Gap\", group: \"Spinners\", cells: 0 },\n { id: \"comet\", label: \"Comet\", group: \"Spinners\", cells: 1 },\n { id: \"arc-trio\", label: \"Arc Trio\", group: \"Spinners\", cells: 3 },\n { id: \"halo\", label: \"Halo\", group: \"Spinners\", cells: 1 },\n { id: \"sweep\", label: \"Sweep\", group: \"Spinners\", cells: 0 },\n { id: \"dot-ring\", label: \"Dot Ring\", group: \"Spinners\", cells: 8 },\n { id: \"petal\", label: \"Petal\", group: \"Spinners\", cells: 8 },\n // ---- Dots ----\n { id: \"wave\", label: \"Wave\", group: \"Dots\", cells: 5 },\n { id: \"orbit\", label: \"Orbit\", group: \"Dots\", cells: 3 },\n { id: \"bounce\", label: \"Bounce\", group: \"Dots\", cells: 3 },\n { id: \"fade-dots\", label: \"Fade Dots\", group: \"Dots\", cells: 3 },\n { id: \"pulse-dots\", label: \"Pulse Dots\", group: \"Dots\", cells: 3 },\n { id: \"typing\", label: \"Typing\", group: \"Dots\", cells: 3 },\n { id: \"chase\", label: \"Chase\", group: \"Dots\", cells: 6 },\n { id: \"snake\", label: \"Snake\", group: \"Dots\", cells: 5 },\n { id: \"swap\", label: \"Swap\", group: \"Dots\", cells: 2 },\n { id: \"juggle\", label: \"Juggle\", group: \"Dots\", cells: 3 },\n // ---- Bars ----\n { id: \"bars\", label: \"Bars\", group: \"Bars\", cells: 5 },\n { id: \"ladder\", label: \"Ladder\", group: \"Bars\", cells: 4 },\n { id: \"stretch\", label: \"Stretch\", group: \"Bars\", cells: 5 },\n { id: \"flip-bars\", label: \"Flip Bars\", group: \"Bars\", cells: 5 },\n { id: \"slide-bars\", label: \"Slide Bars\", group: \"Bars\", cells: 3 },\n { id: \"drop-bars\", label: \"Drop Bars\", group: \"Bars\", cells: 5 },\n { id: \"meter\", label: \"Meter\", group: \"Bars\", cells: 5 },\n { id: \"wave-bars\", label: \"Wave Bars\", group: \"Bars\", cells: 7 },\n { id: \"split-bars\", label: \"Split Bars\", group: \"Bars\", cells: 4 },\n { id: \"scan-bars\", label: \"Scan Bars\", group: \"Bars\", cells: 6 },\n // ---- Shapes ----\n { id: \"blob\", label: \"Blob\", group: \"Shapes\", cells: 0 },\n { id: \"cube\", label: \"Cube\", group: \"Shapes\", cells: 2 },\n { id: \"triangle\", label: \"Triangle\", group: \"Shapes\", cells: 0 },\n { id: \"hexagon\", label: \"Hexagon\", group: \"Shapes\", cells: 0 },\n { id: \"diamond\", label: \"Diamond\", group: \"Shapes\", cells: 0 },\n { id: \"star\", label: \"Star\", group: \"Shapes\", cells: 0 },\n { id: \"squircle\", label: \"Squircle\", group: \"Shapes\", cells: 0 },\n { id: \"folding\", label: \"Folding\", group: \"Shapes\", cells: 4 },\n { id: \"pentagon\", label: \"Pentagon\", group: \"Shapes\", cells: 0 },\n { id: \"shape-shift\", label: \"Shape Shift\", group: \"Shapes\", cells: 0 },\n // ---- Progress ----\n { id: \"bar\", label: \"Bar\", group: \"Progress\", cells: 0 },\n { id: \"bar-stripes\", label: \"Bar Stripes\", group: \"Progress\", cells: 0 },\n { id: \"bar-dual\", label: \"Bar Dual\", group: \"Progress\", cells: 0 },\n { id: \"bar-segments\", label: \"Bar Segments\", group: \"Progress\", cells: 5 },\n { id: \"bar-pill\", label: \"Bar Pill\", group: \"Progress\", cells: 0 },\n { id: \"bar-glow\", label: \"Bar Glow\", group: \"Progress\", cells: 0 },\n { id: \"bar-wave\", label: \"Bar Wave\", group: \"Progress\", cells: 0 },\n { id: \"bar-dots\", label: \"Bar Dots\", group: \"Progress\", cells: 5 },\n { id: \"bar-snake\", label: \"Bar Snake\", group: \"Progress\", cells: 0 },\n { id: \"bar-fill\", label: \"Bar Fill\", group: \"Progress\", cells: 0 },\n // ---- Grids ----\n { id: \"grid\", label: \"Grid\", group: \"Grids\", cells: 9 },\n { id: \"checker\", label: \"Checker\", group: \"Grids\", cells: 9 },\n { id: \"cascade\", label: \"Cascade\", group: \"Grids\", cells: 9 },\n { id: \"tiles\", label: \"Tiles\", group: \"Grids\", cells: 9 },\n { id: \"pixel\", label: \"Pixel\", group: \"Grids\", cells: 16 },\n { id: \"matrix\", label: \"Matrix\", group: \"Grids\", cells: 9 },\n { id: \"mosaic\", label: \"Mosaic\", group: \"Grids\", cells: 9 },\n { id: \"ripple-grid\", label: \"Ripple Grid\", group: \"Grids\", cells: 9 },\n { id: \"domino\", label: \"Domino\", group: \"Grids\", cells: 9 },\n { id: \"sparkle\", label: \"Sparkle\", group: \"Grids\", cells: 9 },\n // ---- Pulses ----\n { id: \"rings\", label: \"Rings\", group: \"Pulses\", cells: 3 },\n { id: \"radar\", label: \"Radar\", group: \"Pulses\", cells: 2 },\n { id: \"sonar\", label: \"Sonar\", group: \"Pulses\", cells: 3 },\n { id: \"echo\", label: \"Echo\", group: \"Pulses\", cells: 3 },\n { id: \"shockwave\", label: \"Shockwave\", group: \"Pulses\", cells: 2 },\n { id: \"bloom\", label: \"Bloom\", group: \"Pulses\", cells: 3 },\n { id: \"droplet\", label: \"Droplet\", group: \"Pulses\", cells: 2 },\n { id: \"concentric\", label: \"Concentric\", group: \"Pulses\", cells: 3 },\n { id: \"aura\", label: \"Aura\", group: \"Pulses\", cells: 1 },\n { id: \"beacon\", label: \"Beacon\", group: \"Pulses\", cells: 2 },\n // ---- Organic ----\n { id: \"heart\", label: \"Heart\", group: \"Organic\", cells: 0 },\n { id: \"moon\", label: \"Moon\", group: \"Organic\", cells: 0 },\n { id: \"sun\", label: \"Sun\", group: \"Organic\", cells: 8 },\n { id: \"flame\", label: \"Flame\", group: \"Organic\", cells: 0 },\n { id: \"bubble\", label: \"Bubble\", group: \"Organic\", cells: 3 },\n { id: \"jelly\", label: \"Jelly\", group: \"Organic\", cells: 0 },\n { id: \"spring\", label: \"Spring\", group: \"Organic\", cells: 0 },\n { id: \"float\", label: \"Float\", group: \"Organic\", cells: 1 },\n { id: \"leaf\", label: \"Leaf\", group: \"Organic\", cells: 0 },\n { id: \"windmill\", label: \"Windmill\", group: \"Organic\", cells: 4 },\n // ---- Skeletons ----\n { id: \"shimmer\", label: \"Shimmer\", group: \"Skeletons\", cells: 0 },\n { id: \"sk-text\", label: \"Text\", group: \"Skeletons\", cells: 3 },\n { id: \"sk-card\", label: \"Card\", group: \"Skeletons\", cells: 3 },\n { id: \"sk-avatar\", label: \"Avatar\", group: \"Skeletons\", cells: 2 },\n { id: \"sk-image\", label: \"Image\", group: \"Skeletons\", cells: 0 },\n { id: \"sk-list\", label: \"List\", group: \"Skeletons\", cells: 3 },\n { id: \"sk-table\", label: \"Table\", group: \"Skeletons\", cells: 4 },\n { id: \"sk-chip\", label: \"Chips\", group: \"Skeletons\", cells: 3 },\n { id: \"sk-paragraph\", label: \"Paragraph\", group: \"Skeletons\", cells: 4 },\n { id: \"sk-media\", label: \"Media\", group: \"Skeletons\", cells: 2 },\n // ---- Dimensional ----\n { id: \"helix\", label: \"Helix\", group: \"Dimensional\", cells: 8 },\n { id: \"pendulum\", label: \"Pendulum\", group: \"Dimensional\", cells: 5 },\n { id: \"atom\", label: \"Atom\", group: \"Dimensional\", cells: 3 },\n { id: \"gyro\", label: \"Gyro\", group: \"Dimensional\", cells: 3 },\n { id: \"coil\", label: \"Coil\", group: \"Dimensional\", cells: 5 },\n { id: \"vortex\", label: \"Vortex\", group: \"Dimensional\", cells: 4 },\n { id: \"prism\", label: \"Prism\", group: \"Dimensional\", cells: 3 },\n { id: \"torus\", label: \"Torus\", group: \"Dimensional\", cells: 0 },\n { id: \"cylinder\", label: \"Cylinder\", group: \"Dimensional\", cells: 4 },\n { id: \"galaxy\", label: \"Galaxy\", group: \"Dimensional\", cells: 6 },\n // ---- Neon ----\n { id: \"neon-ring\", label: \"Neon Ring\", group: \"Neon\", cells: 0 },\n { id: \"neon-pulse\", label: \"Neon Pulse\", group: \"Neon\", cells: 0 },\n { id: \"neon-tube\", label: \"Neon Tube\", group: \"Neon\", cells: 0 },\n { id: \"neon-sign\", label: \"Neon Sign\", group: \"Neon\", cells: 4 },\n { id: \"laser\", label: \"Laser\", group: \"Neon\", cells: 0 },\n { id: \"light-trail\", label: \"Light Trail\", group: \"Neon\", cells: 0 },\n { id: \"neon-arc\", label: \"Neon Arc\", group: \"Neon\", cells: 0 },\n { id: \"plasma\", label: \"Plasma\", group: \"Neon\", cells: 0 },\n { id: \"strobe\", label: \"Strobe\", group: \"Neon\", cells: 3 },\n { id: \"glow-dots\", label: \"Glow Dots\", group: \"Neon\", cells: 5 },\n { id: \"retro-grid\", label: \"Retro Grid\", group: \"Neon\", cells: 0 },\n { id: \"firefly\", label: \"Firefly\", group: \"Neon\", cells: 5 },\n // ---- Liquid ----\n { id: \"liquid-fill\", label: \"Liquid Fill\", group: \"Liquid\", cells: 2 },\n { id: \"drip\", label: \"Drip\", group: \"Liquid\", cells: 1 },\n { id: \"metaball\", label: \"Metaball\", group: \"Liquid\", cells: 2 },\n { id: \"wave-tank\", label: \"Wave Tank\", group: \"Liquid\", cells: 2 },\n { id: \"ripple-pool\", label: \"Ripple Pool\", group: \"Liquid\", cells: 3 },\n { id: \"mercury\", label: \"Mercury\", group: \"Liquid\", cells: 0 },\n { id: \"lava\", label: \"Lava\", group: \"Liquid\", cells: 3 },\n { id: \"ink\", label: \"Ink\", group: \"Liquid\", cells: 3 },\n { id: \"splash\", label: \"Splash\", group: \"Liquid\", cells: 3 },\n { id: \"whirl\", label: \"Whirl\", group: \"Liquid\", cells: 0 },\n { id: \"pour\", label: \"Pour\", group: \"Liquid\", cells: 2 },\n // ---- Glitch ----\n { id: \"glitch-block\", label: \"Glitch Block\", group: \"Glitch\", cells: 0 },\n { id: \"glitch-text\", label: \"Glitch Text\", group: \"Glitch\", cells: 3 },\n { id: \"rgb-split\", label: \"RGB Split\", group: \"Glitch\", cells: 3 },\n { id: \"scanlines\", label: \"Scanlines\", group: \"Glitch\", cells: 0 },\n { id: \"static-noise\", label: \"Static\", group: \"Glitch\", cells: 0 },\n { id: \"datamosh\", label: \"Datamosh\", group: \"Glitch\", cells: 5 },\n { id: \"corrupt-bar\", label: \"Corrupt Bar\", group: \"Glitch\", cells: 0 },\n { id: \"signal-loss\", label: \"Signal Loss\", group: \"Glitch\", cells: 4 },\n { id: \"vhs\", label: \"VHS\", group: \"Glitch\", cells: 0 },\n { id: \"pixel-drift\", label: \"Pixel Drift\", group: \"Glitch\", cells: 9 },\n { id: \"terminal\", label: \"Terminal\", group: \"Glitch\", cells: 2 },\n // ---- Particles ----\n { id: \"confetti\", label: \"Confetti\", group: \"Particles\", cells: 8 },\n { id: \"firework\", label: \"Firework\", group: \"Particles\", cells: 8 },\n { id: \"snow\", label: \"Snow\", group: \"Particles\", cells: 6 },\n { id: \"embers\", label: \"Embers\", group: \"Particles\", cells: 5 },\n { id: \"starfield\", label: \"Starfield\", group: \"Particles\", cells: 8 },\n { id: \"dust\", label: \"Dust\", group: \"Particles\", cells: 7 },\n { id: \"burst\", label: \"Burst\", group: \"Particles\", cells: 6 },\n { id: \"swarm\", label: \"Swarm\", group: \"Particles\", cells: 7 },\n { id: \"rain\", label: \"Rain\", group: \"Particles\", cells: 6 },\n { id: \"magnet\", label: \"Magnet\", group: \"Particles\", cells: 7 },\n { id: \"nebula\", label: \"Nebula\", group: \"Particles\", cells: 6 },\n // ---- Futuristic ----\n { id: \"hud-ring\", label: \"HUD Ring\", group: \"Futuristic\", cells: 2 },\n { id: \"reactor\", label: \"Reactor\", group: \"Futuristic\", cells: 3 },\n { id: \"hologram\", label: \"Hologram\", group: \"Futuristic\", cells: 3 },\n { id: \"warp\", label: \"Warp\", group: \"Futuristic\", cells: 4 },\n { id: \"targeting\", label: \"Targeting\", group: \"Futuristic\", cells: 4 },\n { id: \"circuit\", label: \"Circuit\", group: \"Futuristic\", cells: 3 },\n { id: \"barcode\", label: \"Barcode\", group: \"Futuristic\", cells: 0 },\n { id: \"quantum\", label: \"Quantum\", group: \"Futuristic\", cells: 6 },\n { id: \"portal\", label: \"Portal\", group: \"Futuristic\", cells: 0 },\n { id: \"shield\", label: \"Shield\", group: \"Futuristic\", cells: 2 },\n { id: \"satellite\", label: \"Satellite\", group: \"Futuristic\", cells: 3 },\n { id: \"teleport\", label: \"Teleport\", group: \"Futuristic\", cells: 6 },\n // ---- Elastic ----\n { id: \"rubber-band\", label: \"Rubber Band\", group: \"Elastic\", cells: 1 },\n { id: \"bungee\", label: \"Bungee\", group: \"Elastic\", cells: 1 },\n { id: \"trampoline\", label: \"Trampoline\", group: \"Elastic\", cells: 1 },\n { id: \"wobble\", label: \"Wobble\", group: \"Elastic\", cells: 0 },\n { id: \"pogo\", label: \"Pogo\", group: \"Elastic\", cells: 1 },\n { id: \"elastic-bar\", label: \"Elastic Bar\", group: \"Elastic\", cells: 0 },\n { id: \"catapult\", label: \"Catapult\", group: \"Elastic\", cells: 1 },\n { id: \"yo-yo\", label: \"Yo-yo\", group: \"Elastic\", cells: 1 },\n { id: \"elastic-ring\", label: \"Elastic Ring\", group: \"Elastic\", cells: 0 },\n { id: \"snap-dots\", label: \"Snap Dots\", group: \"Elastic\", cells: 2 },\n { id: \"chain\", label: \"Chain\", group: \"Elastic\", cells: 5 },\n // ---- Minimal ----\n { id: \"hairline\", label: \"Hairline\", group: \"Minimal\", cells: 0 },\n { id: \"tick\", label: \"Tick\", group: \"Minimal\", cells: 0 },\n { id: \"quarter\", label: \"Quarter\", group: \"Minimal\", cells: 0 },\n { id: \"dot-fade\", label: \"Dot Fade\", group: \"Minimal\", cells: 0 },\n { id: \"underline\", label: \"Underline\", group: \"Minimal\", cells: 0 },\n { id: \"pill-swap\", label: \"Pill Swap\", group: \"Minimal\", cells: 0 },\n { id: \"bracket\", label: \"Bracket\", group: \"Minimal\", cells: 2 },\n { id: \"slash\", label: \"Slash\", group: \"Minimal\", cells: 0 },\n { id: \"micro-dots\", label: \"Micro Dots\", group: \"Minimal\", cells: 3 },\n { id: \"ring-thin\", label: \"Ring Thin\", group: \"Minimal\", cells: 0 },\n { id: \"crosshair\", label: \"Crosshair\", group: \"Minimal\", cells: 0 },\n // ---- Gradient ----\n { id: \"mesh\", label: \"Mesh\", group: \"Gradient\", cells: 0 },\n { id: \"hue-ring\", label: \"Hue Ring\", group: \"Gradient\", cells: 0 },\n { id: \"gradient-orb\", label: \"Gradient Orb\", group: \"Gradient\", cells: 0 },\n { id: \"chroma\", label: \"Chroma\", group: \"Gradient\", cells: 3 },\n { id: \"ombre\", label: \"Ombré\", group: \"Gradient\", cells: 6 },\n { id: \"iridescent\", label: \"Iridescent\", group: \"Gradient\", cells: 0 },\n { id: \"sunrise\", label: \"Sunrise\", group: \"Gradient\", cells: 0 },\n { id: \"refract\", label: \"Refract\", group: \"Gradient\", cells: 3 },\n { id: \"gradient-border\", label: \"Gradient Border\", group: \"Gradient\", cells: 0 },\n { id: \"color-cycle\", label: \"Color Cycle\", group: \"Gradient\", cells: 0 },\n { id: \"northern\", label: \"Northern\", group: \"Gradient\", cells: 4 },\n // ---- Kinetic ----\n { id: \"gears\", label: \"Gears\", group: \"Kinetic\", cells: 2 },\n { id: \"metronome\", label: \"Metronome\", group: \"Kinetic\", cells: 1 },\n { id: \"hourglass\", label: \"Hourglass\", group: \"Kinetic\", cells: 3 },\n { id: \"piston\", label: \"Piston\", group: \"Kinetic\", cells: 1 },\n { id: \"carousel\", label: \"Carousel\", group: \"Kinetic\", cells: 5 },\n { id: \"clockwork\", label: \"Clockwork\", group: \"Kinetic\", cells: 3 },\n { id: \"abacus\", label: \"Abacus\", group: \"Kinetic\", cells: 3 },\n { id: \"conveyor\", label: \"Conveyor\", group: \"Kinetic\", cells: 3 },\n { id: \"pie\", label: \"Pie\", group: \"Kinetic\", cells: 0 },\n { id: \"seesaw\", label: \"Seesaw\", group: \"Kinetic\", cells: 1 },\n { id: \"roller\", label: \"Roller\", group: \"Kinetic\", cells: 2 },\n // ---- Premium ----\n { id: \"logo-morph\", label: \"Logo Morph\", group: \"Premium\", cells: 3 },\n { id: \"card-stack\", label: \"Card Stack\", group: \"Premium\", cells: 3 },\n { id: \"progress-ring\", label: \"Progress Ring\", group: \"Premium\", cells: 1 },\n { id: \"pill-progress\", label: \"Pill Progress\", group: \"Premium\", cells: 0 },\n { id: \"glass-ring\", label: \"Glass Ring\", group: \"Premium\", cells: 0 },\n { id: \"orbit-avatar\", label: \"Orbit Avatar\", group: \"Premium\", cells: 5 },\n { id: \"checklist\", label: \"Checklist\", group: \"Premium\", cells: 3 },\n { id: \"upload-cloud\", label: \"Upload Cloud\", group: \"Premium\", cells: 3 },\n { id: \"sync\", label: \"Sync\", group: \"Premium\", cells: 2 },\n { id: \"steps\", label: \"Steps\", group: \"Premium\", cells: 4 },\n { id: \"spark-line\", label: \"Spark Line\", group: \"Premium\", cells: 2 },\n] as const;\n\nexport const GROUPS = [\n { name: \"Spinners\", description: \"Rings and arcs — the classic shape, modernised.\" },\n { name: \"Dots\", description: \"Small, quiet, and good inline with text.\" },\n { name: \"Bars\", description: \"Equalizer-style motion with a strong rhythm.\" },\n { name: \"Shapes\", description: \"Geometry that morphs, folds, and turns.\" },\n { name: \"Progress\", description: \"Wide, indeterminate tracks for page and upload states.\" },\n { name: \"Grids\", description: \"Cell fields that pulse, flip, and cascade.\" },\n { name: \"Pulses\", description: \"Expanding rings for live, waiting, or listening states.\" },\n { name: \"Organic\", description: \"Playful, physical motion with personality.\" },\n { name: \"Skeletons\", description: \"Content-shaped placeholders — use these over spinners for page loads.\" },\n { name: \"Dimensional\", description: \"Depth, 3D rotation, and orbital motion.\" },\n { name: \"Neon\", description: \"Light that hums, blooms, and flickers alight.\" },\n { name: \"Liquid\", description: \"Fluid behaviour — filling, pouring, rippling, merging.\" },\n { name: \"Glitch\", description: \"Digital damage: tearing, static, dropout, corruption.\" },\n { name: \"Particles\", description: \"Fields of small things falling, bursting, drifting, swarming.\" },\n { name: \"Futuristic\", description: \"Reticles, reactors, and hardware that does not exist yet.\" },\n { name: \"Elastic\", description: \"Spring physics with genuine overshoot and recoil.\" },\n { name: \"Minimal\", description: \"Quiet motion for dense UI, toolbars, and inline text.\" },\n { name: \"Gradient\", description: \"Colour itself is the animation.\" },\n { name: \"Kinetic\", description: \"Mechanisms — gears, cranks, belts, beams, and escapements.\" },\n { name: \"Premium\", description: \"Product-grade motion for onboarding, uploads, and sync.\" },\n] as const;\n\nexport type LoaderVariant = (typeof VARIANTS)[number][\"id\"];\nexport type LoaderGroup = (typeof GROUPS)[number][\"name\"];\nexport type VariantMeta = (typeof VARIANTS)[number];\n","import type { CSSProperties, HTMLAttributes } from \"react\";\nimport { VARIANTS, type LoaderVariant } from \"./variants\";\nimport \"./loaders.css\";\n\nexport { VARIANTS, GROUPS } from \"./variants\";\nexport type { LoaderVariant, LoaderGroup, VariantMeta } from \"./variants\";\n\n/* Every variant id, in display order. /\nexport const LOADER_VARIANTS = VARIANTS.map((v) => v.id) as readonly LoaderVariant[];\n\n/* How many <span> children each variant's CSS expects. /\nconst CELLS = Object.fromEntries(VARIANTS.map((v) => [v.id, v.cells])) as Record<\n LoaderVariant,\n number\n>;\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n /* Which loader to render. @default \"aurora\" /\n variant?: LoaderVariant;\n /* Box size. A number is treated as pixels. @default 48 /\n size?: number \| string;\n /* Base animation duration. A number is treated as seconds. @default 1 /\n speed?: number \| string;\n /\n One to three colors. Fewer than three are cycled, so a single color still\n * produces a coherent (monochrome) loader.\n /\n colors?: string[];\n /* Announced to screen readers. Pass `null` to render the loader as decorative. /\n label?: string \| null;\n}\n\nconst unit = (v: number \| string \| undefined, suffix: string) =>\n typeof v === \"number\" ? `${v}${suffix}` : v;\n\nexport function Loader({\n variant = \"aurora\",\n size = 48,\n speed = 1,\n colors,\n label = \"Loading\",\n className,\n style,\n ...rest\n}: LoaderProps) {\n const vars: CSSProperties & Record<string, string \| undefined> = {\n \"--size\": unit(size, \"px\"),\n \"--speed\": unit(speed, \"s\"),\n };\n\n if (colors?.length) {\n // Cycle whatever was given across the three slots the CSS reads.\n vars[\"--c1\"] = colors[0];\n vars[\"--c2\"] = colors[1 % colors.length];\n vars[\"--c3\"] = colors[2 % colors.length];\n }\n\n return (\n <div\n {...rest}\n className={[\"ldr\", `ldr--${variant}`, className].filter(Boolean).join(\" \")}\n style={{ ...vars, ...style }}\n role={label ? \"status\" : undefined}\n aria-label={label ?? undefined}\n aria-hidden={label ? undefined : true}\n >\n {Array.from({ length: CELLS[variant] ?? 0 }, (_, i) => (\n <span key={i} />\n ))}\n </div>\n );\n}\n\n/\n Named wrappers for the original ten variants, kept for backward compatibility\n * with 1.0.x. The other 90 are reached through `<Loader variant=\"…\" />` — a hundred\n * named exports would bloat the API surface for no real gain.\n */\ntype VariantProps = Omit<LoaderProps, \"variant\">;\n\nexport const Aurora = (p: VariantProps) => <Loader variant=\"aurora\" {...p} />;\nexport const Orbit = (p: VariantProps) => <Loader variant=\"orbit\" {...p} />;\nexport const Rings = (p: VariantProps) => <Loader variant=\"rings\" {...p} />;\nexport const Wave = (p: VariantProps) => <Loader variant=\"wave\" {...p} />;\nexport const Bars = (p: VariantProps) => <Loader variant=\"bars\" {...p} />;\nexport const Blob = (p: VariantProps) => <Loader variant=\"blob\" {...p} />;\nexport const Cube = (p: VariantProps) => <Loader variant=\"cube\" {...p} />;\nexport const Spiral = (p: VariantProps) => <Loader variant=\"spiral\" {...p} />;\nexport const Bar = (p: VariantProps) => <Loader variant=\"bar\" {...p} />;\nexport const Grid = (p: VariantProps) => <Loader variant=\"grid\" {...p} />;\n"],"names":["VARIANTS","GROUPS","LOADER_VARIANTS","v","CELLS","unit","suffix","Loader","variant","size","speed","colors","label","className","style","rest","vars","jsx","_","i","Aurora","p","Orbit","Rings","Wave","Bars","Blob","Cube","Spiral","Bar","Grid"],"mappings":"qHAKaA,EAAW,CAEtB,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,WAAY,MAAO,CAAA,EAC3D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,WAAY,MAAO,CAAA,EAC3D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,WAAY,MAAO,CAAA,EACjE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,WAAY,MAAO,CAAA,EACzD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,WAAY,MAAO,CAAA,EACvD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,WAAY,MAAO,CAAA,EACzD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,WAAY,MAAO,CAAA,EAEzD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,OAAQ,MAAO,CAAA,EACnD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,OAAQ,MAAO,CAAA,EACrD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,OAAQ,MAAO,CAAA,EACvD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,OAAQ,MAAO,CAAA,EAC/D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,OAAQ,MAAO,CAAA,EACvD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,OAAQ,MAAO,CAAA,EACrD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,OAAQ,MAAO,CAAA,EACrD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,OAAQ,MAAO,CAAA,EACnD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,OAAQ,MAAO,CAAA,EAEvD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,OAAQ,MAAO,CAAA,EACnD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,OAAQ,MAAO,CAAA,EACvD,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,OAAQ,MAAO,CAAA,EACzD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,OAAQ,MAAO,CAAA,EAC/D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,OAAQ,MAAO,CAAA,EACrD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,OAAQ,MAAO,CAAA,EAC/D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAE7D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,SAAU,MAAO,CAAA,EAC7D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,SAAU,MAAO,CAAA,EAC3D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,SAAU,MAAO,CAAA,EAC3D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,SAAU,MAAO,CAAA,EAC7D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,SAAU,MAAO,CAAA,EAC3D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,SAAU,MAAO,CAAA,EAC7D,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EAEnE,CAAE,GAAI,MAAO,MAAO,MAAO,MAAO,WAAY,MAAO,CAAA,EACrD,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,WAAY,MAAO,CAAA,EACrE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,eAAgB,MAAO,eAAgB,MAAO,WAAY,MAAO,CAAA,EACvE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,WAAY,MAAO,CAAA,EACjE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAE/D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,QAAS,MAAO,CAAA,EACpD,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,QAAS,MAAO,CAAA,EAC1D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,QAAS,MAAO,CAAA,EAC1D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,QAAS,MAAO,CAAA,EACtD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,QAAS,MAAO,EAAA,EACtD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,QAAS,MAAO,CAAA,EACxD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,QAAS,MAAO,CAAA,EACxD,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,QAAS,MAAO,CAAA,EAClE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,QAAS,MAAO,CAAA,EACxD,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,QAAS,MAAO,CAAA,EAE1D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,SAAU,MAAO,CAAA,EACvD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,SAAU,MAAO,CAAA,EACvD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,SAAU,MAAO,CAAA,EACvD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,SAAU,MAAO,CAAA,EAC/D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,SAAU,MAAO,CAAA,EACvD,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,SAAU,MAAO,CAAA,EAC3D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,SAAU,MAAO,CAAA,EACjE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,SAAU,MAAO,CAAA,EAEzD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,UAAW,MAAO,CAAA,EACtD,CAAE,GAAI,MAAO,MAAO,MAAO,MAAO,UAAW,MAAO,CAAA,EACpD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,UAAW,MAAO,CAAA,EACtD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,UAAW,MAAO,CAAA,EAE9D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,YAAa,MAAO,CAAA,EAC9D,CAAE,GAAI,UAAW,MAAO,OAAQ,MAAO,YAAa,MAAO,CAAA,EAC3D,CAAE,GAAI,UAAW,MAAO,OAAQ,MAAO,YAAa,MAAO,CAAA,EAC3D,CAAE,GAAI,YAAa,MAAO,SAAU,MAAO,YAAa,MAAO,CAAA,EAC/D,CAAE,GAAI,WAAY,MAAO,QAAS,MAAO,YAAa,MAAO,CAAA,EAC7D,CAAE,GAAI,UAAW,MAAO,OAAQ,MAAO,YAAa,MAAO,CAAA,EAC3D,CAAE,GAAI,WAAY,MAAO,QAAS,MAAO,YAAa,MAAO,CAAA,EAC7D,CAAE,GAAI,UAAW,MAAO,QAAS,MAAO,YAAa,MAAO,CAAA,EAC5D,CAAE,GAAI,eAAgB,MAAO,YAAa,MAAO,YAAa,MAAO,CAAA,EACrE,CAAE,GAAI,WAAY,MAAO,QAAS,MAAO,YAAa,MAAO,CAAA,EAE7D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,cAAe,MAAO,CAAA,EAC5D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,cAAe,MAAO,CAAA,EAClE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,cAAe,MAAO,CAAA,EAC1D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,cAAe,MAAO,CAAA,EAC1D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,cAAe,MAAO,CAAA,EAC1D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,cAAe,MAAO,CAAA,EAC9D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,cAAe,MAAO,CAAA,EAC5D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,cAAe,MAAO,CAAA,EAC5D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,cAAe,MAAO,CAAA,EAClE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,cAAe,MAAO,CAAA,EAE9D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,OAAQ,MAAO,CAAA,EAC/D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,OAAQ,MAAO,CAAA,EACrD,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,OAAQ,MAAO,CAAA,EACjE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,OAAQ,MAAO,CAAA,EAC3D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,OAAQ,MAAO,CAAA,EACvD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,OAAQ,MAAO,CAAA,EACvD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,OAAQ,MAAO,CAAA,EAC7D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,OAAQ,MAAO,CAAA,EAC/D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,OAAQ,MAAO,CAAA,EAEzD,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EACnE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,SAAU,MAAO,CAAA,EAC7D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,SAAU,MAAO,CAAA,EAC/D,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EACnE,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,SAAU,MAAO,CAAA,EAC3D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EACrD,CAAE,GAAI,MAAO,MAAO,MAAO,MAAO,SAAU,MAAO,CAAA,EACnD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,SAAU,MAAO,CAAA,EACzD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,SAAU,MAAO,CAAA,EACvD,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,SAAU,MAAO,CAAA,EAErD,CAAE,GAAI,eAAgB,MAAO,eAAgB,MAAO,SAAU,MAAO,CAAA,EACrE,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EACnE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,SAAU,MAAO,CAAA,EAC/D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,SAAU,MAAO,CAAA,EAC/D,CAAE,GAAI,eAAgB,MAAO,SAAU,MAAO,SAAU,MAAO,CAAA,EAC/D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,SAAU,MAAO,CAAA,EAC7D,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EACnE,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EACnE,CAAE,GAAI,MAAO,MAAO,MAAO,MAAO,SAAU,MAAO,CAAA,EACnD,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,SAAU,MAAO,CAAA,EACnE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,SAAU,MAAO,CAAA,EAE7D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,YAAa,MAAO,CAAA,EAChE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,YAAa,MAAO,CAAA,EAChE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,YAAa,MAAO,CAAA,EACxD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,YAAa,MAAO,CAAA,EAC5D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,YAAa,MAAO,CAAA,EAClE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,YAAa,MAAO,CAAA,EACxD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,YAAa,MAAO,CAAA,EAC1D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,YAAa,MAAO,CAAA,EAC1D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,YAAa,MAAO,CAAA,EACxD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,YAAa,MAAO,CAAA,EAC5D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,YAAa,MAAO,CAAA,EAE5D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,aAAc,MAAO,CAAA,EACjE,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,aAAc,MAAO,CAAA,EAC/D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,aAAc,MAAO,CAAA,EACjE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,aAAc,MAAO,CAAA,EACzD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,aAAc,MAAO,CAAA,EACnE,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,aAAc,MAAO,CAAA,EAC/D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,aAAc,MAAO,CAAA,EAC/D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,aAAc,MAAO,CAAA,EAC/D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,aAAc,MAAO,CAAA,EAC7D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,aAAc,MAAO,CAAA,EAC7D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,aAAc,MAAO,CAAA,EACnE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,aAAc,MAAO,CAAA,EAEjE,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,UAAW,MAAO,CAAA,EACpE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,UAAW,MAAO,CAAA,EAClE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,UAAW,MAAO,CAAA,EACtD,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,UAAW,MAAO,CAAA,EACpE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,UAAW,MAAO,CAAA,EAC9D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,eAAgB,MAAO,eAAgB,MAAO,UAAW,MAAO,CAAA,EACtE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EAExD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,UAAW,MAAO,CAAA,EAC9D,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,UAAW,MAAO,CAAA,EACtD,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,UAAW,MAAO,CAAA,EAC5D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,UAAW,MAAO,CAAA,EAC9D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,UAAW,MAAO,CAAA,EAC5D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,UAAW,MAAO,CAAA,EAClE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAEhE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,WAAY,MAAO,CAAA,EACvD,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAC/D,CAAE,GAAI,eAAgB,MAAO,eAAgB,MAAO,WAAY,MAAO,CAAA,EACvE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,WAAY,MAAO,CAAA,EAC3D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,WAAY,MAAO,CAAA,EACzD,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,WAAY,MAAO,CAAA,EACnE,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,WAAY,MAAO,CAAA,EAC7D,CAAE,GAAI,UAAW,MAAO,UAAW,MAAO,WAAY,MAAO,CAAA,EAC7D,CAAE,GAAI,kBAAmB,MAAO,kBAAmB,MAAO,WAAY,MAAO,CAAA,EAC7E,CAAE,GAAI,cAAe,MAAO,cAAe,MAAO,WAAY,MAAO,CAAA,EACrE,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,WAAY,MAAO,CAAA,EAE/D,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,UAAW,MAAO,CAAA,EAC9D,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,WAAY,MAAO,WAAY,MAAO,UAAW,MAAO,CAAA,EAC9D,CAAE,GAAI,MAAO,MAAO,MAAO,MAAO,UAAW,MAAO,CAAA,EACpD,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAC1D,CAAE,GAAI,SAAU,MAAO,SAAU,MAAO,UAAW,MAAO,CAAA,EAE1D,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,UAAW,MAAO,CAAA,EAClE,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,UAAW,MAAO,CAAA,EAClE,CAAE,GAAI,gBAAiB,MAAO,gBAAiB,MAAO,UAAW,MAAO,CAAA,EACxE,CAAE,GAAI,gBAAiB,MAAO,gBAAiB,MAAO,UAAW,MAAO,CAAA,EACxE,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,UAAW,MAAO,CAAA,EAClE,CAAE,GAAI,eAAgB,MAAO,eAAgB,MAAO,UAAW,MAAO,CAAA,EACtE,CAAE,GAAI,YAAa,MAAO,YAAa,MAAO,UAAW,MAAO,CAAA,EAChE,CAAE,GAAI,eAAgB,MAAO,eAAgB,MAAO,UAAW,MAAO,CAAA,EACtE,CAAE,GAAI,OAAQ,MAAO,OAAQ,MAAO,UAAW,MAAO,CAAA,EACtD,CAAE,GAAI,QAAS,MAAO,QAAS,MAAO,UAAW,MAAO,CAAA,EACxD,CAAE,GAAI,aAAc,MAAO,aAAc,MAAO,UAAW,MAAO,CAAA,CACpE,EAEaC,EAAS,CACpB,CAAE,KAAM,WAAY,YAAa,iDAAA,EACjC,CAAE,KAAM,OAAQ,YAAa,0CAAA,EAC7B,CAAE,KAAM,OAAQ,YAAa,8CAAA,EAC7B,CAAE,KAAM,SAAU,YAAa,yCAAA,EAC/B,CAAE,KAAM,WAAY,YAAa,wDAAA,EACjC,CAAE,KAAM,QAAS,YAAa,4CAAA,EAC9B,CAAE,KAAM,SAAU,YAAa,yDAAA,EAC/B,CAAE,KAAM,UAAW,YAAa,4CAAA,EAChC,CAAE,KAAM,YAAa,YAAa,uEAAA,EAClC,CAAE,KAAM,cAAe,YAAa,yCAAA,EACpC,CAAE,KAAM,OAAQ,YAAa,+CAAA,EAC7B,CAAE,KAAM,SAAU,YAAa,wDAAA,EAC/B,CAAE,KAAM,SAAU,YAAa,uDAAA,EAC/B,CAAE,KAAM,YAAa,YAAa,+DAAA,EAClC,CAAE,KAAM,aAAc,YAAa,2DAAA,EACnC,CAAE,KAAM,UAAW,YAAa,mDAAA,EAChC,CAAE,KAAM,UAAW,YAAa,uDAAA,EAChC,CAAE,KAAM,WAAY,YAAa,iCAAA,EACjC,CAAE,KAAM,UAAW,YAAa,4DAAA,EAChC,CAAE,KAAM,UAAW,YAAa,yDAAA,CAClC,EC7PaC,EAAkBF,EAAS,IAAKG,GAAMA,EAAE,EAAE,EAGjDC,EAAQ,OAAO,YAAYJ,EAAS,IAAKG,GAAM,CAACA,EAAE,GAAIA,EAAE,KAAK,CAAC,CAAC,EAqB/DE,EAAO,CAACF,EAAgCG,IAC5C,OAAOH,GAAM,SAAW,GAAGA,CAAC,GAAGG,CAAM,GAAKH,EAErC,SAASI,EAAO,CACrB,QAAAC,EAAU,SACV,KAAAC,EAAO,GACP,MAAAC,EAAQ,EACR,OAAAC,EACA,MAAAC,EAAQ,UACR,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAA2D,CAC/D,SAAUX,EAAKI,EAAM,IAAI,EACzB,UAAWJ,EAAKK,EAAO,GAAG,CAAA,EAG5B,OAAIC,GAAA,MAAAA,EAAQ,SAEVK,EAAK,MAAM,EAAIL,EAAO,CAAC,EACvBK,EAAK,MAAM,EAAIL,EAAO,EAAIA,EAAO,MAAM,EACvCK,EAAK,MAAM,EAAIL,EAAO,EAAIA,EAAO,MAAM,GAIvCM,EAAAA,IAAC,MAAA,CACE,GAAGF,EACJ,UAAW,CAAC,MAAO,QAAQP,CAAO,GAAIK,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACzE,MAAO,CAAE,GAAGG,EAAM,GAAGF,CAAA,EACrB,KAAMF,EAAQ,SAAW,OACzB,aAAYA,GAAS,OACrB,cAAaA,EAAQ,OAAY,GAEhC,SAAA,MAAM,KAAK,CAAE,OAAQR,EAAMI,CAAO,GAAK,CAAA,EAAK,CAACU,EAAGC,IAC/CF,EAAAA,IAAC,OAAA,CAAA,EAAUE,CAAG,CACf,CAAA,CAAA,CAGP,CASO,MAAMC,EAAUC,GAAoBJ,MAACV,GAAO,QAAQ,SAAU,GAAGc,CAAA,CAAG,EAC9DC,EAAUD,GAAoBJ,MAACV,GAAO,QAAQ,QAAU,GAAGc,CAAA,CAAG,EAC9DE,EAAUF,GAAoBJ,MAACV,GAAO,QAAQ,QAAU,GAAGc,CAAA,CAAG,EAC9DG,EAAUH,GAAoBJ,MAACV,GAAO,QAAQ,OAAU,GAAGc,CAAA,CAAG,EAC9DI,EAAUJ,GAAoBJ,MAACV,GAAO,QAAQ,OAAU,GAAGc,CAAA,CAAG,EAC9DK,EAAUL,GAAoBJ,MAACV,GAAO,QAAQ,OAAU,GAAGc,CAAA,CAAG,EAC9DM,EAAUN,GAAoBJ,MAACV,GAAO,QAAQ,OAAU,GAAGc,CAAA,CAAG,EAC9DO,EAAUP,GAAoBJ,MAACV,GAAO,QAAQ,SAAU,GAAGc,CAAA,CAAG,EAC9DQ,EAAUR,GAAoBJ,MAACV,GAAO,QAAQ,MAAU,GAAGc,CAAA,CAAG,EAC9DS,EAAUT,GAAoBJ,MAACV,GAAO,QAAQ,OAAU,GAAGc,CAAA,CAAG"}

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ldr{--size: 48px;--speed: 1s;--c1: #6366f1;--c2: #ec4899;--c3: #22d3ee;--track: color-mix(in oklab, var(--c1) 18%, transparent);width:var(--size);height:var(--size);flex:none;display:inline-block;position:relative;box-sizing:border-box}.ldr ,.ldr :before,.ldr :after{box-sizing:border-box}.ldr--aurora{border-radius:50%;background:conic-gradient(from 0turn,var(--c1),var(--c2),var(--c3),var(--c1));-webkit-mask:radial-gradient(farthest-side,#0000 85%,#000 86%);mask:radial-gradient(farthest-side,#0000 85%,#000 86%);animation:ldr-spin var(--speed) linear infinite}.ldr--aurora:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;filter:blur(calc(var(--size) / 8));opacity:.55;animation:ldr-breathe calc(var(--speed) 2) ease-in-out infinite}.ldr--orbit span{position:absolute;top:0;left:50%;width:24%;height:24%;margin-left:-12%;border-radius:50%;transform-origin:50% calc(var(--size) / 2);animation:ldr-spin var(--speed) cubic-bezier(.6,.1,.4,.9) infinite}.ldr--orbit span:nth-child(1){background:var(--c1)}.ldr--orbit span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * -.08);opacity:.75;scale:.8}.ldr--orbit span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * -.16);opacity:.5;scale:.6}.ldr--rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 16) solid;animation:ldr-ripple calc(var(--speed) * 1.8) cubic-bezier(0,.2,.8,1) infinite}.ldr--rings span:nth-child(1){border-color:var(--c1)}.ldr--rings span:nth-child(2){border-color:var(--c2);animation-delay:calc(var(--speed) * -.6)}.ldr--rings span:nth-child(3){border-color:var(--c3);animation-delay:calc(var(--speed) * -1.2)}.ldr--wave{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.6)}.ldr--wave span{width:15%;aspect-ratio:1;border-radius:50%;animation:ldr-wave calc(var(--speed) * 1.1) cubic-bezier(.4,0,.6,1) infinite}.ldr--wave span:nth-child(1){background:var(--c1)}.ldr--wave span:nth-child(2){background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .1)}.ldr--wave span:nth-child(3){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--wave span:nth-child(4){background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .3)}.ldr--wave span:nth-child(5){background:var(--c3);animation-delay:calc(var(--speed) * .4)}.ldr--bars{display:inline-flex;align-items:center;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 11)}.ldr--bars span{flex:1;height:100%;border-radius:99px;background:linear-gradient(var(--c1),var(--c2),var(--c3));animation:ldr-eq calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--bars span:nth-child(2){animation-delay:calc(var(--speed) * -1)}.ldr--bars span:nth-child(3){animation-delay:calc(var(--speed) * -.85)}.ldr--bars span:nth-child(4){animation-delay:calc(var(--speed) * -.7)}.ldr--bars span:nth-child(5){animation-delay:calc(var(--speed) * -.55)}.ldr--blob{background:linear-gradient(135deg,var(--c1),var(--c2) 50%,var(--c3));background-size:200% 200%;animation:ldr-morph calc(var(--speed) * 2.4) ease-in-out infinite,ldr-spin calc(var(--speed) * 3) ease-in-out infinite,ldr-shift calc(var(--speed) * 2) ease-in-out infinite}.ldr--cube{perspective:calc(var(--size) * 4)}.ldr--cube span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--size) / 7);backface-visibility:hidden;animation:ldr-flip calc(var(--speed) * 2) cubic-bezier(.6,.05,.4,.95) infinite}.ldr--cube span:nth-child(1){background:linear-gradient(135deg,var(--c1),var(--c2))}.ldr--cube span:nth-child(2){background:linear-gradient(135deg,var(--c2),var(--c3));transform:rotateY(180deg)}.ldr--spiral:before,.ldr--spiral:after{content:"";position:absolute;border-radius:50%;border:calc(var(--size) / 14) solid transparent}.ldr--spiral:before{top:0;right:0;bottom:0;left:0;border-top-color:var(--c1);border-right-color:var(--c2);animation:ldr-spin var(--speed) cubic-bezier(.5,.1,.5,.9) infinite}.ldr--spiral:after{top:28%;right:28%;bottom:28%;left:28%;border-bottom-color:var(--c3);border-left-color:var(--c2);animation:ldr-spin calc(var(--speed) * .75) linear infinite reverse}.ldr--bar{width:calc(var(--size) * 3.4);height:calc(var(--size) / 6);border-radius:99px;background:var(--track);overflow:hidden}.ldr--bar:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));animation:ldr-slide calc(var(--speed) * 1.5) cubic-bezier(.65,.05,.35,.95) infinite}.ldr--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--size) / 12)}.ldr--grid span{border-radius:calc(var(--size) / 10);animation:ldr-pop calc(var(--speed) * 1.3) ease-in-out infinite}.ldr--grid span:nth-child(1){background:var(--c1);animation-delay:calc(var(--speed) * 0)}.ldr--grid span:nth-child(2),.ldr--grid span:nth-child(4){background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .1)}.ldr--grid span:nth-child(3),.ldr--grid span:nth-child(5),.ldr--grid span:nth-child(7){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--grid span:nth-child(6),.ldr--grid span:nth-child(8){background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .3)}.ldr--grid span:nth-child(9){background:var(--c3);animation-delay:calc(var(--speed) * .4)}@keyframes ldr-spin{to{transform:rotate(1turn)}}@keyframes ldr-breathe{0%,to{opacity:.35}50%{opacity:.7}}@keyframes ldr-ripple{0%{transform:scale(.15);opacity:1}to{transform:scale(1);opacity:0}}@keyframes ldr-wave{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-80%);opacity:1}}@keyframes ldr-eq{0%,to{transform:scaleY(.22);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes ldr-morph{0%,to{border-radius:50%}25%{border-radius:62% 38% 46% 54%/60% 55% 45% 40%}50%{border-radius:24%}75%{border-radius:38% 62% 60% 40%/42% 38% 62% 58%}}@keyframes ldr-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ldr-flip{0%{transform:rotateY(0) rotateX(0)}50%{transform:rotateY(180deg) rotateX(0)}to{transform:rotateY(180deg) rotateX(180deg)}}@keyframes ldr-slide{0%{left:-40%;width:40%}50%{left:25%;width:55%}to{left:100%;width:40%}}@keyframes ldr-pop{0%,70%,to{transform:scale(.62);opacity:.5}35%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.ldr,.ldr:before,.ldr:after,.ldr span{animation-duration:4s!important;animation-timing-function:linear!important}}
1	+ .ldr{--size: 48px;--speed: 1s;--c1: #6366f1;--c2: #ec4899;--c3: #22d3ee;--track: color-mix(in oklab, var(--c1) 18%, transparent);--grad: linear-gradient(135deg, var(--c1), var(--c2) 50%, var(--c3));width:var(--size);height:var(--size);flex:none;display:inline-block;position:relative;box-sizing:border-box}.ldr ,.ldr :before,.ldr :after{box-sizing:border-box}@keyframes ldr-spin{to{transform:rotate(1turn)}}@keyframes ldr-spin-rev{to{transform:rotate(-1turn)}}@keyframes ldr-fade{0%,to{opacity:.18}40%{opacity:1}}@keyframes ldr-pulse{0%,to{transform:scale(.55);opacity:.45}50%{transform:scale(1);opacity:1}}@keyframes ldr-shimmer{to{background-position:-250% 0}}@keyframes ldr-breathe{0%,to{opacity:.35}50%{opacity:.75}}@media(prefers-reduced-motion:reduce){.ldr,.ldr:before,.ldr:after,.ldr span,.ldr span:before,.ldr span:after{animation-duration:4s!important;animation-timing-function:linear!important}}@property --ldr-p{syntax: "<percentage>"; inherits: false; initial-value: 30%;}@property --ldr-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes ldr-glow-swell{0%,to{scale:.86;opacity:.3}50%{scale:1.16;opacity:.9}}@keyframes ldr-blink{0%,to{opacity:.15}45%{opacity:1}}@keyframes ldr-sheen{to{transform:translate(260%)}}.ldr--aurora{border-radius:50%;background:conic-gradient(from 0turn,var(--c1),var(--c2),var(--c3),var(--c1));-webkit-mask:radial-gradient(farthest-side,#0000 85%,#000 86%);mask:radial-gradient(farthest-side,#0000 85%,#000 86%);animation:ldr-spin var(--speed) linear infinite}.ldr--aurora:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;filter:blur(calc(var(--size) / 8));opacity:.55;animation:ldr-breathe calc(var(--speed) 2) ease-in-out infinite}.ldr--spiral:before,.ldr--spiral:after{content:"";position:absolute;border-radius:50%;border:calc(var(--size) / 14) solid transparent}.ldr--spiral:before{top:0;right:0;bottom:0;left:0;border-top-color:var(--c1);border-right-color:var(--c2);animation:ldr-spin var(--speed) cubic-bezier(.5,.1,.5,.9) infinite}.ldr--spiral:after{top:28%;right:28%;bottom:28%;left:28%;border-bottom-color:var(--c3);border-left-color:var(--c2);animation:ldr-spin calc(var(--speed) * .75) linear infinite reverse}.ldr--ring-dash{border-radius:50%;border:calc(var(--size) / 12) dashed var(--c1);border-right-color:var(--c2);border-bottom-color:var(--c3);animation:ldr-spin calc(var(--speed) * 1.6) linear infinite}.ldr--ring-gap{border-radius:50%;background:conic-gradient(var(--c1) 0 75%,#0000 75% 100%);-webkit-mask:radial-gradient(farthest-side,#0000 87%,#000 88%);mask:radial-gradient(farthest-side,#0000 87%,#000 88%);animation:ldr-spin var(--speed) cubic-bezier(.55,.1,.45,.9) infinite}.ldr--comet{border-radius:50%;background:conic-gradient(from 0turn,#0000 0deg,var(--c1) 120deg,var(--c2) 300deg,var(--c3) 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 86%,#000 87%);mask:radial-gradient(farthest-side,#0000 86%,#000 87%);animation:ldr-spin var(--speed) linear infinite}.ldr--comet span{position:absolute;top:0;left:50%;width:14%;aspect-ratio:1;margin-left:-7%;border-radius:50%;background:var(--c3);box-shadow:0 0 calc(var(--size) / 6) var(--c3)}.ldr--arc-trio span{position:absolute;border-radius:50%;border:calc(var(--size) / 16) solid transparent}.ldr--arc-trio span:nth-child(1){top:0;right:0;bottom:0;left:0;border-top-color:var(--c1);animation:ldr-spin var(--speed) linear infinite}.ldr--arc-trio span:nth-child(2){top:22%;right:22%;bottom:22%;left:22%;border-top-color:var(--c2);animation:ldr-spin calc(var(--speed) * .8) linear infinite reverse}.ldr--arc-trio span:nth-child(3){top:44%;right:44%;bottom:44%;left:44%;border-top-color:var(--c3);animation:ldr-spin calc(var(--speed) * .6) linear infinite}.ldr--halo{border-radius:50%;border:calc(var(--size) / 14) solid var(--track)}.ldr--halo span{position:absolute;inset:calc(var(--size) / -14);border-radius:50%;border:calc(var(--size) / 14) solid transparent;border-top-color:var(--c2);filter:drop-shadow(0 0 calc(var(--size) / 8) var(--c2));animation:ldr-spin var(--speed) cubic-bezier(.6,.1,.4,.9) infinite}.ldr--sweep{border-radius:50%;background:var(--track);overflow:hidden}.ldr--sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0turn,var(--c1),color-mix(in oklab,var(--c2) 60%,transparent) 60deg,#0000 90deg);animation:ldr-spin var(--speed) linear infinite}.ldr--dot-ring span{position:absolute;top:0;left:50%;width:17%;aspect-ratio:1;margin-left:-8.5%;border-radius:50%;background:var(--c1);transform-origin:50% calc(var(--size) / 2);animation:ldr-fade calc(var(--speed) * 1.2) linear infinite}.ldr--dot-ring span:nth-child(1){transform:rotate(0);animation-delay:calc(var(--speed) * -0)}.ldr--dot-ring span:nth-child(2){transform:rotate(45deg);animation-delay:calc(var(--speed) * -.15);background:color-mix(in oklab,var(--c1),var(--c2))}.ldr--dot-ring span:nth-child(3){transform:rotate(90deg);animation-delay:calc(var(--speed) * -.3);background:var(--c2)}.ldr--dot-ring span:nth-child(4){transform:rotate(135deg);animation-delay:calc(var(--speed) * -.45);background:var(--c2)}.ldr--dot-ring span:nth-child(5){transform:rotate(180deg);animation-delay:calc(var(--speed) * -.6);background:color-mix(in oklab,var(--c2),var(--c3))}.ldr--dot-ring span:nth-child(6){transform:rotate(225deg);animation-delay:calc(var(--speed) * -.75);background:var(--c3)}.ldr--dot-ring span:nth-child(7){transform:rotate(270deg);animation-delay:calc(var(--speed) * -.9);background:var(--c3)}.ldr--dot-ring span:nth-child(8){transform:rotate(315deg);animation-delay:calc(var(--speed) * -1.05);background:color-mix(in oklab,var(--c3),var(--c1))}.ldr--petal span{position:absolute;top:4%;left:50%;width:11%;height:30%;margin-left:-5.5%;border-radius:99px;background:var(--c1);transform-origin:50% calc(var(--size) / 2 - 4%);animation:ldr-fade calc(var(--speed) * 1.1) linear infinite}.ldr--petal span:nth-child(1){transform:rotate(0);animation-delay:calc(var(--speed) * -0)}.ldr--petal span:nth-child(2){transform:rotate(45deg);animation-delay:calc(var(--speed) * -.14)}.ldr--petal span:nth-child(3){transform:rotate(90deg);animation-delay:calc(var(--speed) * -.28);background:var(--c2)}.ldr--petal span:nth-child(4){transform:rotate(135deg);animation-delay:calc(var(--speed) * -.42);background:var(--c2)}.ldr--petal span:nth-child(5){transform:rotate(180deg);animation-delay:calc(var(--speed) * -.56);background:var(--c2)}.ldr--petal span:nth-child(6){transform:rotate(225deg);animation-delay:calc(var(--speed) * -.7);background:var(--c3)}.ldr--petal span:nth-child(7){transform:rotate(270deg);animation-delay:calc(var(--speed) * -.84);background:var(--c3)}.ldr--petal span:nth-child(8){transform:rotate(315deg);animation-delay:calc(var(--speed) * -.98);background:var(--c3)}.ldr--wave{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.6)}.ldr--wave span{width:15%;aspect-ratio:1;border-radius:50%;animation:ldr-wave calc(var(--speed) * 1.1) cubic-bezier(.4,0,.6,1) infinite}.ldr--wave span:nth-child(1){background:var(--c1)}.ldr--wave span:nth-child(2){background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .1)}.ldr--wave span:nth-child(3){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--wave span:nth-child(4){background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .3)}.ldr--wave span:nth-child(5){background:var(--c3);animation-delay:calc(var(--speed) * .4)}@keyframes ldr-wave{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-80%);opacity:1}}.ldr--orbit span{position:absolute;top:0;left:50%;width:24%;height:24%;margin-left:-12%;border-radius:50%;transform-origin:50% calc(var(--size) / 2);animation:ldr-spin var(--speed) cubic-bezier(.6,.1,.4,.9) infinite}.ldr--orbit span:nth-child(1){background:var(--c1)}.ldr--orbit span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * -.08);opacity:.75;scale:.8}.ldr--orbit span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * -.16);opacity:.5;scale:.6}.ldr--bounce{display:inline-flex;align-items:flex-end;justify-content:space-between;width:calc(var(--size) * 1.2)}.ldr--bounce span{width:26%;aspect-ratio:1;border-radius:50%;animation:ldr-squash calc(var(--speed) * .8) cubic-bezier(.5,.05,.5,.95) infinite}.ldr--bounce span:nth-child(1){background:var(--c1)}.ldr--bounce span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * .12)}.ldr--bounce span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * .24)}@keyframes ldr-squash{0%,to{transform:translateY(0) scale(1.1,.8)}50%{transform:translateY(-110%) scale(.9,1.1)}}.ldr--fade-dots{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.2)}.ldr--fade-dots span{width:26%;aspect-ratio:1;border-radius:50%;animation:ldr-fade calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--fade-dots span:nth-child(1){background:var(--c1)}.ldr--fade-dots span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--fade-dots span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * .4)}.ldr--pulse-dots{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.2)}.ldr--pulse-dots span{width:28%;aspect-ratio:1;border-radius:50%;animation:ldr-pulse calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--pulse-dots span:nth-child(1){background:var(--c1)}.ldr--pulse-dots span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * .18)}.ldr--pulse-dots span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * .36)}.ldr--typing{display:inline-flex;align-items:center;justify-content:space-evenly;width:calc(var(--size) * 1.5);height:calc(var(--size) * .72);border-radius:99px;background:var(--track)}.ldr--typing span{width:17%;aspect-ratio:1;border-radius:50%;background:var(--c1);animation:ldr-type calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--typing span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * .18)}.ldr--typing span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * .36)}@keyframes ldr-type{0%,70%,to{transform:translateY(0);opacity:.4}35%{transform:translateY(-45%);opacity:1}}.ldr--chase{animation:ldr-spin calc(var(--speed) * 2) linear infinite}.ldr--chase span{position:absolute;top:0;left:50%;width:20%;aspect-ratio:1;margin-left:-10%;border-radius:50%;transform-origin:50% calc(var(--size) / 2);animation:ldr-pop-scale calc(var(--speed) * 1.2) ease-in-out infinite}@keyframes ldr-pop-scale{0%,70%,to{scale:.45;opacity:.4}35%{scale:1;opacity:1}}.ldr--chase span:nth-child(1){transform:rotate(0);background:var(--c1);animation-delay:calc(var(--speed) * -0)}.ldr--chase span:nth-child(2){transform:rotate(60deg);background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * -.2)}.ldr--chase span:nth-child(3){transform:rotate(120deg);background:var(--c2);animation-delay:calc(var(--speed) * -.4)}.ldr--chase span:nth-child(4){transform:rotate(180deg);background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * -.6)}.ldr--chase span:nth-child(5){transform:rotate(240deg);background:var(--c3);animation-delay:calc(var(--speed) * -.8)}.ldr--chase span:nth-child(6){transform:rotate(300deg);background:color-mix(in oklab,var(--c3),var(--c1));animation-delay:calc(var(--speed) * -1)}.ldr--snake{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.6)}.ldr--snake span{width:15%;aspect-ratio:1;border-radius:50%;background:var(--c1);animation:ldr-snake calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--snake span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * .1)}.ldr--snake span:nth-child(3){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--snake span:nth-child(4){background:var(--c3);animation-delay:calc(var(--speed) * .3)}.ldr--snake span:nth-child(5){background:var(--c3);animation-delay:calc(var(--speed) * .4)}@keyframes ldr-snake{0%,to{transform:translate(-60%) scale(.6);opacity:.4}50%{transform:translate(60%) scale(1);opacity:1}}.ldr--swap span{position:absolute;top:50%;left:50%;width:38%;aspect-ratio:1;margin:-19% 0 0 -19%;border-radius:50%;opacity:.85;animation:ldr-swap calc(var(--speed) * 1.4) cubic-bezier(.6,0,.4,1) infinite}.ldr--swap span:nth-child(1){background:var(--c1)}.ldr--swap span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * -.7)}@keyframes ldr-swap{0%,to{transform:translate(-60%)}50%{transform:translate(60%)}}.ldr--juggle{display:inline-flex;align-items:flex-end;justify-content:space-between;width:calc(var(--size) * 1.15)}.ldr--juggle span{width:27%;aspect-ratio:1;border-radius:50%;animation:ldr-juggle calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--juggle span:nth-child(1){background:var(--c1)}.ldr--juggle span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * -.5)}.ldr--juggle span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * -1)}@keyframes ldr-juggle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40%,-120%) scale(.8)}66%{transform:translate(-40%,-60%) scale(.9)}}.ldr--bars{display:inline-flex;align-items:center;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 11)}.ldr--bars span{flex:1;height:100%;border-radius:99px;background:linear-gradient(var(--c1),var(--c2),var(--c3));animation:ldr-eq calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--bars span:nth-child(2){animation-delay:calc(var(--speed) * -1)}.ldr--bars span:nth-child(3){animation-delay:calc(var(--speed) * -.85)}.ldr--bars span:nth-child(4){animation-delay:calc(var(--speed) * -.7)}.ldr--bars span:nth-child(5){animation-delay:calc(var(--speed) * -.55)}@keyframes ldr-eq{0%,to{transform:scaleY(.22);opacity:.55}50%{transform:scaleY(1);opacity:1}}.ldr--ladder{display:inline-flex;flex-direction:column;justify-content:space-between;width:calc(var(--size) * 1.2)}.ldr--ladder span{height:18%;border-radius:99px;background:var(--grad);animation:ldr-fade calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--ladder span:nth-child(1){width:100%;animation-delay:calc(var(--speed) * -0)}.ldr--ladder span:nth-child(2){width:80%;animation-delay:calc(var(--speed) * -.15)}.ldr--ladder span:nth-child(3){width:60%;animation-delay:calc(var(--speed) * -.3)}.ldr--ladder span:nth-child(4){width:40%;animation-delay:calc(var(--speed) * -.45)}.ldr--stretch{display:inline-flex;align-items:center;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 12)}.ldr--stretch span{flex:1;height:100%;border-radius:99px;background:var(--c1);animation:ldr-stretch calc(var(--speed) * 1.1) ease-in-out infinite}.ldr--stretch span:nth-child(2){background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .1)}.ldr--stretch span:nth-child(3){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--stretch span:nth-child(4){background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .3)}.ldr--stretch span:nth-child(5){background:var(--c3);animation-delay:calc(var(--speed) * .4)}@keyframes ldr-stretch{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.ldr--flip-bars{display:inline-flex;align-items:center;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 12);perspective:calc(var(--size) * 3)}.ldr--flip-bars span{flex:1;height:70%;border-radius:calc(var(--size) / 14);background:var(--grad);animation:ldr-flipx calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--flip-bars span:nth-child(2){animation-delay:calc(var(--speed) * .1)}.ldr--flip-bars span:nth-child(3){animation-delay:calc(var(--speed) * .2)}.ldr--flip-bars span:nth-child(4){animation-delay:calc(var(--speed) * .3)}.ldr--flip-bars span:nth-child(5){animation-delay:calc(var(--speed) * .4)}@keyframes ldr-flipx{0%,to{transform:rotateX(0)}50%{transform:rotateX(180deg)}}.ldr--slide-bars{display:inline-flex;flex-direction:column;justify-content:space-evenly}.ldr--slide-bars span{height:20%;width:60%;border-radius:99px;animation:ldr-slidex calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--slide-bars span:nth-child(1){background:var(--c1)}.ldr--slide-bars span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * .15)}.ldr--slide-bars span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * .3)}@keyframes ldr-slidex{0%,to{transform:translate(0)}50%{transform:translate(66%)}}.ldr--drop-bars{display:inline-flex;align-items:flex-start;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 12)}.ldr--drop-bars span{flex:1;height:45%;border-radius:99px;background:var(--grad);animation:ldr-drop calc(var(--speed) * 1.2) cubic-bezier(.5,.05,.5,.95) infinite}.ldr--drop-bars span:nth-child(2){animation-delay:calc(var(--speed) * .1)}.ldr--drop-bars span:nth-child(3){animation-delay:calc(var(--speed) * .2)}.ldr--drop-bars span:nth-child(4){animation-delay:calc(var(--speed) * .3)}.ldr--drop-bars span:nth-child(5){animation-delay:calc(var(--speed) * .4)}@keyframes ldr-drop{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(120%);opacity:1}}.ldr--meter{display:inline-flex;align-items:flex-end;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 12)}.ldr--meter span{flex:1;border-radius:calc(var(--size) / 16);background:var(--c1);animation:ldr-fade calc(var(--speed) * 1.4) steps(1,end) infinite}.ldr--meter span:nth-child(1){height:30%;animation-delay:calc(var(--speed) * -0)}.ldr--meter span:nth-child(2){height:48%;background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * -.2)}.ldr--meter span:nth-child(3){height:66%;background:var(--c2);animation-delay:calc(var(--speed) * -.4)}.ldr--meter span:nth-child(4){height:84%;background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * -.6)}.ldr--meter span:nth-child(5){height:100%;background:var(--c3);animation-delay:calc(var(--speed) * -.8)}.ldr--wave-bars{display:inline-flex;align-items:center;width:calc(var(--size) * 1.4);gap:calc(var(--size) / 16)}.ldr--wave-bars span{flex:1;height:40%;border-radius:99px;background:var(--grad);animation:ldr-wavebar calc(var(--speed) * 1.3) ease-in-out infinite}.ldr--wave-bars span:nth-child(2){animation-delay:calc(var(--speed) * .08)}.ldr--wave-bars span:nth-child(3){animation-delay:calc(var(--speed) * .16)}.ldr--wave-bars span:nth-child(4){animation-delay:calc(var(--speed) * .24)}.ldr--wave-bars span:nth-child(5){animation-delay:calc(var(--speed) * .32)}.ldr--wave-bars span:nth-child(6){animation-delay:calc(var(--speed) * .4)}.ldr--wave-bars span:nth-child(7){animation-delay:calc(var(--speed) * .48)}@keyframes ldr-wavebar{0%,to{transform:translateY(-55%) scaleY(.7)}50%{transform:translateY(55%) scaleY(1.3)}}.ldr--split-bars{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--size) * 1.25);gap:calc(var(--size) / 14)}.ldr--split-bars span{width:16%;height:100%;border-radius:99px;animation:ldr-split calc(var(--speed) * 1.3) cubic-bezier(.5,0,.5,1) infinite}.ldr--split-bars span:nth-child(1){background:var(--c1);--dir: -1}.ldr--split-bars span:nth-child(2){background:var(--c2);--dir: -.4}.ldr--split-bars span:nth-child(3){background:var(--c2);--dir: .4}.ldr--split-bars span:nth-child(4){background:var(--c3);--dir: 1}@keyframes ldr-split{0%,to{transform:translate(0) scaleY(.4);opacity:.5}50%{transform:translate(calc(var(--dir) * 60%)) scaleY(1);opacity:1}}.ldr--scan-bars{display:inline-flex;align-items:center;width:calc(var(--size) * 1.3);gap:calc(var(--size) / 14)}.ldr--scan-bars span{flex:1;height:100%;border-radius:99px;background:var(--grad);animation:ldr-scan calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--scan-bars span:nth-child(2){animation-delay:calc(var(--speed) * .12)}.ldr--scan-bars span:nth-child(3){animation-delay:calc(var(--speed) * .24)}.ldr--scan-bars span:nth-child(4){animation-delay:calc(var(--speed) * .36)}.ldr--scan-bars span:nth-child(5){animation-delay:calc(var(--speed) * .48)}.ldr--scan-bars span:nth-child(6){animation-delay:calc(var(--speed) * .6)}@keyframes ldr-scan{0%,70%,to{opacity:.2;transform:scaleY(.45)}35%{opacity:1;transform:scaleY(1)}}.ldr--blob{background:var(--grad);background-size:200% 200%;animation:ldr-morph calc(var(--speed) * 2.4) ease-in-out infinite,ldr-spin calc(var(--speed) * 3) ease-in-out infinite,ldr-shift calc(var(--speed) * 2) ease-in-out infinite}@keyframes ldr-morph{0%,to{border-radius:50%}25%{border-radius:62% 38% 46% 54%/60% 55% 45% 40%}50%{border-radius:24%}75%{border-radius:38% 62% 60% 40%/42% 38% 62% 58%}}@keyframes ldr-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ldr--cube{perspective:calc(var(--size) * 4)}.ldr--cube span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--size) / 7);backface-visibility:hidden;animation:ldr-flip calc(var(--speed) * 2) cubic-bezier(.6,.05,.4,.95) infinite}.ldr--cube span:nth-child(1){background:linear-gradient(135deg,var(--c1),var(--c2))}.ldr--cube span:nth-child(2){background:linear-gradient(135deg,var(--c2),var(--c3));transform:rotateY(180deg)}@keyframes ldr-flip{0%{transform:rotateY(0) rotateX(0)}50%{transform:rotateY(180deg) rotateX(0)}to{transform:rotateY(180deg) rotateX(180deg)}}.ldr--triangle{background:var(--grad);clip-path:polygon(50% 0%,100% 100%,0% 100%);animation:ldr-spin calc(var(--speed) * 1.6) cubic-bezier(.6,.05,.4,.95) infinite,ldr-shift calc(var(--speed) * 2) ease-in-out infinite;background-size:200% 200%}.ldr--hexagon{background:var(--grad);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);animation:ldr-hex calc(var(--speed) * 1.8) ease-in-out infinite}@keyframes ldr-hex{0%,to{transform:rotate(0) scale(.75)}50%{transform:rotate(180deg) scale(1)}}.ldr--diamond{background:var(--grad);border-radius:calc(var(--size) / 10);animation:ldr-diamond calc(var(--speed) * 1.6) cubic-bezier(.6,0,.4,1) infinite}@keyframes ldr-diamond{0%,to{transform:rotate(45deg) scale(.7)}50%{transform:rotate(225deg) scale(1)}}.ldr--star{background:var(--grad);background-size:200% 200%;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:ldr-spin calc(var(--speed) * 2) linear infinite,ldr-shift calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--squircle{background:var(--grad);animation:ldr-squircle calc(var(--speed) * 1.8) cubic-bezier(.6,0,.4,1) infinite}@keyframes ldr-squircle{0%,to{border-radius:12%;transform:rotate(0) scale(.8)}50%{border-radius:50%;transform:rotate(180deg) scale(1)}}.ldr--folding{perspective:calc(var(--size) * 2.5)}.ldr--folding span{position:absolute;width:50%;height:50%;animation:ldr-fold calc(var(--speed) * 2) linear infinite}.ldr--folding span:nth-child(1){top:0;left:0;background:var(--c1);transform-origin:100% 100%;animation-delay:calc(var(--speed) * -0)}.ldr--folding span:nth-child(2){top:0;right:0;background:var(--c2);transform-origin:0 100%;animation-delay:calc(var(--speed) * -.5)}.ldr--folding span:nth-child(3){bottom:0;right:0;background:var(--c3);transform-origin:0 0;animation-delay:calc(var(--speed) * -1)}.ldr--folding span:nth-child(4){bottom:0;left:0;background:var(--c2);transform-origin:100% 0;animation-delay:calc(var(--speed) * -1.5)}@keyframes ldr-fold{0%,10%{transform:perspective(calc(var(--size) * 2.5)) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(calc(var(--size) * 2.5)) rotateX(0);opacity:1}90%,to{transform:perspective(calc(var(--size) * 2.5)) rotateY(180deg);opacity:0}}.ldr--pentagon{background:var(--grad);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);animation:ldr-rock calc(var(--speed) * 1.6) ease-in-out infinite}@keyframes ldr-rock{0%,to{transform:rotate(-25deg) scale(.85)}50%{transform:rotate(25deg) scale(1)}}.ldr--shape-shift{background:var(--grad);background-size:300% 300%;animation:ldr-shapeshift calc(var(--speed) * 2.4) cubic-bezier(.65,0,.35,1) infinite,ldr-shift calc(var(--speed) * 1.8) linear infinite}@keyframes ldr-shapeshift{0%,to{border-radius:4%;transform:rotate(0) scale(.7)}33%{border-radius:50%;transform:rotate(120deg) scale(1)}66%{border-radius:30%;transform:rotate(240deg) scale(.85)}}.ldr--bar,.ldr--bar-stripes,.ldr--bar-dual,.ldr--bar-pill,.ldr--bar-glow,.ldr--bar-wave,.ldr--bar-snake,.ldr--bar-fill{width:calc(var(--size) * 3.4);height:calc(var(--size) / 6);border-radius:99px;background:var(--track);overflow:hidden}.ldr--bar:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));animation:ldr-slide calc(var(--speed) * 1.5) cubic-bezier(.65,.05,.35,.95) infinite}@keyframes ldr-slide{0%{left:-40%;width:40%}50%{left:25%;width:55%}to{left:100%;width:40%}}.ldr--bar-stripes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(115deg,var(--c1) 0 8%,var(--c2) 8% 16%,var(--c3) 16% 24%);background-size:200% 100%;animation:ldr-stripes calc(var(--speed) * 1.2) linear infinite}@keyframes ldr-stripes{to{background-position:-200% 0}}.ldr--bar-dual:before,.ldr--bar-dual:after{content:"";position:absolute;top:0;bottom:0;width:35%;border-radius:inherit;animation:ldr-slide calc(var(--speed) * 1.6) cubic-bezier(.6,0,.4,1) infinite}.ldr--bar-dual:before{background:var(--c1)}.ldr--bar-dual:after{background:var(--c3);animation-delay:calc(var(--speed) * -.8)}.ldr--bar-segments{display:inline-flex;align-items:center;width:calc(var(--size) * 3);height:calc(var(--size) / 5);gap:calc(var(--size) / 14)}.ldr--bar-segments span{flex:1;height:100%;border-radius:calc(var(--size) / 16);background:var(--grad);animation:ldr-fade calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--bar-segments span:nth-child(2){animation-delay:calc(var(--speed) * .15)}.ldr--bar-segments span:nth-child(3){animation-delay:calc(var(--speed) * .3)}.ldr--bar-segments span:nth-child(4){animation-delay:calc(var(--speed) * .45)}.ldr--bar-segments span:nth-child(5){animation-delay:calc(var(--speed) * .6)}.ldr--bar-pill:after{content:"";position:absolute;top:0;bottom:0;width:28%;border-radius:inherit;background:var(--grad);animation:ldr-pingpong calc(var(--speed) * 1.4) cubic-bezier(.6,0,.4,1) infinite alternate}@keyframes ldr-pingpong{0%{left:0}to{left:72%}}.ldr--bar-glow:after{content:"";position:absolute;top:0;bottom:0;width:30%;border-radius:inherit;background:var(--c2);box-shadow:0 0 calc(var(--size) / 4) var(--c2);animation:ldr-slide calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--bar-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c2),var(--c1));background-size:250% 100%;animation:ldr-stripes calc(var(--speed) * 1.8) linear infinite}.ldr--bar-dots{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 2.4);height:calc(var(--size) / 4)}.ldr--bar-dots span{width:14%;aspect-ratio:1;border-radius:50%;background:var(--c1);animation:ldr-march calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--bar-dots span:nth-child(2){background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .1)}.ldr--bar-dots span:nth-child(3){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--bar-dots span:nth-child(4){background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .3)}.ldr--bar-dots span:nth-child(5){background:var(--c3);animation-delay:calc(var(--speed) * .4)}@keyframes ldr-march{0%,to{transform:scale(.5);opacity:.35}50%{transform:scale(1.15);opacity:1}}.ldr--bar-snake{height:calc(var(--size) / 9)}.ldr--bar-snake:after{content:"";position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--grad);animation:ldr-snakebar calc(var(--speed) * 2) cubic-bezier(.65,0,.35,1) infinite}@keyframes ldr-snakebar{0%{left:0;right:100%}40%{left:0;right:25%}60%{left:25%;right:0}to{left:100%;right:0}}.ldr--bar-fill:after{content:"";position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--grad);animation:ldr-fill calc(var(--speed) * 1.8) cubic-bezier(.5,0,.3,1) infinite}@keyframes ldr-fill{0%{width:0;opacity:1}70%{width:100%;opacity:1}to{width:100%;opacity:0}}.ldr--grid,.ldr--checker,.ldr--cascade,.ldr--tiles,.ldr--matrix,.ldr--mosaic,.ldr--ripple-grid,.ldr--domino,.ldr--sparkle{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--size) / 12)}.ldr--pixel{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--size) / 14)}.ldr--grid span{border-radius:calc(var(--size) / 10);animation:ldr-pop calc(var(--speed) * 1.3) ease-in-out infinite}.ldr--grid span:nth-child(1){background:var(--c1);animation-delay:calc(var(--speed) * 0)}.ldr--grid span:nth-child(2),.ldr--grid span:nth-child(4){background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .1)}.ldr--grid span:nth-child(3),.ldr--grid span:nth-child(5),.ldr--grid span:nth-child(7){background:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--grid span:nth-child(6),.ldr--grid span:nth-child(8){background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .3)}.ldr--grid span:nth-child(9){background:var(--c3);animation-delay:calc(var(--speed) * .4)}@keyframes ldr-pop{0%,70%,to{transform:scale(.62);opacity:.5}35%{transform:scale(1);opacity:1}}.ldr--checker span{border-radius:calc(var(--size) / 14);background:var(--c1);animation:ldr-checker calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--checker span:nth-child(2n){background:var(--c3);animation-delay:calc(var(--speed) * -.7)}@keyframes ldr-checker{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.3);opacity:.3}}.ldr--cascade span{border-radius:calc(var(--size) / 12);background:var(--grad);animation:ldr-pop calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--cascade span:nth-child(1){animation-delay:calc(var(--speed) * 0)}.ldr--cascade span:nth-child(2),.ldr--cascade span:nth-child(4){animation-delay:calc(var(--speed) * .12)}.ldr--cascade span:nth-child(3),.ldr--cascade span:nth-child(5),.ldr--cascade span:nth-child(7){animation-delay:calc(var(--speed) * .24)}.ldr--cascade span:nth-child(6),.ldr--cascade span:nth-child(8){animation-delay:calc(var(--speed) * .36)}.ldr--cascade span:nth-child(9){animation-delay:calc(var(--speed) * .48)}.ldr--tiles{perspective:calc(var(--size) * 3)}.ldr--tiles span{border-radius:calc(var(--size) / 14);background:var(--grad);animation:ldr-tileflip calc(var(--speed) * 1.8) ease-in-out infinite}.ldr--tiles span:nth-child(1){animation-delay:calc(var(--speed) * 0)}.ldr--tiles span:nth-child(2){animation-delay:calc(var(--speed) * .08)}.ldr--tiles span:nth-child(3){animation-delay:calc(var(--speed) * .16)}.ldr--tiles span:nth-child(4){animation-delay:calc(var(--speed) * .24)}.ldr--tiles span:nth-child(5){animation-delay:calc(var(--speed) * .32)}.ldr--tiles span:nth-child(6){animation-delay:calc(var(--speed) * .4)}.ldr--tiles span:nth-child(7){animation-delay:calc(var(--speed) * .48)}.ldr--tiles span:nth-child(8){animation-delay:calc(var(--speed) * .56)}.ldr--tiles span:nth-child(9){animation-delay:calc(var(--speed) * .64)}@keyframes ldr-tileflip{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.ldr--pixel span{border-radius:calc(var(--size) / 18);background:var(--c1);animation:ldr-fade calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--pixel span:nth-child(3n){background:var(--c2)}.ldr--pixel span:nth-child(4n){background:var(--c3)}.ldr--pixel span:nth-child(1){animation-delay:calc(var(--speed) * -.1)}.ldr--pixel span:nth-child(2){animation-delay:calc(var(--speed) * -.75)}.ldr--pixel span:nth-child(3){animation-delay:calc(var(--speed) * -.35)}.ldr--pixel span:nth-child(4){animation-delay:calc(var(--speed) * -1.2)}.ldr--pixel span:nth-child(5){animation-delay:calc(var(--speed) * -.55)}.ldr--pixel span:nth-child(6){animation-delay:calc(var(--speed) * -1.4)}.ldr--pixel span:nth-child(7){animation-delay:calc(var(--speed) * -.25)}.ldr--pixel span:nth-child(8){animation-delay:calc(var(--speed) * -.95)}.ldr--pixel span:nth-child(9){animation-delay:calc(var(--speed) * -1.55)}.ldr--pixel span:nth-child(10){animation-delay:calc(var(--speed) * -.45)}.ldr--pixel span:nth-child(11){animation-delay:calc(var(--speed) * -1.1)}.ldr--pixel span:nth-child(12){animation-delay:calc(var(--speed) * -.65)}.ldr--pixel span:nth-child(13){animation-delay:calc(var(--speed) * -1.3)}.ldr--pixel span:nth-child(14){animation-delay:calc(var(--speed) * -.15)}.ldr--pixel span:nth-child(15){animation-delay:calc(var(--speed) * -.85)}.ldr--pixel span:nth-child(16){animation-delay:calc(var(--speed) * -1.45)}.ldr--matrix span{border-radius:calc(var(--size) / 14);background:var(--grad);animation:ldr-matrix calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--matrix span:nth-child(-n+3){animation-delay:calc(var(--speed) * 0)}.ldr--matrix span:nth-child(n+4):nth-child(-n+6){animation-delay:calc(var(--speed) * .2)}.ldr--matrix span:nth-child(n+7){animation-delay:calc(var(--speed) * .4)}@keyframes ldr-matrix{0%,to{transform:scaleY(.25);opacity:.35}50%{transform:scaleY(1);opacity:1}}.ldr--mosaic span{border-radius:calc(var(--size) / 12);animation:ldr-mosaic calc(var(--speed) * 2.2) linear infinite}.ldr--mosaic span:nth-child(1){animation-delay:calc(var(--speed) * -0)}.ldr--mosaic span:nth-child(2){animation-delay:calc(var(--speed) * -.24)}.ldr--mosaic span:nth-child(3){animation-delay:calc(var(--speed) * -.48)}.ldr--mosaic span:nth-child(4){animation-delay:calc(var(--speed) * -.72)}.ldr--mosaic span:nth-child(5){animation-delay:calc(var(--speed) * -.96)}.ldr--mosaic span:nth-child(6){animation-delay:calc(var(--speed) * -1.2)}.ldr--mosaic span:nth-child(7){animation-delay:calc(var(--speed) * -1.44)}.ldr--mosaic span:nth-child(8){animation-delay:calc(var(--speed) * -1.68)}.ldr--mosaic span:nth-child(9){animation-delay:calc(var(--speed) * -1.92)}@keyframes ldr-mosaic{0%,to{background:var(--c1)}33%{background:var(--c2)}66%{background:var(--c3)}}.ldr--ripple-grid span{border-radius:50%;background:var(--grad);animation:ldr-pop calc(var(--speed) * 1.4) ease-out infinite}.ldr--ripple-grid span:nth-child(5){animation-delay:calc(var(--speed) * 0)}.ldr--ripple-grid span:nth-child(2),.ldr--ripple-grid span:nth-child(4),.ldr--ripple-grid span:nth-child(6),.ldr--ripple-grid span:nth-child(8){animation-delay:calc(var(--speed) * .18)}.ldr--ripple-grid span:nth-child(1),.ldr--ripple-grid span:nth-child(3),.ldr--ripple-grid span:nth-child(7),.ldr--ripple-grid span:nth-child(9){animation-delay:calc(var(--speed) * .36)}.ldr--domino{perspective:calc(var(--size) * 3)}.ldr--domino span{border-radius:calc(var(--size) / 16);background:var(--grad);transform-origin:bottom;animation:ldr-domino calc(var(--speed) * 1.8) ease-in-out infinite}.ldr--domino span:nth-child(1){animation-delay:calc(var(--speed) * 0)}.ldr--domino span:nth-child(2){animation-delay:calc(var(--speed) * .09)}.ldr--domino span:nth-child(3){animation-delay:calc(var(--speed) * .18)}.ldr--domino span:nth-child(4){animation-delay:calc(var(--speed) * .27)}.ldr--domino span:nth-child(5){animation-delay:calc(var(--speed) * .36)}.ldr--domino span:nth-child(6){animation-delay:calc(var(--speed) * .45)}.ldr--domino span:nth-child(7){animation-delay:calc(var(--speed) * .54)}.ldr--domino span:nth-child(8){animation-delay:calc(var(--speed) * .63)}.ldr--domino span:nth-child(9){animation-delay:calc(var(--speed) * .72)}@keyframes ldr-domino{0%,to{transform:rotateX(0);opacity:1}50%{transform:rotateX(-75deg);opacity:.4}}.ldr--sparkle span{border-radius:50%;background:var(--c2);animation:ldr-twinkle calc(var(--speed) * 1.7) ease-in-out infinite}.ldr--sparkle span:nth-child(3n+1){background:var(--c1)}.ldr--sparkle span:nth-child(3n){background:var(--c3)}.ldr--sparkle span:nth-child(1){animation-delay:calc(var(--speed) * -.2)}.ldr--sparkle span:nth-child(2){animation-delay:calc(var(--speed) * -1.1)}.ldr--sparkle span:nth-child(3){animation-delay:calc(var(--speed) * -.5)}.ldr--sparkle span:nth-child(4){animation-delay:calc(var(--speed) * -1.4)}.ldr--sparkle span:nth-child(5){animation-delay:calc(var(--speed) * -.8)}.ldr--sparkle span:nth-child(6){animation-delay:calc(var(--speed) * -.3)}.ldr--sparkle span:nth-child(7){animation-delay:calc(var(--speed) * -1.6)}.ldr--sparkle span:nth-child(8){animation-delay:calc(var(--speed) * -.65)}.ldr--sparkle span:nth-child(9){animation-delay:calc(var(--speed) * -1.25)}@keyframes ldr-twinkle{0%,to{transform:scale(.2);opacity:.2}50%{transform:scale(1);opacity:1}}.ldr--rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 16) solid;animation:ldr-ripple calc(var(--speed) * 1.8) cubic-bezier(0,.2,.8,1) infinite}.ldr--rings span:nth-child(1){border-color:var(--c1)}.ldr--rings span:nth-child(2){border-color:var(--c2);animation-delay:calc(var(--speed) * -.6)}.ldr--rings span:nth-child(3){border-color:var(--c3);animation-delay:calc(var(--speed) * -1.2)}@keyframes ldr-ripple{0%{transform:scale(.15);opacity:1}to{transform:scale(1);opacity:0}}.ldr--radar span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.ldr--radar span:nth-child(1){border:calc(var(--size) / 20) solid var(--track)}.ldr--radar span:nth-child(2){background:conic-gradient(from 0turn,var(--c2),color-mix(in oklab,var(--c1) 50%,transparent) 45deg,#0000 90deg);animation:ldr-spin var(--speed) linear infinite}.ldr--sonar span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:ldr-ripple calc(var(--speed) * 2) ease-out infinite}.ldr--sonar span:nth-child(1){background:var(--c1)}.ldr--sonar span:nth-child(2){background:var(--c2);animation-delay:calc(var(--speed) * -.66)}.ldr--sonar span:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * -1.33)}.ldr--echo span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 14) solid var(--c1);animation:ldr-echo calc(var(--speed) * 1.6) cubic-bezier(.5,0,.5,1) infinite}.ldr--echo span:nth-child(2){border-color:var(--c2);animation-delay:calc(var(--speed) * -.53)}.ldr--echo span:nth-child(3){border-color:var(--c3);animation-delay:calc(var(--speed) * -1.06)}@keyframes ldr-echo{0%,to{transform:scale(.35);opacity:.3}50%{transform:scale(1);opacity:1}}.ldr--shockwave span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 8) solid var(--c2);animation:ldr-shock calc(var(--speed) * 1.6) cubic-bezier(.1,.6,.3,1) infinite}.ldr--shockwave span:nth-child(2){border-color:var(--c3);animation-delay:calc(var(--speed) * -.8)}@keyframes ldr-shock{0%{transform:scale(.2);border-width:calc(var(--size) / 8);opacity:1}to{transform:scale(1);border-width:1px;opacity:0}}.ldr--bloom span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--grad);filter:blur(calc(var(--size) / 20));animation:ldr-ripple calc(var(--speed) * 2.2) ease-out infinite}.ldr--bloom span:nth-child(2){animation-delay:calc(var(--speed) * -.73)}.ldr--bloom span:nth-child(3){animation-delay:calc(var(--speed) * -1.46)}.ldr--droplet span:nth-child(1){position:absolute;top:0;left:50%;width:22%;aspect-ratio:1;margin-left:-11%;border-radius:50%;background:var(--c1);animation:ldr-fall calc(var(--speed) * 1.6) cubic-bezier(.5,0,.9,.6) infinite}.ldr--droplet span:nth-child(2){position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 18) solid var(--c3);animation:ldr-ripple calc(var(--speed) * 1.6) ease-out infinite;animation-delay:calc(var(--speed) * .5)}@keyframes ldr-fall{0%{transform:translateY(0) scale(1);opacity:1}45%{transform:translateY(180%) scale(1.1,.8);opacity:1}60%,to{transform:translateY(180%) scale(1.6,.2);opacity:0}}.ldr--concentric span{position:absolute;border-radius:50%;border:calc(var(--size) / 20) solid;animation:ldr-breathe calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--concentric span:nth-child(1){top:0;right:0;bottom:0;left:0;border-color:var(--c1);animation-delay:calc(var(--speed) * 0)}.ldr--concentric span:nth-child(2){top:20%;right:20%;bottom:20%;left:20%;border-color:var(--c2);animation-delay:calc(var(--speed) * .2)}.ldr--concentric span:nth-child(3){top:40%;right:40%;bottom:40%;left:40%;border-color:var(--c3);animation-delay:calc(var(--speed) * .4)}.ldr--aura span{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:var(--grad);filter:blur(calc(var(--size) / 10));animation:ldr-aura calc(var(--speed) * 2) ease-in-out infinite}.ldr--aura:after{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:50%;background:var(--c1)}@keyframes ldr-aura{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}.ldr--beacon span:nth-child(1){position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:50%;background:var(--c1);animation:ldr-breathe calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--beacon span:nth-child(2){position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:color-mix(in oklab,var(--c2) 55%,transparent);animation:ldr-ripple calc(var(--speed) * 1.4) ease-out infinite}.ldr--heart{background:var(--grad);animation:ldr-beat calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--heart:before,.ldr--heart:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit}.ldr--heart:before{top:-50%;left:0}.ldr--heart:after{top:0;left:-50%}@keyframes ldr-beat{0%,to{transform:rotate(45deg) scale(.52)}15%{transform:rotate(45deg) scale(.66)}30%{transform:rotate(45deg) scale(.56)}45%{transform:rotate(45deg) scale(.62)}}.ldr--moon{border-radius:50%;box-shadow:inset calc(var(--size) / -4) 0 0 0 var(--c1);animation:ldr-spin calc(var(--speed) * 2) linear infinite,ldr-phase calc(var(--speed) * 3) ease-in-out infinite}@keyframes ldr-phase{0%,to{box-shadow:inset calc(var(--size) / -4) 0 0 0 var(--c1)}50%{box-shadow:inset calc(var(--size) / -12) 0 0 0 var(--c2)}}.ldr--sun:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:var(--grad);animation:ldr-breathe calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--sun span{position:absolute;top:0;left:50%;width:8%;height:22%;margin-left:-4%;border-radius:99px;background:var(--c2);transform-origin:50% calc(var(--size) / 2);animation:ldr-ray calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--sun span:nth-child(1){transform:rotate(0);animation-delay:calc(var(--speed) * -0)}.ldr--sun span:nth-child(2){transform:rotate(45deg);animation-delay:calc(var(--speed) * -.18)}.ldr--sun span:nth-child(3){transform:rotate(90deg);animation-delay:calc(var(--speed) * -.36)}.ldr--sun span:nth-child(4){transform:rotate(135deg);animation-delay:calc(var(--speed) * -.54)}.ldr--sun span:nth-child(5){transform:rotate(180deg);animation-delay:calc(var(--speed) * -.72)}.ldr--sun span:nth-child(6){transform:rotate(225deg);animation-delay:calc(var(--speed) * -.9)}.ldr--sun span:nth-child(7){transform:rotate(270deg);animation-delay:calc(var(--speed) * -1.08)}.ldr--sun span:nth-child(8){transform:rotate(315deg);animation-delay:calc(var(--speed) * -1.26)}@keyframes ldr-ray{0%,to{opacity:.25;scale:.8}50%{opacity:1;scale:1.1}}.ldr--flame{background:linear-gradient(0deg,var(--c1),var(--c2) 55%,var(--c3));border-radius:50%/65% 65% 35% 35%;transform-origin:50% 80%;animation:ldr-flicker calc(var(--speed) * .9) ease-in-out infinite}@keyframes ldr-flicker{0%,to{transform:scale(1) skew(0);filter:brightness(1)}25%{transform:scale(.92,1.08) skew(3deg);filter:brightness(1.15)}50%{transform:scale(1.05,.95) skew(-2deg);filter:brightness(.95)}75%{transform:scale(.96,1.04) skew(2deg);filter:brightness(1.1)}}.ldr--bubble span{position:absolute;bottom:0;width:26%;aspect-ratio:1;border-radius:50%;border:calc(var(--size) / 22) solid var(--c1);animation:ldr-rise calc(var(--speed) * 2) ease-in infinite}.ldr--bubble span:nth-child(1){left:8%;animation-delay:calc(var(--speed) * -0)}.ldr--bubble span:nth-child(2){left:38%;border-color:var(--c2);animation-delay:calc(var(--speed) * -.66)}.ldr--bubble span:nth-child(3){left:66%;border-color:var(--c3);animation-delay:calc(var(--speed) * -1.33)}@keyframes ldr-rise{0%{transform:translateY(0) scale(.4);opacity:0}25%{opacity:1}to{transform:translateY(-300%) scale(1);opacity:0}}.ldr--jelly{background:var(--grad);border-radius:50%;animation:ldr-jelly calc(var(--speed) * 1.2) cubic-bezier(.5,.05,.5,.95) infinite}@keyframes ldr-jelly{0%,to{transform:scale(1)}25%{transform:scale(1.2,.8)}50%{transform:scale(.85,1.15)}75%{transform:scale(1.08,.92)}}.ldr--spring{background:repeating-linear-gradient(0deg,var(--c1) 0 18%,#0000 18% 30%);border-radius:calc(var(--size) / 6);transform-origin:50% 100%;animation:ldr-spring calc(var(--speed) * 1.1) cubic-bezier(.5,.05,.4,1.4) infinite}@keyframes ldr-spring{0%,to{transform:scaleY(1) scaleX(1)}40%{transform:scaleY(.55) scaleX(1.2)}70%{transform:scaleY(1.15) scaleX(.92)}}.ldr--float span{position:absolute;top:0;left:15%;width:70%;aspect-ratio:1;border-radius:50%;background:var(--grad);animation:ldr-bob calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--float:after{content:"";position:absolute;bottom:0;left:22%;width:56%;height:10%;border-radius:50%;background:var(--c1);filter:blur(calc(var(--size) / 30));animation:ldr-shadow calc(var(--speed) * 1.6) ease-in-out infinite}@keyframes ldr-bob{0%,to{transform:translateY(12%)}50%{transform:translateY(-8%)}}@keyframes ldr-shadow{0%,to{transform:scaleX(1);opacity:.45}50%{transform:scaleX(.7);opacity:.2}}.ldr--leaf{background:var(--grad);border-radius:0 50% 50%;animation:ldr-leaf calc(var(--speed) * 2) ease-in-out infinite}@keyframes ldr-leaf{0%,to{transform:rotate(0) scale(.8);border-radius:0 50% 50%}50%{transform:rotate(180deg) scale(1);border-radius:50% 50% 0}}.ldr--windmill{animation:ldr-spin calc(var(--speed) * 1.4) cubic-bezier(.5,.1,.5,.9) infinite}.ldr--windmill span{position:absolute;top:50%;left:50%;width:45%;height:16%;margin:-8% 0 0;border-radius:99px 0 0 99px;transform-origin:0 50%}.ldr--windmill span:nth-child(1){background:var(--c1);transform:rotate(0)}.ldr--windmill span:nth-child(2){background:var(--c2);transform:rotate(90deg)}.ldr--windmill span:nth-child(3){background:var(--c3);transform:rotate(180deg)}.ldr--windmill span:nth-child(4){background:var(--c2);transform:rotate(270deg)}.ldr--shimmer,.ldr--sk-text,.ldr--sk-card,.ldr--sk-avatar,.ldr--sk-image,.ldr--sk-list,.ldr--sk-table,.ldr--sk-chip,.ldr--sk-paragraph,.ldr--sk-media{--sk: linear-gradient(90deg, var(--track) 0 40%, color-mix(in oklab, var(--c2) 45%, transparent) 50%, var(--track) 60% 100%) 0 0 / 250% 100%;width:calc(var(--size) * 3.4);height:auto}.ldr--shimmer{height:calc(var(--size) * .9);border-radius:calc(var(--size) / 6);background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-text,.ldr--sk-paragraph{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--size) / 5)}.ldr--sk-text span,.ldr--sk-paragraph span{height:calc(var(--size) / 5);border-radius:99px;background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-text span:nth-child(1){width:100%}.ldr--sk-text span:nth-child(2){width:88%;animation-delay:calc(var(--speed) * -.15)}.ldr--sk-text span:nth-child(3){width:60%;animation-delay:calc(var(--speed) * -.3)}.ldr--sk-paragraph span:nth-child(1){width:100%}.ldr--sk-paragraph span:nth-child(2){width:96%;animation-delay:calc(var(--speed) * -.12)}.ldr--sk-paragraph span:nth-child(3){width:90%;animation-delay:calc(var(--speed) * -.24)}.ldr--sk-paragraph span:nth-child(4){width:48%;animation-delay:calc(var(--speed) * -.36)}.ldr--sk-card{display:grid;grid-template-columns:calc(var(--size) * .9) 1fr;grid-template-rows:repeat(2,1fr);gap:calc(var(--size) / 6) calc(var(--size) / 5);height:calc(var(--size) * .9)}.ldr--sk-card span{background:var(--sk);border-radius:calc(var(--size) / 8);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-card span:nth-child(1){grid-row:span 2}.ldr--sk-card span:nth-child(2){border-radius:99px;animation-delay:calc(var(--speed) * -.15)}.ldr--sk-card span:nth-child(3){border-radius:99px;width:65%;animation-delay:calc(var(--speed) * -.3)}.ldr--sk-avatar{display:flex;align-items:center;gap:calc(var(--size) / 4);height:calc(var(--size) * .8)}.ldr--sk-avatar span{background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-avatar span:nth-child(1){height:100%;aspect-ratio:1;border-radius:50%;flex:none}.ldr--sk-avatar span:nth-child(2){flex:1;height:32%;border-radius:99px;animation-delay:calc(var(--speed) * -.2)}.ldr--sk-image{height:calc(var(--size) * 1.9);border-radius:calc(var(--size) / 6);background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.8) linear infinite}.ldr--sk-image:after{content:"";position:absolute;top:32%;right:38%;bottom:32%;left:38%;border-radius:calc(var(--size) / 10);background:color-mix(in oklab,var(--c1) 22%,transparent)}.ldr--sk-list{display:flex;flex-direction:column;gap:calc(var(--size) / 5)}.ldr--sk-list span{height:calc(var(--size) / 4);border-radius:99px;background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-list span:nth-child(2){width:92%;animation-delay:calc(var(--speed) * -.15)}.ldr--sk-list span:nth-child(3){width:78%;animation-delay:calc(var(--speed) * -.3)}.ldr--sk-table{display:flex;flex-direction:column;gap:calc(var(--size) / 6)}.ldr--sk-table span{border-radius:calc(var(--size) / 12);background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-table span:nth-child(1){height:calc(var(--size) / 3.2)}.ldr--sk-table span:nth-child(2){height:calc(var(--size) / 4.5);animation-delay:calc(var(--speed) * -.12)}.ldr--sk-table span:nth-child(3){height:calc(var(--size) / 4.5);animation-delay:calc(var(--speed) * -.24)}.ldr--sk-table span:nth-child(4){height:calc(var(--size) / 4.5);width:70%;animation-delay:calc(var(--speed) * -.36)}.ldr--sk-chip{display:flex;align-items:center;gap:calc(var(--size) / 5);height:calc(var(--size) / 2.4)}.ldr--sk-chip span{height:100%;border-radius:99px;background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.6) linear infinite}.ldr--sk-chip span:nth-child(1){width:28%}.ldr--sk-chip span:nth-child(2){width:38%;animation-delay:calc(var(--speed) * -.18)}.ldr--sk-chip span:nth-child(3){width:22%;animation-delay:calc(var(--speed) * -.36)}.ldr--sk-media{display:flex;flex-direction:column;gap:calc(var(--size) / 5)}.ldr--sk-media span{background:var(--sk);animation:ldr-shimmer calc(var(--speed) * 1.7) linear infinite}.ldr--sk-media span:nth-child(1){aspect-ratio:16 / 9;border-radius:calc(var(--size) / 7)}.ldr--sk-media span:nth-child(2){height:calc(var(--size) / 5);width:55%;border-radius:99px;animation-delay:calc(var(--speed) * -.2)}.ldr--helix{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.7)}.ldr--helix span{width:9%;aspect-ratio:1;border-radius:50%;background:var(--grad);animation:ldr-helix calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--helix span:nth-child(1){animation-delay:calc(var(--speed) * -0)}.ldr--helix span:nth-child(2){animation-delay:calc(var(--speed) * -.2)}.ldr--helix span:nth-child(3){animation-delay:calc(var(--speed) * -.4)}.ldr--helix span:nth-child(4){animation-delay:calc(var(--speed) * -.6)}.ldr--helix span:nth-child(5){animation-delay:calc(var(--speed) * -.8)}.ldr--helix span:nth-child(6){animation-delay:calc(var(--speed) * -1)}.ldr--helix span:nth-child(7){animation-delay:calc(var(--speed) * -1.2)}.ldr--helix span:nth-child(8){animation-delay:calc(var(--speed) * -1.4)}@keyframes ldr-helix{0%,to{transform:translateY(-90%) scale(.5);opacity:.4}50%{transform:translateY(90%) scale(1);opacity:1}}.ldr--pendulum{display:inline-flex;align-items:flex-start;justify-content:center;gap:2%}.ldr--pendulum span{width:18%;aspect-ratio:1;border-radius:50%;background:var(--grad);transform-origin:50% -100%}.ldr--pendulum span:first-child{animation:ldr-swing-l calc(var(--speed) * 1.2) cubic-bezier(.4,0,.6,1) infinite}.ldr--pendulum span:last-child{animation:ldr-swing-r calc(var(--speed) * 1.2) cubic-bezier(.4,0,.6,1) infinite}@keyframes ldr-swing-l{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-42deg)}}@keyframes ldr-swing-r{0%,50%,to{transform:rotate(0)}75%{transform:rotate(42deg)}}.ldr--atom:after{content:"";position:absolute;top:40%;right:40%;bottom:40%;left:40%;border-radius:50%;background:var(--c1);box-shadow:0 0 calc(var(--size) / 8) var(--c1)}.ldr--atom span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 26) solid transparent;border-top-color:var(--c2);border-bottom-color:var(--c3)}.ldr--atom span:nth-child(1){animation:ldr-spin var(--speed) linear infinite}.ldr--atom span:nth-child(2){animation:ldr-spin calc(var(--speed) * 1.3) linear infinite reverse;transform:rotate(60deg)}.ldr--atom span:nth-child(3){animation:ldr-spin calc(var(--speed) * 1.6) linear infinite;transform:rotate(120deg)}.ldr--gyro{perspective:calc(var(--size) * 3);transform-style:preserve-3d}.ldr--gyro span{position:absolute;border-radius:50%;border:calc(var(--size) / 20) solid transparent}.ldr--gyro span:nth-child(1){top:0;right:0;bottom:0;left:0;border-top-color:var(--c1);border-bottom-color:var(--c1);animation:ldr-gyro-x calc(var(--speed) * 1.4) linear infinite}.ldr--gyro span:nth-child(2){top:16%;right:16%;bottom:16%;left:16%;border-left-color:var(--c2);border-right-color:var(--c2);animation:ldr-gyro-y calc(var(--speed) * 1.1) linear infinite}.ldr--gyro span:nth-child(3){top:32%;right:32%;bottom:32%;left:32%;border-top-color:var(--c3);border-bottom-color:var(--c3);animation:ldr-gyro-z calc(var(--speed) * .9) linear infinite}@keyframes ldr-gyro-x{to{transform:rotateX(1turn)}}@keyframes ldr-gyro-y{to{transform:rotateY(1turn)}}@keyframes ldr-gyro-z{to{transform:rotate(1turn)}}.ldr--coil{display:flex;flex-direction:column;justify-content:space-between}.ldr--coil span{height:14%;border-radius:50%;border:calc(var(--size) / 28) solid var(--c1);animation:ldr-coil calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--coil span:nth-child(2){border-color:var(--c2);animation-delay:calc(var(--speed) * -.15)}.ldr--coil span:nth-child(3){border-color:var(--c2);animation-delay:calc(var(--speed) * -.3)}.ldr--coil span:nth-child(4){border-color:var(--c3);animation-delay:calc(var(--speed) * -.45)}.ldr--coil span:nth-child(5){border-color:var(--c3);animation-delay:calc(var(--speed) * -.6)}@keyframes ldr-coil{0%,to{transform:scaleX(.45);opacity:.4}50%{transform:scaleX(1);opacity:1}}.ldr--vortex span{position:absolute;border-radius:50%;border:calc(var(--size) / 22) solid transparent;border-top-color:var(--c1);animation:ldr-spin var(--speed) cubic-bezier(.6,.1,.4,.9) infinite}.ldr--vortex span:nth-child(1){top:0;right:0;bottom:0;left:0;border-top-color:var(--c1);animation-duration:calc(var(--speed) * 1.6)}.ldr--vortex span:nth-child(2){top:14%;right:14%;bottom:14%;left:14%;border-top-color:var(--c2);animation-duration:calc(var(--speed) * 1.2)}.ldr--vortex span:nth-child(3){top:28%;right:28%;bottom:28%;left:28%;border-top-color:var(--c2);animation-duration:calc(var(--speed) * .9)}.ldr--vortex span:nth-child(4){top:42%;right:42%;bottom:42%;left:42%;border-top-color:var(--c3);animation-duration:calc(var(--speed) * .65)}.ldr--prism{animation:ldr-spin calc(var(--speed) * 2.4) linear infinite}.ldr--prism span{position:absolute;top:0;left:50%;width:40%;height:40%;margin-left:-20%;clip-path:polygon(50% 0%,100% 100%,0% 100%);transform-origin:50% calc(var(--size) / 2);animation:ldr-breathe calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--prism span:nth-child(1){background:var(--c1);transform:rotate(0);animation-delay:calc(var(--speed) * -0)}.ldr--prism span:nth-child(2){background:var(--c2);transform:rotate(120deg);animation-delay:calc(var(--speed) * -.5)}.ldr--prism span:nth-child(3){background:var(--c3);transform:rotate(240deg);animation-delay:calc(var(--speed) * -1)}.ldr--torus{border-radius:50%;border:calc(var(--size) / 9) solid transparent;border-top-color:var(--c1);border-bottom-color:var(--c3);animation:ldr-torus calc(var(--speed) * 1.8) linear infinite}@keyframes ldr-torus{0%{transform:rotateX(60deg) rotate(0)}to{transform:rotateX(60deg) rotate(360deg)}}.ldr--cylinder{display:flex;flex-direction:column;justify-content:space-between;perspective:calc(var(--size) * 3)}.ldr--cylinder span{height:20%;border-radius:50%;background:var(--grad);animation:ldr-cyl calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--cylinder span:nth-child(2){animation-delay:calc(var(--speed) * -.18)}.ldr--cylinder span:nth-child(3){animation-delay:calc(var(--speed) * -.36)}.ldr--cylinder span:nth-child(4){animation-delay:calc(var(--speed) * -.54)}@keyframes ldr-cyl{0%,to{transform:scaleX(.4);opacity:.35}50%{transform:scaleX(1);opacity:1}}.ldr--galaxy{animation:ldr-spin calc(var(--speed) * 3) linear infinite}.ldr--galaxy span{position:absolute;top:50%;left:50%;width:13%;aspect-ratio:1;margin:-6.5% 0 0 -6.5%;border-radius:50%;animation:ldr-orbit-out calc(var(--speed) * 2) ease-in-out infinite}.ldr--galaxy span:nth-child(1){background:var(--c1);--a: 0deg;animation-delay:calc(var(--speed) * -0)}.ldr--galaxy span:nth-child(2){background:var(--c1);--a: 60deg;animation-delay:calc(var(--speed) * -.33)}.ldr--galaxy span:nth-child(3){background:var(--c2);--a: 120deg;animation-delay:calc(var(--speed) * -.66)}.ldr--galaxy span:nth-child(4){background:var(--c2);--a: 180deg;animation-delay:calc(var(--speed) * -1)}.ldr--galaxy span:nth-child(5){background:var(--c3);--a: 240deg;animation-delay:calc(var(--speed) * -1.33)}.ldr--galaxy span:nth-child(6){background:var(--c3);--a: 300deg;animation-delay:calc(var(--speed) * -1.66)}@keyframes ldr-orbit-out{0%,to{transform:rotate(var(--a)) translate(0) scale(.4);opacity:.3}50%{transform:rotate(var(--a)) translate(160%) scale(1);opacity:1}}@keyframes ldr-flicker{0%,to{opacity:1}3%{opacity:.3}6%{opacity:1}41%{opacity:.55}44%{opacity:1}68%{opacity:.22}71%{opacity:1}}.ldr--neon-ring{border-radius:50%;border:calc(var(--size) / 11) solid var(--c1);box-shadow:0 0 calc(var(--size) / 5) color-mix(in oklab,var(--c1) 65%,transparent),inset 0 0 calc(var(--size) / 9) color-mix(in oklab,var(--c1) 55%,transparent);animation:ldr-flicker calc(var(--speed) * 2.6) steps(1,end) infinite}.ldr--neon-ring:after{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:calc(var(--size) / 24) solid transparent;border-top-color:var(--c2);border-bottom-color:var(--c3);filter:drop-shadow(0 0 calc(var(--size) / 10) var(--c2));animation:ldr-spin calc(var(--speed) * 1.4) linear infinite}.ldr--neon-pulse:before{content:"";position:absolute;top:27%;right:27%;bottom:27%;left:27%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0 14%,var(--c1) 48%,var(--c2) 100%);box-shadow:0 0 calc(var(--size) / 5) var(--c1);animation:ldr-pulse calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--neon-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,var(--c2) 0,transparent 68%);filter:blur(calc(var(--size) / 14));animation:ldr-glow-swell calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--neon-tube{width:calc(var(--size) * 1.9);height:calc(var(--size) * .34);border-radius:99px;border:max(1px,calc(var(--size) / 44)) solid color-mix(in oklab,var(--c1) 45%,transparent);background:color-mix(in oklab,var(--c1) 10%,transparent);overflow:hidden}.ldr--neon-tube:after{content:"";position:absolute;inset:0 auto 0 0;width:34%;border-radius:99px;background:linear-gradient(90deg,transparent,var(--c1) 28%,#fff 50%,var(--c2) 72%,transparent);box-shadow:0 0 calc(var(--size) / 5) var(--c2);animation:ldr-tube-run calc(var(--speed) * 1.8) cubic-bezier(.6,0,.4,1) infinite}@keyframes ldr-tube-run{0%,to{transform:translate(-14%)}50%{transform:translate(208%)}}.ldr--neon-sign{display:inline-flex;align-items:flex-end;justify-content:space-between;width:calc(var(--size) * 1.15)}.ldr--neon-sign span{width:17%;border-radius:99px;animation:ldr-ignite calc(var(--speed) * 2.4) steps(1,end) infinite}.ldr--neon-sign span:nth-child(1){height:62%;background:var(--c1);box-shadow:0 0 calc(var(--size) / 6) var(--c1);animation-delay:calc(var(--speed) * -2.4)}.ldr--neon-sign span:nth-child(2){height:100%;background:var(--c2);box-shadow:0 0 calc(var(--size) / 6) var(--c2);animation-delay:calc(var(--speed) * -1.8)}.ldr--neon-sign span:nth-child(3){height:78%;background:var(--c3);box-shadow:0 0 calc(var(--size) / 6) var(--c3);animation-delay:calc(var(--speed) * -1.2)}.ldr--neon-sign span:nth-child(4){height:44%;background:var(--c1);box-shadow:0 0 calc(var(--size) / 6) var(--c1);animation-delay:calc(var(--speed) * -.6)}@keyframes ldr-ignite{0%{opacity:.12}8%{opacity:1}12%{opacity:.28}16%{opacity:1}72%{opacity:1}78%{opacity:.12}to{opacity:.12}}.ldr--laser{width:calc(var(--size) * 1.5);height:var(--size);border-radius:calc(var(--size) / 10);border:max(1px,calc(var(--size) / 48)) solid color-mix(in oklab,var(--c1) 30%,transparent);background:linear-gradient(color-mix(in oklab,var(--c1) 14%,transparent),color-mix(in oklab,var(--c3) 14%,transparent));overflow:hidden}.ldr--laser:before{content:"";position:absolute;left:0;right:0;top:0;height:max(2px,calc(var(--size) / 24));background:linear-gradient(90deg,transparent,var(--c2) 16%,#fff 50%,var(--c2) 84%,transparent);box-shadow:0 0 calc(var(--size) / 6) var(--c2);animation:ldr-laser-scan calc(var(--speed) * 1.9) cubic-bezier(.55,0,.45,1) infinite}.ldr--laser:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(color-mix(in oklab,var(--c1) 20%,transparent) 0 1px,transparent 1px 4px);opacity:.55}@keyframes ldr-laser-scan{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--size) * .93))}}.ldr--light-trail:before,.ldr--light-trail:after{content:"";position:absolute;border-radius:50%}.ldr--light-trail:before{top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,var(--c1) 0 3%,color-mix(in oklab,var(--c1) 45%,transparent) 20%,transparent 42%,var(--c2) 50% 53%,color-mix(in oklab,var(--c2) 45%,transparent) 70%,transparent 92%);-webkit-mask:radial-gradient(farthest-side,#0000 88%,#000 89%);mask:radial-gradient(farthest-side,#0000 88%,#000 89%);filter:drop-shadow(0 0 calc(var(--size) / 10) var(--c1));animation:ldr-spin var(--speed) linear infinite reverse}.ldr--light-trail:after{top:27%;right:27%;bottom:27%;left:27%;background:conic-gradient(from 180deg,var(--c3) 0 5%,color-mix(in oklab,var(--c3) 40%,transparent) 30%,transparent 58%);-webkit-mask:radial-gradient(farthest-side,#0000 80%,#000 81%);mask:radial-gradient(farthest-side,#0000 80%,#000 81%);filter:drop-shadow(0 0 calc(var(--size) / 14) var(--c3));animation:ldr-spin calc(var(--speed) * .68) linear infinite}.ldr--neon-arc:before,.ldr--neon-arc:after{content:"";position:absolute;border-radius:50%}.ldr--neon-arc:before{top:0;right:0;bottom:0;left:0;background:conic-gradient(var(--c1) var(--ldr-p, 30%),transparent 0);-webkit-mask:radial-gradient(farthest-side,#0000 89%,#000 90%);mask:radial-gradient(farthest-side,#0000 89%,#000 90%);filter:drop-shadow(0 0 calc(var(--size) / 9) var(--c1));animation:ldr-arc-len calc(var(--speed) * 2) ease-in-out infinite,ldr-spin calc(var(--speed) * 1.3) linear infinite}.ldr--neon-arc:after{top:26%;right:26%;bottom:26%;left:26%;background:conic-gradient(var(--c3) var(--ldr-p, 30%),transparent 0);-webkit-mask:radial-gradient(farthest-side,#0000 82%,#000 83%);mask:radial-gradient(farthest-side,#0000 82%,#000 83%);filter:drop-shadow(0 0 calc(var(--size) / 12) var(--c3));animation:ldr-arc-len calc(var(--speed) * 2) ease-in-out infinite reverse,ldr-spin calc(var(--speed) * .9) linear infinite reverse}@keyframes ldr-arc-len{0%,to{--ldr-p: 6%}50%{--ldr-p: 74%}}.ldr--plasma{border-radius:50%;border:max(1px,calc(var(--size) / 40)) solid color-mix(in oklab,var(--c2) 55%,transparent);box-shadow:0 0 calc(var(--size) / 7) color-mix(in oklab,var(--c2) 45%,transparent);overflow:hidden}.ldr--plasma:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--c1) 0 20%,transparent 58%),radial-gradient(circle at 72% 42%,var(--c2) 0 19%,transparent 56%),radial-gradient(circle at 48% 76%,var(--c3) 0 22%,transparent 60%);filter:blur(calc(var(--size) / 16));animation:ldr-spin calc(var(--speed) * 2.2) linear infinite,ldr-glow-swell calc(var(--speed) * 1.3) ease-in-out infinite}.ldr--plasma:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;background:#fff;filter:blur(calc(var(--size) / 22));animation:ldr-pulse calc(var(--speed) * 1.1) ease-in-out infinite}.ldr--strobe span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--size) / 14) solid var(--c1);box-shadow:0 0 calc(var(--size) / 6) var(--c1),inset 0 0 calc(var(--size) / 9) var(--c1);animation:ldr-strobe calc(var(--speed) * 1.5) steps(6,end) infinite}.ldr--strobe span:nth-child(2){border-color:var(--c2);box-shadow:0 0 calc(var(--size) / 6) var(--c2);animation-delay:calc(var(--speed) * -.5)}.ldr--strobe span:nth-child(3){border-color:var(--c3);box-shadow:0 0 calc(var(--size) / 6) var(--c3);animation-delay:calc(var(--speed) * -1)}@keyframes ldr-strobe{0%{scale:.2;opacity:1}to{scale:1.12;opacity:0}}.ldr--glow-dots{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * 1.5)}.ldr--glow-dots span{width:16%;aspect-ratio:1;border-radius:50%;color:var(--c1);background:currentColor;animation:ldr-bulb calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--glow-dots span:nth-child(2){color:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * .12)}.ldr--glow-dots span:nth-child(3){color:var(--c2);animation-delay:calc(var(--speed) * .24)}.ldr--glow-dots span:nth-child(4){color:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * .36)}.ldr--glow-dots span:nth-child(5){color:var(--c3);animation-delay:calc(var(--speed) * .48)}@keyframes ldr-bulb{0%,to{opacity:.2;box-shadow:0 0 0 transparent;scale:.78}28%{opacity:1;box-shadow:0 0 calc(var(--size) / 5) currentColor;scale:1.15}}.ldr--retro-grid{width:calc(var(--size) * 1.6);height:var(--size);border-radius:calc(var(--size) / 12);overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--c2) 34%,transparent) 0 45%,transparent 46%)}.ldr--retro-grid:before{content:"";position:absolute;left:22%;right:22%;top:8%;height:46%;border-radius:50%;background:linear-gradient(var(--c1),var(--c2));filter:blur(calc(var(--size) / 40));animation:ldr-blink calc(var(--speed) * 3) ease-in-out infinite}.ldr--retro-grid:after{content:"";position:absolute;left:-60%;right:-60%;top:45%;bottom:-70%;background:repeating-linear-gradient(90deg,var(--c3) 0 max(1px,calc(var(--size) / 48)),transparent 0 calc(var(--size) / 5)),repeating-linear-gradient(0deg,var(--c2) 0 max(1px,calc(var(--size) / 48)),transparent 0 calc(var(--size) / 4));transform:perspective(calc(var(--size) / 1.4)) rotateX(74deg);transform-origin:50% 0;animation:ldr-grid-rush calc(var(--speed) * 1.6) linear infinite}@keyframes ldr-grid-rush{to{background-position:0 0,0 calc(var(--size) / 4)}}.ldr--firefly span{position:absolute;top:43%;left:43%;width:14%;aspect-ratio:1;border-radius:50%;color:var(--c1);background:currentColor;box-shadow:0 0 calc(var(--size) / 6) currentColor;animation:ldr-drift calc(var(--speed) * 3.4) ease-in-out infinite,ldr-blink calc(var(--speed) * 1.7) ease-in-out infinite}.ldr--firefly span:nth-child(1){--x1: -140%;--y1: -60%;--x2: 90%;--y2: -170%;--x3: 10%;--y3: 120%}.ldr--firefly span:nth-child(2){--x1: 120%;--y1: 90%;--x2: -70%;--y2: 150%;--x3: 150%;--y3: -110%;color:var(--c2);animation-delay:calc(var(--speed) * -.55),calc(var(--speed) * -.4)}.ldr--firefly span:nth-child(3){--x1: -60%;--y1: 160%;--x2: 160%;--y2: 40%;--x3: -150%;--y3: -30%;color:var(--c3);animation-delay:calc(var(--speed) * -1.1),calc(var(--speed) * -.8)}.ldr--firefly span:nth-child(4){--x1: 170%;--y1: -120%;--x2: -30%;--y2: -40%;--x3: -170%;--y3: 110%;color:var(--c2);animation-delay:calc(var(--speed) * -1.7),calc(var(--speed) * -1.2)}.ldr--firefly span:nth-child(5){--x1: -20%;--y1: -10%;--x2: 130%;--y2: 150%;--x3: 60%;--y3: -160%;color:var(--c1);animation-delay:calc(var(--speed) * -2.3),calc(var(--speed) * -1.5)}@keyframes ldr-drift{0%,to{translate:var(--x1) var(--y1)}33%{translate:var(--x2) var(--y2)}66%{translate:var(--x3) var(--y3)}}.ldr--liquid-fill{border-radius:50%;overflow:hidden;border:calc(var(--size) / 16) solid var(--c1);background:color-mix(in oklab,var(--c1) 12%,transparent)}.ldr--liquid-fill span{position:absolute;top:0;right:0;bottom:0;left:0;animation:ldr-fill-level calc(var(--speed) * 4) ease-in-out infinite}.ldr--liquid-fill span:before{content:"";position:absolute;left:50%;top:52%;width:220%;aspect-ratio:1;margin-left:-110%;border-radius:43%;background:var(--c2);animation:ldr-spin calc(var(--speed) * 3) linear infinite}.ldr--liquid-fill span:nth-child(2){animation-delay:calc(var(--speed) * -.5)}.ldr--liquid-fill span:nth-child(2):before{top:56%;border-radius:46%;background:var(--c3);opacity:.55;animation-duration:calc(var(--speed) * 2.2);animation-direction:reverse}@keyframes ldr-fill-level{0%,to{transform:translateY(40%)}50%{transform:translateY(-14%)}}.ldr--drip{width:calc(var(--size) * .8);height:calc(var(--size) * 1.3)}.ldr--drip:before{content:"";position:absolute;left:50%;top:0;width:34%;height:26%;margin-left:-17%;border-radius:0 0 50% 50%/0 0 74% 74%;background:linear-gradient(var(--c1),var(--c2));transform-origin:50% 0;animation:ldr-drip-form calc(var(--speed) * 1.9) cubic-bezier(.6,0,.7,.2) infinite}@keyframes ldr-drip-form{0%{scale:.62 .5}62%{scale:1 1.3}68%{scale:.55 .42}to{scale:.62 .5}}.ldr--drip span{position:absolute;left:50%;top:24%;width:26%;aspect-ratio:1;margin-left:-13%;border-radius:50%/62% 62% 38% 38%;background:var(--c2);animation:ldr-drip-fall calc(var(--speed) * 1.9) cubic-bezier(.45,0,.75,.55) infinite}@keyframes ldr-drip-fall{0%,60%{translate:0 0;scale:.1;opacity:0}65%{translate:0 0;scale:1;opacity:1}92%{translate:0 185%;scale:1.1 .92;opacity:1}to{translate:0 205%;scale:1.6 .3;opacity:0}}.ldr--drip:after{content:"";position:absolute;left:14%;right:14%;bottom:4%;height:13%;border-radius:50%;background:color-mix(in oklab,var(--c3) 85%,transparent);animation:ldr-drip-pool calc(var(--speed) * 1.9) ease-out infinite}@keyframes ldr-drip-pool{0%,92%{scale:.82 1;opacity:.6}96%{scale:1.3 .65;opacity:1}to{scale:.82 1;opacity:.6}}.ldr--metaball span{position:absolute;top:50%;left:50%;width:44%;aspect-ratio:1;margin:-22% 0 0 -22%;border-radius:50%;animation:ldr-meta calc(var(--speed) * 1.8) cubic-bezier(.5,0,.5,1) infinite}.ldr--metaball span:nth-child(1){background:var(--c1);--dir: -1}.ldr--metaball span:nth-child(2){background:var(--c2);--dir: 1}@keyframes ldr-meta{0%,to{translate:calc(var(--dir) * 66%) 0;scale:.92 1.04}50%{translate:0 0;scale:1.14 .88}}.ldr--metaball:after{content:"";position:absolute;top:50%;left:50%;width:62%;height:30%;margin:-15% 0 0 -31%;border-radius:50%;background:linear-gradient(90deg,var(--c1),var(--c2));animation:ldr-meta-neck calc(var(--speed) * 1.8) cubic-bezier(.5,0,.5,1) infinite}@keyframes ldr-meta-neck{0%,to{scale:1 .1;opacity:.3}34%,66%{scale:1 1;opacity:1}50%{scale:.72 1.5}}.ldr--wave-tank{width:calc(var(--size) * 1.5);height:var(--size);border-radius:calc(var(--size) / 10);overflow:hidden;border:max(1px,calc(var(--size) / 44)) solid color-mix(in oklab,var(--c1) 35%,transparent);background:color-mix(in oklab,var(--c1) 10%,transparent)}.ldr--wave-tank span{position:absolute;left:50%;top:30%;width:240%;aspect-ratio:1;margin-left:-120%;border-radius:44%}.ldr--wave-tank span:nth-child(1){background:color-mix(in oklab,var(--c2) 78%,transparent);animation:ldr-spin calc(var(--speed) * 2.8) linear infinite}.ldr--wave-tank span:nth-child(2){top:38%;border-radius:47%;background:var(--c3);opacity:.6;animation:ldr-spin calc(var(--speed) * 1.9) linear infinite reverse}.ldr--ripple-pool span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:max(2px,calc(var(--size) / 18)) solid var(--c1);transform:rotateX(62deg);animation:ldr-pool calc(var(--speed) * 2.2) cubic-bezier(.2,.6,.3,1) infinite}.ldr--ripple-pool span:nth-child(2){border-color:var(--c2);animation-delay:calc(var(--speed) * -.73)}.ldr--ripple-pool span:nth-child(3){border-color:var(--c3);animation-delay:calc(var(--speed) * -1.46)}@keyframes ldr-pool{0%{scale:.08;opacity:0}12%{opacity:1}72%{opacity:.8}to{scale:1.12;opacity:0}}.ldr--ripple-pool:after{content:"";position:absolute;left:44%;top:44%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--c2);animation:ldr-pulse calc(var(--speed) * 2.2) ease-out infinite}.ldr--mercury:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 34% 28%,#fff 0 6%,color-mix(in oklab,var(--c1) 55%,#fff) 24%,var(--c1) 58%,var(--c2) 100%);animation:ldr-mercury calc(var(--speed) * 2) cubic-bezier(.5,0,.5,1) infinite}@keyframes ldr-mercury{0%,to{border-radius:50%;transform:scale(1)}25%{border-radius:46% 54% 62% 38%/58% 42%;transform:scale(1.12,.88)}50%{border-radius:58% 42% 38% 62%/40% 62% 38% 60%;transform:scale(.88,1.12)}75%{border-radius:40% 60% 55% 45%/55% 45% 60% 40%;transform:scale(1.07,.93)}}.ldr--mercury:after{content:"";position:absolute;top:18%;left:22%;width:26%;height:16%;border-radius:50%;background:#fff;opacity:.75;filter:blur(calc(var(--size) / 32));animation:ldr-spec calc(var(--speed) * 2) ease-in-out infinite}@keyframes ldr-spec{0%,to{translate:0 0;opacity:.8}50%{translate:45% 30%;opacity:.4}}.ldr--lava{width:calc(var(--size) * .72);height:calc(var(--size) * 1.35);border-radius:99px;overflow:hidden;border:max(1px,calc(var(--size) / 44)) solid color-mix(in oklab,var(--c1) 30%,transparent);background:linear-gradient(color-mix(in oklab,var(--c1) 16%,transparent),color-mix(in oklab,var(--c2) 28%,transparent))}.ldr--lava span{position:absolute;left:50%;top:60%;width:58%;aspect-ratio:1;margin-left:-29%;border-radius:50%;background:var(--c2);filter:blur(calc(var(--size) / 44));animation:ldr-lava-rise calc(var(--speed) * 3.4) ease-in-out infinite}.ldr--lava span:nth-child(2){width:40%;margin-left:-20%;background:var(--c1);animation-delay:calc(var(--speed) * -1.1)}.ldr--lava span:nth-child(3){width:30%;margin-left:-15%;background:var(--c3);animation-delay:calc(var(--speed) * -2.2)}@keyframes ldr-lava-rise{0%,to{translate:0 42%;scale:1.12 .8}50%{translate:0 -235%;scale:.82 1.2}}.ldr--ink span{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--c1) 0 34%,color-mix(in oklab,var(--c2) 65%,transparent) 68%,transparent 100%);filter:blur(calc(var(--size) / 22));animation:ldr-ink-bloom calc(var(--speed) * 2.6) cubic-bezier(.2,.62,.35,1) infinite,ldr-ink-morph calc(var(--speed) * 2.6) linear infinite}.ldr--ink span:nth-child(2){animation-delay:calc(var(--speed) * -.87)}.ldr--ink span:nth-child(3){animation-delay:calc(var(--speed) * -1.74)}@keyframes ldr-ink-bloom{0%{scale:.1;opacity:0}12%{opacity:1}to{scale:1.2;opacity:0}}@keyframes ldr-ink-morph{0%{border-radius:52% 48% 44% 56%/46% 54%;rotate:0deg}50%{border-radius:38% 62% 58% 42%/60% 38% 62% 40%}to{border-radius:52% 48% 44% 56%/46% 54%;rotate:140deg}}.ldr--splash{width:var(--size);height:calc(var(--size) * 1.1)}.ldr--splash:before{content:"";position:absolute;left:50%;top:0;width:20%;aspect-ratio:1;margin-left:-10%;border-radius:50%/64% 64% 36% 36%;background:var(--c1);animation:ldr-splash-fall calc(var(--speed) * 1.8) cubic-bezier(.45,0,.8,.5) infinite}@keyframes ldr-splash-fall{0%{translate:0 -40%;scale:.9 1.15;opacity:0}10%{opacity:1}55%{translate:0 300%;scale:1 1.2;opacity:1}60%,to{translate:0 320%;scale:1.4 .2;opacity:0}}.ldr--splash span{position:absolute;left:50%;bottom:16%;width:13%;aspect-ratio:1;margin-left:-6.5%;border-radius:50%;background:var(--c2);animation:ldr-splash-crown calc(var(--speed) * 1.8) cubic-bezier(.15,.7,.4,1) infinite}.ldr--splash span:nth-child(1){--dx: -170%}.ldr--splash span:nth-child(2){--dx: 0%;background:var(--c3)}.ldr--splash span:nth-child(3){--dx: 170%}@keyframes ldr-splash-crown{0%,55%{translate:0 0;scale:.2;opacity:0}70%{translate:calc(var(--dx) * .7) -170%;scale:1;opacity:1}to{translate:var(--dx) 30%;scale:.4;opacity:0}}.ldr--splash:after{content:"";position:absolute;left:8%;right:8%;bottom:6%;height:16%;border-radius:50%;background:radial-gradient(ellipse,var(--c3) 0 40%,color-mix(in oklab,var(--c3) 30%,transparent) 100%);animation:ldr-splash-ring calc(var(--speed) * 1.8) ease-out infinite}@keyframes ldr-splash-ring{0%,55%{scale:.7 1;opacity:.55}62%{scale:1.15 .6;opacity:1}to{scale:.7 1;opacity:.55}}.ldr--whirl{border-radius:50%;overflow:hidden;border:max(1px,calc(var(--size) / 34)) solid color-mix(in oklab,var(--c1) 40%,transparent);background:color-mix(in oklab,var(--c1) 10%,transparent)}.ldr--whirl:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c1));-webkit-mask:radial-gradient(circle,#000 0 26%,rgba(0,0,0,.3) 54%,#000 100%);mask:radial-gradient(circle,#000 0 26%,rgba(0,0,0,.3) 54%,#000 100%);filter:blur(calc(var(--size) / 26));animation:ldr-spin calc(var(--speed) * 1.5) linear infinite}.ldr--whirl:after{content:"";position:absolute;left:34%;top:34%;width:32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 0 38%,color-mix(in oklab,var(--c3) 75%,transparent) 100%);animation:ldr-whirl-eye calc(var(--speed) * 1.5) ease-in-out infinite}@keyframes ldr-whirl-eye{0%,to{scale:.68;opacity:.55}50%{scale:1.3;opacity:1}}.ldr--pour{width:calc(var(--size) * .82);height:calc(var(--size) * 1.25)}.ldr--pour:before{content:"";position:absolute;left:50%;top:0;width:11%;height:34%;margin-left:-5.5%;border-radius:99px;background:linear-gradient(var(--c1),var(--c2));transform-origin:50% 0;animation:ldr-pour-stream calc(var(--speed) * 3.2) ease-in-out infinite}@keyframes ldr-pour-stream{0%,78%{scale:1 1;opacity:1}88%,to{scale:.5 0;opacity:0}}.ldr--pour:after{content:"";position:absolute;left:0;right:0;top:30%;bottom:0;border:max(1px,calc(var(--size) / 40)) solid color-mix(in oklab,var(--c1) 45%,transparent);border-top:none;border-radius:0 0 calc(var(--size) / 5) calc(var(--size) / 5)}.ldr--pour span{position:absolute;left:6%;right:6%;top:32%;bottom:3%;border-radius:0 0 calc(var(--size) / 6) calc(var(--size) / 6);overflow:hidden}.ldr--pour span:before{content:"";position:absolute;left:-60%;right:-60%;top:0;bottom:0;border-radius:44% 44% 0 0/18% 18% 0 0;background:var(--c2);animation:ldr-pour-fill calc(var(--speed) * 3.2) ease-in-out infinite}.ldr--pour span:nth-child(2):before{background:var(--c3);opacity:.5;border-radius:40% 48% 0 0/22% 14% 0 0;animation-delay:calc(var(--speed) * -.18)}@keyframes ldr-pour-fill{0%{translate:0 102%}74%,88%{translate:0 4%}to{translate:0 102%}}@keyframes ldr-jitter{0%,to{translate:0 0}8%{translate:-6% 2%}16%{translate:5% -3%}24%{translate:0 0}56%{translate:4% 3%}62%{translate:-5% -2%}68%{translate:0 0}}.ldr--glitch-block{border-radius:calc(var(--size) / 8);background:var(--grad);animation:ldr-jitter calc(var(--speed) * 1.6) steps(1,end) infinite}.ldr--glitch-block:before,.ldr--glitch-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.75}.ldr--glitch-block:before{background:var(--c2);clip-path:polygon(0 12%,100% 12%,100% 38%,0 38%);animation:ldr-tear-a calc(var(--speed) * 1.6) steps(1,end) infinite}.ldr--glitch-block:after{background:var(--c3);clip-path:polygon(0 58%,100% 58%,100% 82%,0 82%);animation:ldr-tear-b calc(var(--speed) * 1.6) steps(1,end) infinite}@keyframes ldr-tear-a{0%,to{translate:0 0}10%{translate:-22% 0}18%{translate:14% 0}26%{translate:0 0}70%{translate:-30% 0}76%{translate:0 0}}@keyframes ldr-tear-b{0%,to{translate:0 0}12%{translate:26% 0}20%{translate:-12% 0}28%{translate:0 0}64%{translate:20% 0}72%{translate:0 0}}.ldr--glitch-text{display:inline-flex;flex-direction:column;justify-content:space-between;width:calc(var(--size) * 1.6);height:calc(var(--size) * .78)}.ldr--glitch-text span{height:22%;border-radius:calc(var(--size) / 22);background:var(--c1);animation:ldr-slip calc(var(--speed) * 1.4) steps(1,end) infinite}.ldr--glitch-text span:nth-child(1){width:100%}.ldr--glitch-text span:nth-child(2){width:74%;background:var(--c2);animation-delay:calc(var(--speed) * -.35)}.ldr--glitch-text span:nth-child(3){width:88%;background:var(--c3);animation-delay:calc(var(--speed) * -.7)}@keyframes ldr-slip{0%,to{translate:0 0;scale:1 1;opacity:1}6%{translate:12% 0;scale:1.06 1;opacity:.55}12%{translate:-8% 0;opacity:1}18%{translate:0 0}58%{translate:5% 0;scale:.9 1}63%{translate:0 0;scale:1 1}}.ldr--rgb-split span{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;opacity:.72;animation:ldr-split-drift calc(var(--speed) * 1.7) cubic-bezier(.5,0,.5,1) infinite}.ldr--rgb-split span:nth-child(1){background:var(--c1);--dx: -1;--dy: -1}.ldr--rgb-split span:nth-child(2){background:var(--c2);--dx: 1;--dy: -.4;animation-delay:calc(var(--speed) * -.08)}.ldr--rgb-split span:nth-child(3){background:var(--c3);--dx: 0;--dy: 1.2;animation-delay:calc(var(--speed) * -.16)}@keyframes ldr-split-drift{0%,to{translate:0 0}50%{translate:calc(var(--dx) * 24%) calc(var(--dy) * 24%)}}.ldr--rgb-split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:max(1px,calc(var(--size) / 40)) dashed color-mix(in oklab,var(--c1) 45%,transparent);animation:ldr-spin calc(var(--speed) * 4) steps(12,end) infinite}.ldr--scanlines{width:calc(var(--size) * 1.4);height:var(--size);border-radius:calc(var(--size) / 8);overflow:hidden;background:linear-gradient(150deg,var(--c1),var(--c2) 55%,var(--c3))}.ldr--scanlines:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(rgba(0,0,0,.55) 0 1px,transparent 1px 3px);animation:ldr-raster calc(var(--speed) * .9) linear infinite}@keyframes ldr-raster{to{background-position:0 3px}}.ldr--scanlines:after{content:"";position:absolute;left:0;right:0;top:0;height:26%;background:linear-gradient(transparent,rgba(255,255,255,.45),transparent);animation:ldr-roll calc(var(--speed) * 2.4) linear infinite}@keyframes ldr-roll{0%{translate:0 -120%}to{translate:0 420%}}.ldr--static-noise{width:calc(var(--size) * 1.4);height:var(--size);border-radius:calc(var(--size) / 10);overflow:hidden;background-color:color-mix(in oklab,var(--c1) 14%,transparent);background-image:repeating-linear-gradient(23deg,var(--c2) 0 1px,transparent 1px 3px),repeating-linear-gradient(-61deg,var(--c3) 0 1px,transparent 1px 4px),repeating-linear-gradient(88deg,var(--c1) 0 1px,transparent 1px 2px),repeating-linear-gradient(7deg,var(--c2) 0 1px,transparent 1px 5px);background-size:7px 7px,11px 11px,5px 5px,13px 13px;animation:ldr-static calc(var(--speed) * .6) steps(6,end) infinite}@keyframes ldr-static{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:7px 3px,-11px 5px,5px -2px,-13px 7px}}.ldr--static-noise:after{content:"";position:absolute;left:0;right:0;height:12%;top:0;background:color-mix(in oklab,var(--c1) 65%,#fff);opacity:.5;animation:ldr-roll calc(var(--speed) * 1.8) linear infinite}.ldr--datamosh{display:inline-flex;flex-direction:column;border-radius:calc(var(--size) / 10);overflow:hidden}.ldr--datamosh span{flex:1;background:var(--grad);animation:ldr-mosh calc(var(--speed) * 1.8) steps(1,end) infinite}.ldr--datamosh span:nth-child(1){--dx: -34%;animation-delay:calc(var(--speed) * -.1)}.ldr--datamosh span:nth-child(2){--dx: 22%;animation-delay:calc(var(--speed) * -.5);filter:hue-rotate(40deg)}.ldr--datamosh span:nth-child(3){--dx: -18%;animation-delay:calc(var(--speed) * -.9)}.ldr--datamosh span:nth-child(4){--dx: 40%;animation-delay:calc(var(--speed) * -1.3);filter:hue-rotate(-40deg)}.ldr--datamosh span:nth-child(5){--dx: -26%;animation-delay:calc(var(--speed) * -1.6)}@keyframes ldr-mosh{0%,to{translate:0 0;opacity:1}14%{translate:var(--dx) 0;opacity:.55}22%{translate:calc(var(--dx) * -.4) 0;opacity:1}30%{translate:0 0}}.ldr--corrupt-bar{width:calc(var(--size) * 2.2);height:calc(var(--size) * .26);border-radius:calc(var(--size) / 22);background:color-mix(in oklab,var(--c1) 22%,transparent);overflow:hidden}.ldr--corrupt-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));box-shadow:0 0 calc(var(--size) / 8) color-mix(in oklab,var(--c2) 60%,transparent);animation:ldr-corrupt calc(var(--speed) * 2.6) steps(1,end) infinite}@keyframes ldr-corrupt{0%{scale:.04 1}10%{scale:.18 1}18%{scale:.12 1}30%{scale:.44 1}38%{scale:.4 1}46%{scale:.68 1}54%{scale:.5 1}66%{scale:.82 1}74%{scale:.78 1}86%{scale:.97 1}94%{scale:1 1}to{scale:.04 1}}.ldr--corrupt-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 14px);animation:ldr-jitter calc(var(--speed) * .9) steps(1,end) infinite}.ldr--signal-loss{display:inline-flex;align-items:flex-end;justify-content:space-between;width:calc(var(--size) * 1.1)}.ldr--signal-loss span{width:19%;border-radius:calc(var(--size) / 24);background:var(--c1);transform-origin:50% 100%;animation:ldr-signal calc(var(--speed) * 2.2) steps(1,end) infinite}.ldr--signal-loss span:nth-child(1){height:34%;animation-delay:calc(var(--speed) * -0)}.ldr--signal-loss span:nth-child(2){height:56%;background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * -.25)}.ldr--signal-loss span:nth-child(3){height:78%;background:var(--c2);animation-delay:calc(var(--speed) * -.5)}.ldr--signal-loss span:nth-child(4){height:100%;background:var(--c3);animation-delay:calc(var(--speed) * -.75)}@keyframes ldr-signal{0%,44%{opacity:1;scale:1 1}48%{opacity:.16;scale:1 .3}52%{opacity:1;scale:1 1}56%{opacity:.16;scale:1 .55}60%,to{opacity:1;scale:1 1}}.ldr--vhs{width:calc(var(--size) * 1.4);height:var(--size);border-radius:calc(var(--size) / 12);overflow:hidden;background:linear-gradient(var(--c1) 0 34%,var(--c2) 34% 67%,var(--c3) 67% 100%)}.ldr--vhs:before{content:"";position:absolute;left:-10%;right:-10%;top:0;height:18%;background:linear-gradient(#ffffff1a,#ffffffbf,#ffffff1a);box-shadow:0 0 calc(var(--size) / 10) #ffffff80;animation:ldr-track calc(var(--speed) * 2.6) linear infinite}@keyframes ldr-track{0%{translate:0 560%}to{translate:0 -120%}}.ldr--vhs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(rgba(0,0,0,.35) 0 2px,transparent 2px 5px);animation:ldr-jitter calc(var(--speed) * 1.3) steps(1,end) infinite}.ldr--pixel-drift{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:calc(var(--size) / 22)}.ldr--pixel-drift span{border-radius:calc(var(--size) / 26);background:var(--c1);animation:ldr-drift-snap calc(var(--speed) * 2) steps(1,end) infinite}.ldr--pixel-drift span:nth-child(1){--dx: 60%;--dy: 0;animation-delay:calc(var(--speed) * -0)}.ldr--pixel-drift span:nth-child(2){--dx: -40%;--dy: 30%;background:var(--c2);animation-delay:calc(var(--speed) * -.2)}.ldr--pixel-drift span:nth-child(3){--dx: 30%;--dy: -50%;animation-delay:calc(var(--speed) * -.4)}.ldr--pixel-drift span:nth-child(4){--dx: -70%;--dy: 0;background:var(--c2);animation-delay:calc(var(--speed) * -.6)}.ldr--pixel-drift span:nth-child(5){--dx: 0;--dy: 60%;background:var(--c3);animation-delay:calc(var(--speed) * -.8)}.ldr--pixel-drift span:nth-child(6){--dx: 50%;--dy: 40%;animation-delay:calc(var(--speed) * -1)}.ldr--pixel-drift span:nth-child(7){--dx: -30%;--dy: -60%;background:var(--c3);animation-delay:calc(var(--speed) * -1.2)}.ldr--pixel-drift span:nth-child(8){--dx: 70%;--dy: -20%;animation-delay:calc(var(--speed) * -1.4)}.ldr--pixel-drift span:nth-child(9){--dx: -50%;--dy: 50%;background:var(--c2);animation-delay:calc(var(--speed) * -1.6)}@keyframes ldr-drift-snap{0%,to{translate:0 0;opacity:1}12%{translate:var(--dx) var(--dy);opacity:.35}24%{translate:0 0;opacity:1}}.ldr--terminal{width:calc(var(--size) * 1.7);height:calc(var(--size) * .62);border-radius:calc(var(--size) / 12);border:max(1px,calc(var(--size) / 44)) solid color-mix(in oklab,var(--c1) 40%,transparent);background:color-mix(in oklab,var(--c1) 10%,transparent);display:flex;align-items:center;gap:5%;padding:0 8%}.ldr--terminal:before{content:"";width:8%;height:34%;clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);background:var(--c3);flex:none}.ldr--terminal span:nth-child(1){height:22%;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2));transform-origin:0 50%;animation:ldr-type-line calc(var(--speed) * 3) steps(9,end) infinite}@keyframes ldr-type-line{0%{width:4%}80%,to{width:62%}}.ldr--terminal span:nth-child(2){width:7%;height:40%;flex:none;background:var(--c3);animation:ldr-caret-blink calc(var(--speed) * .9) steps(1,end) infinite}@keyframes ldr-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.ldr--confetti{overflow:hidden}.ldr--confetti span{position:absolute;top:0;width:11%;height:15%;border-radius:calc(var(--size) / 40);animation:ldr-confetti-fall calc(var(--speed) * 2.4) linear infinite,ldr-tumble calc(var(--speed) * 1.1) linear infinite}@keyframes ldr-confetti-fall{0%{translate:0 -40%;opacity:0}12%{opacity:1}85%{opacity:1}to{translate:var(--sway, 20%) 620%;opacity:0}}@keyframes ldr-tumble{0%{transform:rotate3d(1,1,.3,0)}to{transform:rotate3d(1,1,.3,1turn)}}.ldr--confetti span:nth-child(1){left:2%;background:var(--c1);--sway: 30%;animation-delay:calc(var(--speed) * -0),calc(var(--speed) * -.1)}.ldr--confetti span:nth-child(2){left:14%;background:var(--c2);--sway: -22%;animation-delay:calc(var(--speed) * -.7),calc(var(--speed) * -.4)}.ldr--confetti span:nth-child(3){left:26%;background:var(--c3);--sway: 18%;animation-delay:calc(var(--speed) * -1.4),calc(var(--speed) * -.8)}.ldr--confetti span:nth-child(4){left:38%;background:var(--c1);--sway: -30%;animation-delay:calc(var(--speed) * -2.1),calc(var(--speed) * -.2)}.ldr--confetti span:nth-child(5){left:50%;background:var(--c2);--sway: 25%;animation-delay:calc(var(--speed) * -.35),calc(var(--speed) * -.6)}.ldr--confetti span:nth-child(6){left:62%;background:var(--c3);--sway: -16%;animation-delay:calc(var(--speed) * -1),calc(var(--speed) * -.9)}.ldr--confetti span:nth-child(7){left:74%;background:var(--c1);--sway: 28%;animation-delay:calc(var(--speed) * -1.8),calc(var(--speed) * -.3)}.ldr--confetti span:nth-child(8){left:86%;background:var(--c2);--sway: -26%;animation-delay:calc(var(--speed) * -2.3),calc(var(--speed) * -.7)}.ldr--firework span{position:absolute;left:50%;top:50%;width:10%;aspect-ratio:1;margin:-5% 0 0 -5%;border-radius:50%;background:var(--c1);box-shadow:0 0 calc(var(--size) / 9) var(--c1);animation:ldr-firework calc(var(--speed) * 1.9) cubic-bezier(.1,.7,.3,1) infinite,ldr-gravity calc(var(--speed) * 1.9) cubic-bezier(.4,0,.9,.6) infinite}@keyframes ldr-firework{0%{transform:rotate(var(--a)) translateY(0) scale(.2)}12%{transform:rotate(var(--a)) translateY(-120%) scale(1)}to{transform:rotate(var(--a)) translateY(-380%) scale(.35)}}@keyframes ldr-gravity{0%{translate:0 0;opacity:0}12%{opacity:1}to{translate:0 90%;opacity:0}}.ldr--firework span:nth-child(1){--a: 0deg}.ldr--firework span:nth-child(2){--a: 45deg;background:var(--c2);box-shadow:0 0 calc(var(--size) / 9) var(--c2)}.ldr--firework span:nth-child(3){--a: 90deg}.ldr--firework span:nth-child(4){--a: 135deg;background:var(--c3);box-shadow:0 0 calc(var(--size) / 9) var(--c3)}.ldr--firework span:nth-child(5){--a: 180deg}.ldr--firework span:nth-child(6){--a: 225deg;background:var(--c2);box-shadow:0 0 calc(var(--size) / 9) var(--c2)}.ldr--firework span:nth-child(7){--a: 270deg}.ldr--firework span:nth-child(8){--a: 315deg;background:var(--c3);box-shadow:0 0 calc(var(--size) / 9) var(--c3)}.ldr--snow{overflow:hidden}.ldr--snow span{position:absolute;top:0;aspect-ratio:1;border-radius:50%;background:var(--c3);filter:blur(calc(var(--size) / 90));animation:ldr-snow-fall calc(var(--speed) * 3.4) linear infinite,ldr-snow-sway calc(var(--speed) * 1.5) ease-in-out infinite}@keyframes ldr-snow-fall{0%{translate:0 -30%;opacity:0}10%{opacity:.95}88%{opacity:.95}to{translate:0 640%;opacity:0}}@keyframes ldr-snow-sway{0%,to{transform:translate(-70%)}50%{transform:translate(70%)}}.ldr--snow span:nth-child(1){left:6%;width:13%;animation-delay:calc(var(--speed) * -0),calc(var(--speed) * -.2)}.ldr--snow span:nth-child(2){left:22%;width:9%;background:var(--c1);animation-delay:calc(var(--speed) * -1.1),calc(var(--speed) * -.7)}.ldr--snow span:nth-child(3){left:38%;width:15%;animation-delay:calc(var(--speed) * -2.2),calc(var(--speed) * -1.1)}.ldr--snow span:nth-child(4){left:54%;width:10%;background:var(--c2);animation-delay:calc(var(--speed) * -.6),calc(var(--speed) * -.4)}.ldr--snow span:nth-child(5){left:70%;width:12%;animation-delay:calc(var(--speed) * -1.7),calc(var(--speed) * -.9)}.ldr--snow span:nth-child(6){left:86%;width:8%;background:var(--c1);animation-delay:calc(var(--speed) * -2.8),calc(var(--speed) * -.3)}.ldr--embers{overflow:hidden}.ldr--embers span{position:absolute;bottom:0;aspect-ratio:1;border-radius:50%;color:var(--c1);background:currentColor;box-shadow:0 0 calc(var(--size) / 8) currentColor;animation:ldr-ember-rise calc(var(--speed) * 2.6) ease-out infinite,ldr-blink calc(var(--speed) * .6) ease-in-out infinite}@keyframes ldr-ember-rise{0%{translate:0 0;scale:.4}20%{scale:1}to{translate:var(--sway, 40%) -560%;scale:.15}}.ldr--embers span:nth-child(1){left:12%;width:11%;--sway: 60%;animation-delay:calc(var(--speed) * -0),calc(var(--speed) * -.1)}.ldr--embers span:nth-child(2){left:30%;width:8%;--sway: -40%;color:var(--c2);animation-delay:calc(var(--speed) * -.9),calc(var(--speed) * -.3)}.ldr--embers span:nth-child(3){left:46%;width:13%;--sway: 25%;animation-delay:calc(var(--speed) * -1.7),calc(var(--speed) * -.5)}.ldr--embers span:nth-child(4){left:64%;width:9%;--sway: -55%;color:var(--c3);animation-delay:calc(var(--speed) * -.5),calc(var(--speed) * -.2)}.ldr--embers span:nth-child(5){left:80%;width:10%;--sway: 35%;color:var(--c2);animation-delay:calc(var(--speed) * -2.2),calc(var(--speed) * -.4)}.ldr--embers:after{content:"";position:absolute;left:18%;right:18%;bottom:-12%;height:34%;border-radius:50%;background:radial-gradient(ellipse,var(--c1) 0 30%,transparent 72%);filter:blur(calc(var(--size) / 20));animation:ldr-glow-swell calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--starfield{overflow:hidden;border-radius:50%}.ldr--starfield span{position:absolute;left:50%;top:50%;width:3%;height:26%;margin:-13% 0 0 -1.5%;border-radius:99px;background:linear-gradient(transparent,var(--c1));animation:ldr-hyper calc(var(--speed) * 1.7) cubic-bezier(.4,0,.75,1) infinite}@keyframes ldr-hyper{0%{transform:rotate(var(--a)) translateY(-10%) scaleY(.12);opacity:0}18%{opacity:1}to{transform:rotate(var(--a)) translateY(-170%) scaleY(1.5);opacity:0}}.ldr--starfield span:nth-child(1){--a: 20deg;animation-delay:calc(var(--speed) * -0)}.ldr--starfield span:nth-child(2){--a: 65deg;background:linear-gradient(transparent,var(--c2));animation-delay:calc(var(--speed) * -.21)}.ldr--starfield span:nth-child(3){--a: 110deg;animation-delay:calc(var(--speed) * -.42)}.ldr--starfield span:nth-child(4){--a: 155deg;background:linear-gradient(transparent,var(--c3));animation-delay:calc(var(--speed) * -.63)}.ldr--starfield span:nth-child(5){--a: 200deg;animation-delay:calc(var(--speed) * -.85)}.ldr--starfield span:nth-child(6){--a: 245deg;background:linear-gradient(transparent,var(--c2));animation-delay:calc(var(--speed) * -1.06)}.ldr--starfield span:nth-child(7){--a: 290deg;animation-delay:calc(var(--speed) * -1.27)}.ldr--starfield span:nth-child(8){--a: 335deg;background:linear-gradient(transparent,var(--c3));animation-delay:calc(var(--speed) * -1.48)}.ldr--dust span{position:absolute;left:50%;top:50%;width:9%;aspect-ratio:1;margin:-4.5% 0 0 -4.5%;border-radius:50%;background:var(--c1);filter:blur(calc(var(--size) / 60));animation:ldr-mote calc(var(--speed) * 5) linear infinite,ldr-blink calc(var(--speed) * 2.2) ease-in-out infinite}@keyframes ldr-mote{0%{transform:rotate(0) translateY(var(--r)) scale(var(--s, 1))}to{transform:rotate(1turn) translateY(var(--r)) scale(var(--s, 1))}}.ldr--dust span:nth-child(1){--r: -444%;--s: 1;animation-delay:calc(var(--speed) * -0),calc(var(--speed) * -.3)}.ldr--dust span:nth-child(2){--r: -290%;--s: .7;background:var(--c2);animation-delay:calc(var(--speed) * -1.9),calc(var(--speed) * -.9)}.ldr--dust span:nth-child(3){--r: -500%;--s: .5;animation-delay:calc(var(--speed) * -3.3),calc(var(--speed) * -1.4)}.ldr--dust span:nth-child(4){--r: -360%;--s: 1.2;background:var(--c3);animation-delay:calc(var(--speed) * -2.4),calc(var(--speed) * -.6)}.ldr--dust span:nth-child(5){--r: -200%;--s: .8;animation-delay:calc(var(--speed) * -4.1),calc(var(--speed) * -1.8)}.ldr--dust span:nth-child(6){--r: -480%;--s: .6;background:var(--c2);animation-delay:calc(var(--speed) * -.9),calc(var(--speed) * -2)}.ldr--dust span:nth-child(7){--r: -330%;--s: .9;animation-delay:calc(var(--speed) * -3.8),calc(var(--speed) * -.2)}.ldr--burst{animation:ldr-spin calc(var(--speed) * 6) linear infinite}.ldr--burst span{position:absolute;left:50%;top:50%;width:15%;aspect-ratio:1;margin:-7.5% 0 0 -7.5%;border-radius:50%;background:var(--c1);animation:ldr-burst calc(var(--speed) * 1.5) cubic-bezier(.2,.8,.3,1) infinite}@keyframes ldr-burst{0%,to{transform:rotate(var(--a)) translateY(-30%) scale(.5);opacity:.45}45%{transform:rotate(var(--a)) translateY(-260%) scale(1);opacity:1}}.ldr--burst span:nth-child(1){--a: 0deg}.ldr--burst span:nth-child(2){--a: 60deg;background:color-mix(in oklab,var(--c1),var(--c2))}.ldr--burst span:nth-child(3){--a: 120deg;background:var(--c2)}.ldr--burst span:nth-child(4){--a: 180deg;background:color-mix(in oklab,var(--c2),var(--c3))}.ldr--burst span:nth-child(5){--a: 240deg;background:var(--c3)}.ldr--burst span:nth-child(6){--a: 300deg;background:color-mix(in oklab,var(--c3),var(--c1))}.ldr--swarm span{position:absolute;left:50%;top:50%;width:16%;aspect-ratio:1;margin:-8% 0 0 -8%;border-radius:50%;background:var(--c1);animation:ldr-flock calc(var(--speed) * 2.2) cubic-bezier(.45,0,.55,1) infinite}@keyframes ldr-flock{0%,to{transform:rotate(var(--a)) translateY(-240%) scale(.7);opacity:.55}50%{transform:rotate(calc(var(--a) + 140deg)) translateY(-25%) scale(1.15);opacity:1}}.ldr--swarm span:nth-child(1){--a: 0deg;animation-delay:calc(var(--speed) * -0)}.ldr--swarm span:nth-child(2){--a: 51deg;background:var(--c2);animation-delay:calc(var(--speed) * -.12)}.ldr--swarm span:nth-child(3){--a: 103deg;animation-delay:calc(var(--speed) * -.24)}.ldr--swarm span:nth-child(4){--a: 154deg;background:var(--c3);animation-delay:calc(var(--speed) * -.36)}.ldr--swarm span:nth-child(5){--a: 206deg;animation-delay:calc(var(--speed) * -.48)}.ldr--swarm span:nth-child(6){--a: 257deg;background:var(--c2);animation-delay:calc(var(--speed) * -.6)}.ldr--swarm span:nth-child(7){--a: 309deg;background:var(--c3);animation-delay:calc(var(--speed) * -.72)}.ldr--rain{overflow:hidden}.ldr--rain span{position:absolute;top:0;width:4%;height:30%;border-radius:99px;background:linear-gradient(transparent,var(--c1));animation:ldr-rain-fall calc(var(--speed) * .9) linear infinite}@keyframes ldr-rain-fall{0%{translate:0 -110%;opacity:0}15%{opacity:1}80%{opacity:1}to{translate:0 300%;opacity:0}}.ldr--rain span:nth-child(1){left:8%;animation-delay:calc(var(--speed) * -0)}.ldr--rain span:nth-child(2){left:24%;background:linear-gradient(transparent,var(--c2));animation-delay:calc(var(--speed) * -.42)}.ldr--rain span:nth-child(3){left:40%;animation-delay:calc(var(--speed) * -.18)}.ldr--rain span:nth-child(4){left:56%;background:linear-gradient(transparent,var(--c3));animation-delay:calc(var(--speed) * -.62)}.ldr--rain span:nth-child(5){left:72%;animation-delay:calc(var(--speed) * -.3)}.ldr--rain span:nth-child(6){left:88%;background:linear-gradient(transparent,var(--c2));animation-delay:calc(var(--speed) * -.75)}.ldr--rain:after{content:"";position:absolute;left:4%;right:4%;bottom:6%;height:max(2px,calc(var(--size) / 26));border-radius:99px;background:linear-gradient(90deg,transparent,var(--c3),transparent);animation:ldr-breathe calc(var(--speed) * .9) ease-in-out infinite}.ldr--magnet:after{content:"";position:absolute;left:38%;top:38%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 10%,var(--c1) 55%,var(--c2) 100%);box-shadow:0 0 calc(var(--size) / 7) var(--c1);animation:ldr-pulse calc(var(--speed) * 1.8) ease-in-out infinite}.ldr--magnet span{position:absolute;left:50%;top:50%;width:11%;aspect-ratio:1;margin:-5.5% 0 0 -5.5%;border-radius:50%;background:var(--c3);animation:ldr-attract calc(var(--speed) * 1.8) cubic-bezier(.75,0,.25,1) infinite}@keyframes ldr-attract{0%{transform:rotate(var(--a)) translateY(-400%) scale(1);opacity:0}20%{opacity:1}70%{transform:rotate(var(--a)) translateY(-30%) scale(.45);opacity:1}to{transform:rotate(var(--a)) translateY(-30%) scale(0);opacity:0}}.ldr--magnet span:nth-child(1){--a: 0deg;animation-delay:calc(var(--speed) * -0)}.ldr--magnet span:nth-child(2){--a: 51deg;background:var(--c2);animation-delay:calc(var(--speed) * -.26)}.ldr--magnet span:nth-child(3){--a: 103deg;animation-delay:calc(var(--speed) * -.51)}.ldr--magnet span:nth-child(4){--a: 154deg;background:var(--c2);animation-delay:calc(var(--speed) * -.77)}.ldr--magnet span:nth-child(5){--a: 206deg;animation-delay:calc(var(--speed) * -1.03)}.ldr--magnet span:nth-child(6){--a: 257deg;background:var(--c2);animation-delay:calc(var(--speed) * -1.28)}.ldr--magnet span:nth-child(7){--a: 309deg;animation-delay:calc(var(--speed) * -1.54)}.ldr--nebula{border-radius:50%;overflow:hidden}.ldr--nebula:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(circle at 34% 32%,var(--c1) 0 16%,transparent 52%),radial-gradient(circle at 68% 44%,var(--c2) 0 18%,transparent 55%),radial-gradient(circle at 46% 72%,var(--c3) 0 20%,transparent 58%);filter:blur(calc(var(--size) / 12));opacity:.85;animation:ldr-spin calc(var(--speed) * 8) linear infinite}.ldr--nebula span{position:absolute;width:6%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 calc(var(--size) / 14) var(--c3);animation:ldr-blink calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--nebula span:nth-child(1){left:22%;top:30%;animation-delay:calc(var(--speed) * -0)}.ldr--nebula span:nth-child(2){left:62%;top:20%;width:4%;animation-delay:calc(var(--speed) * -.4)}.ldr--nebula span:nth-child(3){left:76%;top:58%;animation-delay:calc(var(--speed) * -.8)}.ldr--nebula span:nth-child(4){left:40%;top:74%;width:5%;animation-delay:calc(var(--speed) * -1.2)}.ldr--nebula span:nth-child(5){left:16%;top:62%;width:4%;animation-delay:calc(var(--speed) * -1.6)}.ldr--nebula span:nth-child(6){left:52%;top:46%;animation-delay:calc(var(--speed) * -2)}.ldr--hud-ring:before,.ldr--hud-ring:after{content:"";position:absolute;border-radius:50%}.ldr--hud-ring:before{top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(var(--c1) 0 2deg,transparent 2deg 10deg);-webkit-mask:radial-gradient(farthest-side,#0000 88%,#000 89%);mask:radial-gradient(farthest-side,#0000 88%,#000 89%);animation:ldr-spin calc(var(--speed) * 5) steps(36,end) infinite}.ldr--hud-ring:after{top:20%;right:20%;bottom:20%;left:20%;background:conic-gradient(var(--c2) 0 18%,transparent 18% 50%,var(--c3) 50% 62%,transparent 62%);-webkit-mask:radial-gradient(farthest-side,#0000 84%,#000 85%);mask:radial-gradient(farthest-side,#0000 84%,#000 85%);animation:ldr-spin calc(var(--speed) * 1.4) linear infinite reverse}.ldr--hud-ring span{position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;border:max(1px,calc(var(--size) / 34)) solid transparent;border-top-color:var(--c1);border-left-color:var(--c1);animation:ldr-spin calc(var(--speed) * .9) cubic-bezier(.6,.1,.4,.9) infinite}.ldr--hud-ring span:nth-child(2){top:46%;right:46%;bottom:46%;left:46%;border-radius:0;border:none;background:var(--c3);animation:ldr-pulse calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--reactor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(var(--c1) 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(farthest-side,#0000 85%,#000 86%);mask:radial-gradient(farthest-side,#0000 85%,#000 86%);animation:ldr-spin calc(var(--speed) * 3.4) linear infinite}.ldr--reactor:after{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,var(--c2) 52%,var(--c1) 100%);box-shadow:0 0 calc(var(--size) / 5) var(--c2);animation:ldr-pulse calc(var(--speed) * 1.2) ease-in-out infinite}.ldr--reactor span{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:max(1px,calc(var(--size) / 40)) solid var(--c3);animation:ldr-reactor-wave calc(var(--speed) * 1.8) ease-out infinite}.ldr--reactor span:nth-child(2){animation-delay:calc(var(--speed) * -.6)}.ldr--reactor span:nth-child(3){animation-delay:calc(var(--speed) * -1.2)}@keyframes ldr-reactor-wave{0%{scale:.55;opacity:.9}to{scale:1.55;opacity:0}}.ldr--hologram{width:calc(var(--size) * 1.2);height:calc(var(--size) * 1.15)}.ldr--hologram:before{content:"";position:absolute;top:0;right:0;bottom:8%;left:0;clip-path:polygon(30% 100%,70% 100%,100% 6%,0 6%);background:linear-gradient(to top,color-mix(in oklab,var(--c3) 45%,transparent),transparent 82%);animation:ldr-flicker calc(var(--speed) * 2.2) steps(1,end) infinite}.ldr--hologram span{position:absolute;left:18%;right:18%;height:10%;border-radius:99px;background:linear-gradient(90deg,transparent,var(--c1),var(--c2),transparent);animation:ldr-holo-line calc(var(--speed) * 2) ease-in-out infinite}.ldr--hologram span:nth-child(1){top:18%}.ldr--hologram span:nth-child(2){top:40%;left:26%;right:26%;animation-delay:calc(var(--speed) * -.4)}.ldr--hologram span:nth-child(3){top:62%;left:32%;right:32%;animation-delay:calc(var(--speed) * -.8)}@keyframes ldr-holo-line{0%,to{opacity:.3;scale:.85 1}50%{opacity:1;scale:1 1}}.ldr--hologram:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:12%;border-radius:50%;background:radial-gradient(ellipse,var(--c3) 0 35%,transparent 74%);animation:ldr-glow-swell calc(var(--speed) * 1.4) ease-in-out infinite}.ldr--warp{perspective:calc(var(--size) * 1.1)}.ldr--warp span{position:absolute;top:0;right:0;bottom:0;left:0;border:max(1px,calc(var(--size) / 26)) solid var(--c1);border-radius:calc(var(--size) / 7);animation:ldr-warp-in calc(var(--speed) * 2) cubic-bezier(.45,0,.9,.55) infinite}.ldr--warp span:nth-child(2){border-color:var(--c2);animation-delay:calc(var(--speed) * -.5)}.ldr--warp span:nth-child(3){border-color:var(--c3);animation-delay:calc(var(--speed) * -1)}.ldr--warp span:nth-child(4){border-color:var(--c2);animation-delay:calc(var(--speed) * -1.5)}@keyframes ldr-warp-in{0%{transform:translateZ(calc(var(--size) * -2)) rotate(0);opacity:0}18%{opacity:1}to{transform:translateZ(calc(var(--size) * .55)) rotate(92deg);opacity:0}}.ldr--targeting span{position:absolute;width:30%;height:30%;border:max(2px,calc(var(--size) / 18)) solid var(--c1);animation:ldr-lock calc(var(--speed) * 2) cubic-bezier(.5,0,.18,1) infinite}.ldr--targeting span:nth-child(1){top:0;left:0;border-right:none;border-bottom:none;--dx: -1;--dy: -1}.ldr--targeting span:nth-child(2){top:0;right:0;border-left:none;border-bottom:none;--dx: 1;--dy: -1}.ldr--targeting span:nth-child(3){bottom:0;right:0;border-left:none;border-top:none;--dx: 1;--dy: 1}.ldr--targeting span:nth-child(4){bottom:0;left:0;border-right:none;border-top:none;--dx: -1;--dy: 1}@keyframes ldr-lock{0%,to{translate:calc(var(--dx) * 55%) calc(var(--dy) * 55%);opacity:.45}55%,84%{translate:0 0;opacity:1}}.ldr--targeting:before{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:50%;border:max(1px,calc(var(--size) / 36)) dashed var(--c2);animation:ldr-spin calc(var(--speed) * 4) linear infinite}.ldr--targeting:after{content:"";position:absolute;left:44%;top:44%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--c3);box-shadow:0 0 calc(var(--size) / 7) var(--c3);animation:ldr-lock-flash calc(var(--speed) * 2) steps(1,end) infinite}@keyframes ldr-lock-flash{0%,54%{opacity:0;scale:.3}58%{opacity:1;scale:1.6}62%,to{opacity:.85;scale:1}}.ldr--circuit:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:max(1px,calc(var(--size) / 40)) solid color-mix(in oklab,var(--c1) 55%,transparent);border-radius:calc(var(--size) / 10)}.ldr--circuit:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:calc(var(--size) / 22);background:color-mix(in oklab,var(--c1) 28%,transparent);border:max(1px,calc(var(--size) / 44)) solid var(--c2);animation:ldr-breathe calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--circuit span{position:absolute;left:12%;top:12%;width:10%;aspect-ratio:1;margin:-5% 0 0 -5%;border-radius:50%;background:var(--c3);box-shadow:0 0 calc(var(--size) / 8) var(--c3);animation:ldr-trace calc(var(--speed) * 3) linear infinite}.ldr--circuit span:nth-child(2){background:var(--c2);box-shadow:0 0 calc(var(--size) / 8) var(--c2);animation-delay:calc(var(--speed) * -1)}.ldr--circuit span:nth-child(3){background:var(--c1);box-shadow:0 0 calc(var(--size) / 8) var(--c1);animation-delay:calc(var(--speed) * -2)}@keyframes ldr-trace{0%{translate:0 0}25%{translate:760% 0}50%{translate:760% 760%}75%{translate:0 760%}to{translate:0 0}}.ldr--barcode{width:calc(var(--size) * 1.5);height:var(--size);border-radius:calc(var(--size) / 20);overflow:hidden;background:repeating-linear-gradient(90deg,var(--c1) 0 calc(var(--size) / 30),transparent 0 calc(var(--size) / 15),var(--c1) 0 calc(var(--size) / 50),transparent 0 calc(var(--size) / 20),var(--c1) 0 calc(var(--size) / 18),transparent 0 calc(var(--size) / 11));background-color:color-mix(in oklab,var(--c1) 8%,transparent)}.ldr--barcode:before{content:"";position:absolute;inset:0 auto 0 0;width:8%;background:linear-gradient(90deg,transparent,var(--c2) 40%,#fff 55%,var(--c2) 70%,transparent);box-shadow:0 0 calc(var(--size) / 5) var(--c2);animation:ldr-barcode-scan calc(var(--speed) * 2) cubic-bezier(.5,0,.5,1) infinite}@keyframes ldr-barcode-scan{0%,to{translate:0 0}50%{translate:calc(var(--size) * 1.38) 0}}.ldr--barcode:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14%;background:color-mix(in oklab,var(--c3) 70%,transparent);transform-origin:0 50%;animation:ldr-barcode-read calc(var(--speed) * 2) cubic-bezier(.5,0,.5,1) infinite}@keyframes ldr-barcode-read{0%,to{scale:0 1}50%{scale:1 1}}.ldr--quantum:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:max(1px,calc(var(--size) / 44)) dashed color-mix(in oklab,var(--c1) 55%,transparent);animation:ldr-spin calc(var(--speed) * 6) linear infinite}.ldr--quantum span{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1;margin:-10% 0 0 -10%;border-radius:50%;background:var(--c1);filter:blur(calc(var(--size) / 60));animation:ldr-quantum calc(var(--speed) * 1.6) cubic-bezier(.4,0,.3,1) infinite}@keyframes ldr-quantum{0%,to{transform:rotate(var(--a)) translateY(-165%) scale(0);opacity:0}28%{transform:rotate(var(--a)) translateY(-165%) scale(1);opacity:1}62%{transform:rotate(var(--a)) translateY(-165%) scale(.85);opacity:.8}84%{transform:rotate(var(--a)) translateY(-165%) scale(.4);opacity:.25}}.ldr--quantum span:nth-child(1){--a: 0deg;animation-delay:calc(var(--speed) * -0)}.ldr--quantum span:nth-child(2){--a: 60deg;background:var(--c2);animation-delay:calc(var(--speed) * -.27)}.ldr--quantum span:nth-child(3){--a: 120deg;animation-delay:calc(var(--speed) * -.53)}.ldr--quantum span:nth-child(4){--a: 180deg;background:var(--c3);animation-delay:calc(var(--speed) * -.8)}.ldr--quantum span:nth-child(5){--a: 240deg;animation-delay:calc(var(--speed) * -1.07)}.ldr--quantum span:nth-child(6){--a: 300deg;background:var(--c2);animation-delay:calc(var(--speed) * -1.33)}.ldr--portal:before,.ldr--portal:after{content:"";position:absolute;border-radius:50%}.ldr--portal:before{top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c1));-webkit-mask:radial-gradient(farthest-side,#0000 40%,#000 46%,#000 90%,#0000 100%);mask:radial-gradient(farthest-side,#0000 40%,#000 46%,#000 90%,#0000 100%);filter:blur(calc(var(--size) / 44));animation:ldr-spin calc(var(--speed) * 1.5) linear infinite}.ldr--portal:after{top:20%;right:20%;bottom:20%;left:20%;background:radial-gradient(circle,#fff 0 7%,var(--c3) 32%,var(--c1) 72%,transparent 100%);filter:blur(calc(var(--size) / 34));animation:ldr-spin calc(var(--speed) * .95) linear infinite reverse,ldr-glow-swell calc(var(--speed) * 1.7) ease-in-out infinite}.ldr--shield:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:repeating-linear-gradient(60deg,color-mix(in oklab,var(--c1) 55%,transparent) 0 max(1px,calc(var(--size) / 60)),transparent 0 calc(var(--size) / 7)),repeating-linear-gradient(-60deg,color-mix(in oklab,var(--c1) 55%,transparent) 0 max(1px,calc(var(--size) / 60)),transparent 0 calc(var(--size) / 7)),repeating-linear-gradient(0deg,color-mix(in oklab,var(--c2) 45%,transparent) 0 max(1px,calc(var(--size) / 60)),transparent 0 calc(var(--size) / 7)),linear-gradient(color-mix(in oklab,var(--c1) 22%,transparent),color-mix(in oklab,var(--c3) 22%,transparent));animation:ldr-breathe calc(var(--speed) * 2) ease-in-out infinite}.ldr--shield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%);background-size:300% 100%;animation:ldr-shield-sweep calc(var(--speed) * 2.4) ease-in-out infinite}@keyframes ldr-shield-sweep{0%,to{background-position:130% 0}55%,70%{background-position:-30% 0}}.ldr--shield span{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;margin:-13% 0 0 -13%;border-radius:50%;border:max(1px,calc(var(--size) / 34)) solid var(--c3);animation:ldr-impact calc(var(--speed) * 1.8) ease-out infinite}.ldr--shield span:nth-child(1){--ox: -60%;--oy: -70%}.ldr--shield span:nth-child(2){--ox: 70%;--oy: 40%;animation-delay:calc(var(--speed) * -.9)}@keyframes ldr-impact{0%{transform:translate(var(--ox),var(--oy)) scale(.15);opacity:1}to{transform:translate(var(--ox),var(--oy)) scale(1.8);opacity:0}}.ldr--satellite:before{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;background:radial-gradient(circle at 34% 30%,color-mix(in oklab,var(--c1) 40%,#fff) 0 12%,var(--c1) 55%,var(--c2) 100%);box-shadow:0 0 calc(var(--size) / 8) color-mix(in oklab,var(--c1) 60%,transparent);animation:ldr-breathe calc(var(--speed) * 2) ease-in-out infinite}.ldr--satellite span{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:max(1px,calc(var(--size) / 50)) solid color-mix(in oklab,var(--c3) 45%,transparent);animation:ldr-orbit-plane calc(var(--speed) * 2.6) linear infinite}@keyframes ldr-orbit-plane{to{transform:rotate(1turn)}}.ldr--satellite span:before{content:"";position:absolute;top:-8%;left:50%;width:15%;aspect-ratio:1;margin-left:-7.5%;border-radius:50%;background:var(--c3);box-shadow:0 0 calc(var(--size) / 9) var(--c3)}.ldr--satellite span:nth-child(1){rotate:x 68deg}.ldr--satellite span:nth-child(2){rotate:y 70deg;top:12%;right:12%;bottom:12%;left:12%;animation-duration:calc(var(--speed) * 1.8);animation-direction:reverse}.ldr--satellite span:nth-child(2):before{background:var(--c2);box-shadow:0 0 calc(var(--size) / 9) var(--c2)}.ldr--satellite span:nth-child(3){rotate:x 24deg;top:0;right:0;bottom:0;left:0;animation-duration:calc(var(--speed) * 3.6)}.ldr--satellite span:nth-child(3):before{background:var(--c1);box-shadow:0 0 calc(var(--size) / 9) var(--c1);width:11%;margin-left:-5.5%}.ldr--teleport{display:inline-flex;flex-direction:column;gap:calc(var(--size) / 40)}.ldr--teleport span{flex:1;border-radius:calc(var(--size) / 26);background:var(--grad);animation:ldr-teleport calc(var(--speed) * 2.6) cubic-bezier(.6,0,.35,1) infinite}.ldr--teleport span:nth-child(1){--dx: 70%;animation-delay:calc(var(--speed) * -0)}.ldr--teleport span:nth-child(2){--dx: -55%;animation-delay:calc(var(--speed) * -.1)}.ldr--teleport span:nth-child(3){--dx: 85%;animation-delay:calc(var(--speed) * -.2)}.ldr--teleport span:nth-child(4){--dx: -70%;animation-delay:calc(var(--speed) * -.3)}.ldr--teleport span:nth-child(5){--dx: 60%;animation-delay:calc(var(--speed) * -.4)}.ldr--teleport span:nth-child(6){--dx: -85%;animation-delay:calc(var(--speed) * -.5)}@keyframes ldr-teleport{0%,to{translate:0 0;opacity:1}30%{translate:var(--dx) 0;opacity:.12}45%{translate:var(--dx) 0;opacity:0}68%{translate:calc(var(--dx) * -.25) 0;opacity:.55}80%{translate:0 0;opacity:1}}.ldr--rubber-band{width:calc(var(--size) * 1.7);height:calc(var(--size) * .5);display:inline-flex;align-items:center}.ldr--rubber-band:before,.ldr--rubber-band:after{content:"";position:absolute;top:50%;width:14%;aspect-ratio:1;margin-top:-7%;border-radius:50%;background:var(--c1)}.ldr--rubber-band:before{left:0}.ldr--rubber-band:after{right:0}.ldr--rubber-band span{position:absolute;left:7%;right:7%;top:50%;height:22%;margin-top:-11%;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));animation:ldr-pluck calc(var(--speed) * 1.4) cubic-bezier(.5,-.6,.4,1.7) infinite}@keyframes ldr-pluck{0%,to{scale:1 1}30%{scale:1 2.6}55%{scale:1 .35}75%{scale:1 1.5}}.ldr--bungee{width:calc(var(--size) * .6);height:calc(var(--size) * 1.4)}.ldr--bungee:before{content:"";position:absolute;left:50%;top:0;width:max(2px,calc(var(--size) / 26));height:60%;margin-left:max(-1px,calc(var(--size) / -52));border-radius:99px;background:linear-gradient(var(--c1),var(--c2));transform-origin:50% 0;animation:ldr-cord calc(var(--speed) * 1.8) cubic-bezier(.5,-.4,.35,1.5) infinite}@keyframes ldr-cord{0%,to{scale:1 .5}50%{scale:1 1.55}}.ldr--bungee span{position:absolute;left:50%;top:30%;width:44%;aspect-ratio:1;margin-left:-22%;border-radius:50%;background:radial-gradient(circle at 34% 30%,color-mix(in oklab,var(--c3) 40%,#fff) 0 14%,var(--c3) 60%,var(--c2) 100%);animation:ldr-bungee-drop calc(var(--speed) * 1.8) cubic-bezier(.5,-.4,.35,1.5) infinite}@keyframes ldr-bungee-drop{0%,to{translate:0 -34%;scale:.92 1.1}50%{translate:0 92%;scale:1.1 .9}}.ldr--trampoline{width:calc(var(--size) * 1.3);height:calc(var(--size) * 1.05)}.ldr--trampoline span{position:absolute;left:50%;top:4%;width:30%;aspect-ratio:1;margin-left:-15%;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));animation:ldr-tramp-ball calc(var(--speed) * 1.5) cubic-bezier(.4,0,.6,1) infinite}@keyframes ldr-tramp-ball{0%,to{translate:0 0;scale:.94 1.08}44%{translate:0 150%;scale:1.18 .82}50%{translate:0 168%;scale:1.3 .7}56%{translate:0 150%;scale:1.14 .86}}.ldr--trampoline:before{content:"";position:absolute;left:6%;right:6%;bottom:16%;height:max(3px,calc(var(--size) / 16));border-radius:99px;background:linear-gradient(90deg,var(--c3),var(--c2),var(--c3));animation:ldr-tramp-mat calc(var(--speed) * 1.5) cubic-bezier(.4,0,.6,1) infinite}@keyframes ldr-tramp-mat{0%,to{border-radius:99px;translate:0 0;scale:1 1}50%{border-radius:99px 99px 50% 50%/99px 99px 220% 220%;translate:0 34%;scale:1 1.5}}.ldr--trampoline:after{content:"";position:absolute;left:3%;bottom:15%;width:5%;height:16%;border-radius:99px;background:var(--c1);box-shadow:calc(var(--size) * 1.16) 0 0 var(--c1)}.ldr--wobble:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:42% 42% 50% 50%/38% 38% 62% 62%;background:var(--grad);transform-origin:50% 88%;animation:ldr-wobble calc(var(--speed) * 1.6) cubic-bezier(.4,-.4,.5,1.4) infinite}@keyframes ldr-wobble{0%,to{transform:rotate(-24deg) skew(6deg)}50%{transform:rotate(24deg) skew(-6deg)}}.ldr--wobble:after{content:"";position:absolute;left:22%;right:22%;bottom:2%;height:7%;border-radius:50%;background:color-mix(in oklab,var(--c1) 40%,transparent);animation:ldr-breathe calc(var(--speed) * .8) ease-in-out infinite}.ldr--pogo{width:calc(var(--size) * 1.3);height:calc(var(--size) * 1.1)}.ldr--pogo span{position:absolute;left:6%;bottom:18%;width:30%;aspect-ratio:1;border-radius:30%;background:var(--grad);animation:ldr-hop calc(var(--speed) * 1.4) cubic-bezier(.4,0,.55,1) infinite,ldr-hop-x calc(var(--speed) * 2.8) ease-in-out infinite}@keyframes ldr-hop{0%,to{translate:0 0;scale:1.2 .8;border-radius:42%}15%{translate:0 -20%;scale:.88 1.16;border-radius:30%}50%{translate:0 -105%;scale:1 1;border-radius:26%}85%{translate:0 -20%;scale:.92 1.12;border-radius:30%}}@keyframes ldr-hop-x{0%,to{transform:translate(0)}50%{transform:translate(150%)}}.ldr--pogo:after{content:"";position:absolute;left:8%;bottom:12%;width:26%;height:8%;border-radius:50%;background:color-mix(in oklab,var(--c1) 45%,transparent);animation:ldr-hop-shadow calc(var(--speed) * 1.4) cubic-bezier(.4,0,.55,1) infinite,ldr-hop-x calc(var(--speed) * 2.8) ease-in-out infinite}@keyframes ldr-hop-shadow{0%,to{scale:1.15 1;opacity:.8}50%{scale:.6 1;opacity:.3}}.ldr--elastic-bar{width:calc(var(--size) * 2);height:calc(var(--size) * .3);border-radius:99px;background:color-mix(in oklab,var(--c1) 14%,transparent);overflow:hidden}.ldr--elastic-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:32%;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));transform-origin:50% 50%;animation:ldr-elastic-run calc(var(--speed) * 1.8) cubic-bezier(.5,-.35,.5,1.35) infinite}@keyframes ldr-elastic-run{0%,to{transform:translate(2%) scaleX(1)}25%{transform:translate(90%) scaleX(1.7)}50%{transform:translate(210%) scaleX(1)}75%{transform:translate(90%) scaleX(1.7)}}.ldr--catapult{width:calc(var(--size) * 1.4);height:calc(var(--size) * 1.1)}.ldr--catapult:before{content:"";position:absolute;left:10%;bottom:12%;width:8%;height:52%;border-radius:99px;background:linear-gradient(var(--c2),var(--c1));transform-origin:50% 100%;animation:ldr-arm calc(var(--speed) * 2) cubic-bezier(.2,1.6,.5,1) infinite}@keyframes ldr-arm{0%{transform:rotate(-52deg)}16%{transform:rotate(46deg)}70%,to{transform:rotate(-52deg)}}.ldr--catapult span{position:absolute;left:12%;bottom:58%;width:18%;aspect-ratio:1;border-radius:50%;background:var(--c3);animation:ldr-fling-x calc(var(--speed) * 2) cubic-bezier(.15,.5,.6,1) infinite,ldr-fling-y calc(var(--speed) * 2) cubic-bezier(.3,0,.7,1) infinite}@keyframes ldr-fling-x{0%,12%{translate:0 0;opacity:0}16%{opacity:1}72%{translate:330% 0;opacity:1}78%,to{translate:330% 0;opacity:0}}@keyframes ldr-fling-y{0%,16%{transform:translateY(0)}40%{transform:translateY(-120%)}72%,to{transform:translateY(160%)}}.ldr--catapult:after{content:"";position:absolute;left:4%;right:4%;bottom:8%;height:max(2px,calc(var(--size) / 30));border-radius:99px;background:color-mix(in oklab,var(--c1) 40%,transparent)}.ldr--yo-yo{width:calc(var(--size) * .7);height:calc(var(--size) * 1.4)}.ldr--yo-yo:before{content:"";position:absolute;left:50%;top:0;width:max(2px,calc(var(--size) / 34));height:62%;margin-left:max(-1px,calc(var(--size) / -68));background:color-mix(in oklab,var(--c1) 65%,transparent);transform-origin:50% 0;animation:ldr-string calc(var(--speed) * 2.2) cubic-bezier(.45,0,.55,1) infinite}@keyframes ldr-string{0%,to{scale:1 .18}50%{scale:1 1}}.ldr--yo-yo span{position:absolute;left:50%;top:4%;width:46%;aspect-ratio:1;margin-left:-23%;border-radius:50%;background:conic-gradient(var(--c1) 0 25%,var(--c2) 0 50%,var(--c1) 0 75%,var(--c3) 0);box-shadow:inset 0 0 0 max(2px,calc(var(--size) / 22)) color-mix(in oklab,var(--c1) 50%,#fff);animation:ldr-yo-drop calc(var(--speed) * 2.2) cubic-bezier(.45,0,.55,1) infinite,ldr-yo-spin calc(var(--speed) * .55) linear infinite}@keyframes ldr-yo-drop{0%,to{translate:0 0}50%{translate:0 152%}}@keyframes ldr-yo-spin{to{rotate:1turn}}.ldr--elastic-ring:before{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:calc(var(--size) / 9) solid transparent;border-top-color:var(--c1);border-right-color:var(--c2);border-bottom-color:var(--c3);animation:ldr-ring-squash calc(var(--speed) * 1.8) cubic-bezier(.45,-.3,.55,1.3) infinite}@keyframes ldr-ring-squash{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.2,.8)}50%{transform:rotate(180deg) scale(.82,1.18)}75%{transform:rotate(270deg) scale(1.14,.86)}}.ldr--snap-dots{width:calc(var(--size) * 1.5);height:calc(var(--size) * .5)}.ldr--snap-dots span{position:absolute;top:50%;left:50%;width:24%;aspect-ratio:1;margin:-12% 0 0 -12%;border-radius:50%;animation:ldr-snap calc(var(--speed) * 1.6) cubic-bezier(.55,-.5,.35,1.6) infinite}.ldr--snap-dots span:nth-child(1){background:var(--c1);--dir: -1}.ldr--snap-dots span:nth-child(2){background:var(--c3);--dir: 1}@keyframes ldr-snap{0%,to{translate:calc(var(--dir) * 20%) 0;scale:1 1}46%{translate:calc(var(--dir) * 200%) 0;scale:.8 1.15}62%{translate:calc(var(--dir) * 6%) 0;scale:1.2 .84}}.ldr--snap-dots:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:12%;margin:-6% 0 0 -30%;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c3));animation:ldr-thread calc(var(--speed) * 1.6) cubic-bezier(.55,-.5,.35,1.6) infinite}@keyframes ldr-thread{0%,to{scale:.35 1;opacity:1}40%{scale:1.5 .28;opacity:1}47%{scale:1.6 .1;opacity:0}62%{scale:.2 1;opacity:0}70%{scale:.3 1;opacity:1}}.ldr--chain{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:calc(var(--size) * .8)}.ldr--chain span{width:26%;aspect-ratio:1;border-radius:50%;background:var(--c1);animation:ldr-whip calc(var(--speed) * 1.6) cubic-bezier(.45,0,.55,1) infinite}.ldr--chain span:nth-child(1){--amp: 8%}.ldr--chain span:nth-child(2){--amp: 40%;background:color-mix(in oklab,var(--c1),var(--c2));animation-delay:calc(var(--speed) * -.09)}.ldr--chain span:nth-child(3){--amp: 80%;background:var(--c2);animation-delay:calc(var(--speed) * -.18)}.ldr--chain span:nth-child(4){--amp: 125%;background:color-mix(in oklab,var(--c2),var(--c3));animation-delay:calc(var(--speed) * -.27)}.ldr--chain span:nth-child(5){--amp: 175%;background:var(--c3);animation-delay:calc(var(--speed) * -.36)}@keyframes ldr-whip{0%,to{translate:calc(var(--amp) * -1) 0}50%{translate:var(--amp) 0}}.ldr--hairline{width:calc(var(--size) * 2);height:max(2px,calc(var(--size) / 22));border-radius:99px;background:color-mix(in oklab,var(--c1) 18%,transparent);overflow:hidden}.ldr--hairline:after{content:"";position:absolute;inset:0 auto 0 0;width:34%;border-radius:99px;background:linear-gradient(90deg,transparent,var(--c1) 30%,var(--c2) 70%,transparent);animation:ldr-hairline-run calc(var(--speed) * 1.6) cubic-bezier(.65,0,.35,1) infinite}@keyframes ldr-hairline-run{0%{translate:-100% 0}to{translate:295% 0}}.ldr--tick{border-radius:50%}.ldr--tick:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(color-mix(in oklab,var(--c1) 40%,transparent) 0 2deg,transparent 2deg 30deg);-webkit-mask:radial-gradient(farthest-side,#0000 87%,#000 88%);mask:radial-gradient(farthest-side,#0000 87%,#000 88%)}.ldr--tick:after{content:"";position:absolute;left:50%;top:15%;width:max(2px,calc(var(--size) / 18));height:37%;margin-left:max(-1px,calc(var(--size) / -36));border-radius:99px;background:var(--c1);transform-origin:50% 100%;animation:ldr-spin calc(var(--speed) * 3) steps(12,end) infinite}.ldr--quarter{border-radius:50%;border:calc(var(--size) / 13) solid color-mix(in oklab,var(--c1) 16%,transparent)}.ldr--quarter:after{content:"";position:absolute;inset:calc(var(--size) / -13);border-radius:50%;border:calc(var(--size) / 13) solid transparent;border-top-color:var(--c1);border-right-color:var(--c1);animation:ldr-spin calc(var(--speed) * 1.6) steps(4,end) infinite}.ldr--dot-fade:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;background:var(--c1);animation:ldr-slow-breath calc(var(--speed) * 2) cubic-bezier(.45,0,.55,1) infinite}@keyframes ldr-slow-breath{0%,to{scale:.6;opacity:.3}50%{scale:1;opacity:1}}.ldr--underline{width:calc(var(--size) * 1.6);height:calc(var(--size) * .46)}.ldr--underline:before{content:"";position:absolute;left:0;right:0;top:18%;height:30%;border-radius:calc(var(--size) / 26);background:color-mix(in oklab,var(--c1) 20%,transparent)}.ldr--underline:after{content:"";position:absolute;left:0;bottom:12%;width:34%;height:max(2px,calc(var(--size) / 20));border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2));animation:ldr-underline-track calc(var(--speed) * 1.8) cubic-bezier(.65,0,.35,1) infinite}@keyframes ldr-underline-track{0%,to{transform:translate(0) scaleX(1)}50%{transform:translate(194%) scaleX(1)}}.ldr--pill-swap{width:calc(var(--size) * 1.5);height:calc(var(--size) * .28)}.ldr--pill-swap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--grad);animation:ldr-pill-swap calc(var(--speed) * 1.8) cubic-bezier(.65,0,.35,1) infinite}@keyframes ldr-pill-swap{0%{clip-path:inset(0 81% 0 0 round 99px)}30%{clip-path:inset(0 0 0 0 round 99px)}50%{clip-path:inset(0 0 0 81% round 99px)}80%{clip-path:inset(0 0 0 0 round 99px)}to{clip-path:inset(0 81% 0 0 round 99px)}}.ldr--bracket span{position:absolute;top:24%;bottom:24%;width:22%;border:max(2px,calc(var(--size) / 16)) solid var(--c1);animation:ldr-bracket calc(var(--speed) * 1.5) cubic-bezier(.5,0,.3,1) infinite}.ldr--bracket span:nth-child(1){left:0;border-right:none;border-radius:calc(var(--size) / 12) 0 0 calc(var(--size) / 12);--dir: -1}.ldr--bracket span:nth-child(2){right:0;border-left:none;border-radius:0 calc(var(--size) / 12) calc(var(--size) / 12) 0;--dir: 1}@keyframes ldr-bracket{0%,to{transform:translate(calc(var(--dir) * 55%));opacity:.4}50%{transform:translate(0);opacity:1}}.ldr--bracket:after{content:"";position:absolute;left:44%;top:44%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--c2);animation:ldr-pulse calc(var(--speed) * 1.5) ease-in-out infinite}.ldr--slash{border-radius:calc(var(--size) / 8);border:max(1px,calc(var(--size) / 34)) solid color-mix(in oklab,var(--c1) 22%,transparent);overflow:hidden}.ldr--slash:after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:22%;background:linear-gradient(var(--c1),var(--c2));transform:rotate(24deg);animation:ldr-slash-wipe calc(var(--speed) * 1.5) cubic-bezier(.6,0,.4,1) infinite}@keyframes ldr-slash-wipe{0%{translate:-130% 0}to{translate:560% 0}}.ldr--micro-dots{display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--size) * .7);height:calc(var(--size) * .2)}.ldr--micro-dots span{width:24%;aspect-ratio:1;border-radius:50%;background:var(--c1);animation:ldr-micro calc(var(--speed) * 1.5) steps(1,end) infinite}.ldr--micro-dots span:nth-child(2){animation-delay:calc(var(--speed) * .25)}.ldr--micro-dots span:nth-child(3){animation-delay:calc(var(--speed) * .5)}@keyframes ldr-micro{0%{opacity:.16}20%,78%{opacity:1}80%,to{opacity:.16}}.ldr--ring-thin{border-radius:50%;border:max(1px,calc(var(--size) / 30)) solid color-mix(in oklab,var(--c1) 16%,transparent)}.ldr--ring-thin:after{content:"";position:absolute;inset:max(-1px,calc(var(--size) / -30));border-radius:50%;background:conic-gradient(var(--c1) 0 14%,transparent 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - max(1px,var(--size) / 30)),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - max(1px,var(--size) / 30)),#000 0);animation:ldr-spin calc(var(--speed) * 1.3) cubic-bezier(.45,.05,.55,.95) infinite}.ldr--crosshair:before,.ldr--crosshair:after{content:"";position:absolute;background:var(--c1)}.ldr--crosshair:before{left:0;right:0;top:50%;height:max(1px,calc(var(--size) / 30));margin-top:max(-.5px,calc(var(--size) / -60));animation:ldr-cross-y calc(var(--speed) * 1.8) cubic-bezier(.5,0,.3,1) infinite}.ldr--crosshair:after{top:0;bottom:0;left:50%;width:max(1px,calc(var(--size) / 30));margin-left:max(-.5px,calc(var(--size) / -60));background:var(--c2);animation:ldr-cross-x calc(var(--speed) * 1.8) cubic-bezier(.5,0,.3,1) infinite}@keyframes ldr-cross-y{0%,to{transform:translateY(-160%);opacity:.35}50%{transform:translateY(160%);opacity:1}}@keyframes ldr-cross-x{0%,to{transform:translate(160%);opacity:.35}50%{transform:translate(-160%);opacity:1}}@keyframes ldr-angle{to{--ldr-a: 360deg}}.ldr--mesh{border-radius:calc(var(--size) / 4);background:radial-gradient(circle at 50% 50%,var(--c1) 0,transparent 55%),radial-gradient(circle at 50% 50%,var(--c2) 0,transparent 55%),radial-gradient(circle at 50% 50%,var(--c3) 0,transparent 55%),linear-gradient(140deg,var(--c1),var(--c2));background-size:170% 170%,160% 160%,180% 180%,100% 100%;background-repeat:no-repeat;filter:blur(calc(var(--size) / 40));animation:ldr-mesh calc(var(--speed) * 4.5) ease-in-out infinite}@keyframes ldr-mesh{0%,to{background-position:0% 0%,100% 0%,50% 100%,0 0}33%{background-position:100% 30%,0% 70%,100% 0%,0 0}66%{background-position:40% 100%,60% 0%,0% 40%,0 0}}.ldr--hue-ring{border-radius:50%;background:conic-gradient(var(--c1),var(--c2),var(--c3),var(--c1));-webkit-mask:radial-gradient(farthest-side,#0000 78%,#000 79%);mask:radial-gradient(farthest-side,#0000 78%,#000 79%);animation:ldr-spin calc(var(--speed) * 2.4) linear infinite,ldr-hue calc(var(--speed) * 3) linear infinite}@keyframes ldr-hue{to{filter:hue-rotate(360deg)}}.ldr--hue-ring:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:conic-gradient(var(--c3),var(--c1),var(--c2),var(--c3));animation:ldr-spin calc(var(--speed) * 1.6) linear infinite reverse}.ldr--gradient-orb{border-radius:50%;background:radial-gradient(circle at 50% 55%,var(--c2) 0 18%,var(--c1) 62%,color-mix(in oklab,var(--c1) 45%,#000) 100%);overflow:hidden}.ldr--gradient-orb:before{content:"";position:absolute;top:12%;left:18%;width:40%;height:28%;border-radius:50%;background:#fff;filter:blur(calc(var(--size) / 18));opacity:.8;animation:ldr-orb-spec calc(var(--speed) * 2.6) ease-in-out infinite}@keyframes ldr-orb-spec{0%,to{transform:translate(-10%) scale(1);opacity:.8}50%{transform:translate(90%,40%) scale(.7);opacity:.45}}.ldr--gradient-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(transparent 0 55%,var(--c3) 72%,transparent 88%);-webkit-mask:radial-gradient(farthest-side,#0000 91%,#000 92%);mask:radial-gradient(farthest-side,#0000 91%,#000 92%);animation:ldr-spin calc(var(--speed) * 2.6) linear infinite}.ldr--chroma span{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;margin:-31% 0 0 -31%;border-radius:50%;opacity:.62;filter:blur(calc(var(--size) / 40));animation:ldr-chroma calc(var(--speed) * 2.6) ease-in-out infinite}.ldr--chroma span:nth-child(1){background:var(--c1);--a: 0deg}.ldr--chroma span:nth-child(2){background:var(--c2);--a: 120deg}.ldr--chroma span:nth-child(3){background:var(--c3);--a: 240deg}@keyframes ldr-chroma{0%,to{transform:rotate(var(--a)) translateY(-14%) scale(1)}50%{transform:rotate(calc(var(--a) + 180deg)) translateY(-26%) scale(1.12)}}.ldr--ombre{display:inline-flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:calc(var(--size) / 12)}.ldr--ombre span{height:13%;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2) 50%,var(--c3));background-size:var(--size) 100%;transform-origin:0 50%;animation:ldr-ombre-in calc(var(--speed) * 2.2) cubic-bezier(.5,0,.3,1) infinite}.ldr--ombre span:nth-child(1){animation-delay:calc(var(--speed) * -0)}.ldr--ombre span:nth-child(2){animation-delay:calc(var(--speed) * -.14)}.ldr--ombre span:nth-child(3){animation-delay:calc(var(--speed) * -.28)}.ldr--ombre span:nth-child(4){animation-delay:calc(var(--speed) * -.42)}.ldr--ombre span:nth-child(5){animation-delay:calc(var(--speed) * -.56)}.ldr--ombre span:nth-child(6){animation-delay:calc(var(--speed) * -.7)}@keyframes ldr-ombre-in{0%{transform:scaleX(0);opacity:0}16%{transform:scaleX(1);opacity:1}84%{transform:scaleX(1);opacity:1}97%,to{transform:scaleX(0);opacity:0}}.ldr--iridescent{border-radius:50%;background:conic-gradient(from 0deg,var(--c1),var(--c2) 18%,var(--c3) 34%,var(--c1) 50%,var(--c3) 66%,var(--c2) 82%,var(--c1));filter:blur(calc(var(--size) / 30)) saturate(1.3);animation:ldr-spin calc(var(--speed) * 3.4) linear infinite,ldr-hue calc(var(--speed) * 5) linear infinite}.ldr--iridescent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.7) 50%,transparent 66%);animation:ldr-iri-sheen calc(var(--speed) * 2.6) ease-in-out infinite}@keyframes ldr-iri-sheen{0%,to{opacity:.15;transform:translate(-32%)}50%{opacity:.75;transform:translate(32%)}}.ldr--sunrise{width:calc(var(--size) * 1.5);height:var(--size);border-radius:calc(var(--size) / 10);overflow:hidden;background:linear-gradient(var(--c3) 0,var(--c1) 55%,var(--c2) 100%)}.ldr--sunrise:before{content:"";position:absolute;left:50%;bottom:26%;width:46%;aspect-ratio:1;margin-left:-23%;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--c2) 55%,var(--c1) 100%);box-shadow:0 0 calc(var(--size) / 4) color-mix(in oklab,var(--c2) 70%,transparent);animation:ldr-sun-rise calc(var(--speed) * 3.4) cubic-bezier(.45,0,.55,1) infinite}@keyframes ldr-sun-rise{0%,to{translate:0 78%}50%{translate:0 -26%}}.ldr--sunrise:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(color-mix(in oklab,var(--c1) 85%,#000),color-mix(in oklab,var(--c2) 70%,#000));border-top:max(1px,calc(var(--size) / 44)) solid color-mix(in oklab,var(--c2) 80%,#fff)}.ldr--refract{width:calc(var(--size) * 1.5);height:var(--size)}.ldr--refract:before{content:"";position:absolute;left:0;top:50%;width:34%;height:max(2px,calc(var(--size) / 22));margin-top:max(-1px,calc(var(--size) / -44));background:linear-gradient(90deg,transparent,#fff);box-shadow:0 0 calc(var(--size) / 8) #fff9;transform-origin:0 50%;animation:ldr-beam-in calc(var(--speed) * 2) ease-in-out infinite}@keyframes ldr-beam-in{0%,to{transform:scaleX(.25);opacity:.4}45%,70%{transform:scaleX(1);opacity:1}}.ldr--refract:after{content:"";position:absolute;left:30%;top:50%;width:26%;height:60%;margin-top:-30%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(160deg,color-mix(in oklab,var(--c1) 55%,#fff),color-mix(in oklab,var(--c3) 75%,#fff));animation:ldr-prism-turn calc(var(--speed) * 4) ease-in-out infinite}@keyframes ldr-prism-turn{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.ldr--refract span{position:absolute;right:0;top:50%;width:46%;height:max(3px,calc(var(--size) / 18));border-radius:99px;transform-origin:100% 50%;animation:ldr-fan calc(var(--speed) * 2) ease-in-out infinite}.ldr--refract span:nth-child(1){background:linear-gradient(90deg,transparent,var(--c1));--fa: -16deg}.ldr--refract span:nth-child(2){background:linear-gradient(90deg,transparent,var(--c2));--fa: 0deg;animation-delay:calc(var(--speed) * -.06)}.ldr--refract span:nth-child(3){background:linear-gradient(90deg,transparent,var(--c3));--fa: 16deg;animation-delay:calc(var(--speed) * -.12)}@keyframes ldr-fan{0%,to{transform:rotate(calc(var(--fa) * .2)) scaleX(.2);opacity:0}50%,78%{transform:rotate(var(--fa)) scaleX(1);opacity:1}}.ldr--gradient-border{border-radius:calc(var(--size) / 4.5);padding:calc(var(--size) / 11);background:conic-gradient(from var(--ldr-a, 0deg),var(--c1),var(--c2) 30%,var(--c3) 60%,var(--c1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ldr-angle calc(var(--speed) * 2.2) linear infinite}.ldr--gradient-border:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:calc(var(--size) / 7);background:conic-gradient(from var(--ldr-a, 0deg),var(--c1),var(--c2) 30%,var(--c3) 60%,var(--c1));filter:blur(calc(var(--size) / 9));opacity:.5;animation:ldr-angle calc(var(--speed) * 2.2) linear infinite}.ldr--color-cycle{border-radius:calc(var(--size) / 4.5);background:linear-gradient(var(--ldr-a, 0deg),var(--c1),var(--c2) 50%,var(--c3));animation:ldr-angle calc(var(--speed) * 3) linear infinite,ldr-cycle-breathe calc(var(--speed) * 1.5) ease-in-out infinite}@keyframes ldr-cycle-breathe{0%,to{scale:.84;border-radius:24%}50%{scale:1;border-radius:42%}}.ldr--northern{width:calc(var(--size) * 1.5);height:var(--size);border-radius:calc(var(--size) / 10);overflow:hidden;background:linear-gradient(color-mix(in oklab,var(--c1) 18%,transparent),transparent 70%)}.ldr--northern span{position:absolute;top:-18%;bottom:-18%;width:28%;border-radius:50%;filter:blur(calc(var(--size) / 11));animation:ldr-curtain calc(var(--speed) * 3.2) ease-in-out infinite}.ldr--northern span:nth-child(1){left:2%;background:var(--c1);--sk: -14deg}.ldr--northern span:nth-child(2){left:26%;background:var(--c2);--sk: 12deg;animation-delay:calc(var(--speed) * -.8)}.ldr--northern span:nth-child(3){left:50%;background:var(--c3);--sk: -10deg;animation-delay:calc(var(--speed) * -1.6)}.ldr--northern span:nth-child(4){left:72%;background:var(--c2);--sk: 16deg;animation-delay:calc(var(--speed) * -2.4)}@keyframes ldr-curtain{0%,to{transform:skew(var(--sk)) translate(-24%) scaleY(.78);opacity:.45}50%{transform:skew(calc(var(--sk) * -1)) translate(24%) scaleY(1.1);opacity:.95}}.ldr--gears span{position:absolute;border-radius:50%;background:repeating-conic-gradient(var(--c1) 0 8deg,transparent 8deg 20deg);-webkit-mask:radial-gradient(farthest-side,#0000 0 15%,#000 17%);mask:radial-gradient(farthest-side,#0000 0 15%,#000 17%);animation:ldr-spin calc(var(--speed) * 3) linear infinite}.ldr--gears span:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%}.ldr--gears span:nth-child(1){left:0;top:0;width:64%;aspect-ratio:1}.ldr--gears span:nth-child(1):before{background:var(--c1)}.ldr--gears span:nth-child(2):before{background:var(--c2)}.ldr--gears span:nth-child(2){right:2%;bottom:2%;width:50%;aspect-ratio:1;background:repeating-conic-gradient(var(--c2) 0 10deg,transparent 10deg 25deg);animation-duration:calc(var(--speed) * 2.4);animation-direction:reverse}.ldr--metronome{width:calc(var(--size) * 1.1);height:var(--size)}.ldr--metronome:before{content:"";position:absolute;top:6%;right:16%;bottom:6%;left:16%;clip-path:polygon(50% 0,100% 100%,0 100%);background:color-mix(in oklab,var(--c1) 20%,transparent)}.ldr--metronome span{position:absolute;left:50%;bottom:8%;width:max(2px,calc(var(--size) / 22));height:80%;margin-left:max(-1px,calc(var(--size) / -44));border-radius:99px;background:var(--c1);transform-origin:50% 100%;animation:ldr-metro calc(var(--speed) * 1.6) cubic-bezier(.45,0,.55,1) infinite}@keyframes ldr-metro{0%,to{rotate:-27deg}50%{rotate:27deg}}.ldr--metronome span:before{content:"";position:absolute;left:50%;top:20%;width:calc(var(--size) / 4);height:calc(var(--size) / 9);margin-left:calc(var(--size) / -8);border-radius:calc(var(--size) / 26);background:var(--c2)}.ldr--metronome:after{content:"";position:absolute;left:10%;right:10%;bottom:2%;height:7%;border-radius:99px;background:var(--c3)}.ldr--hourglass{animation:ldr-hg-flip calc(var(--speed) * 3.2) cubic-bezier(.6,0,.4,1) infinite}@keyframes ldr-hg-flip{0%,84%{rotate:0deg}to{rotate:180deg}}.ldr--hourglass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(8% 2%,92% 2%,53% 50%,92% 98%,8% 98%,47% 50%);background:color-mix(in oklab,var(--c1) 16%,transparent)}.ldr--hourglass:after{content:"";position:absolute;left:4%;right:4%;top:0;height:5%;border-radius:99px;background:var(--c1);box-shadow:0 calc(var(--size) * .95) 0 var(--c1)}.ldr--hourglass span{position:absolute;top:0;right:0;bottom:0;left:0}.ldr--hourglass span:nth-child(1){clip-path:polygon(9% 4%,91% 4%,53% 49%,47% 49%)}.ldr--hourglass span:nth-child(1):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--c2),var(--c3));transform-origin:50% 49%;animation:ldr-sand-out calc(var(--speed) * 3.2) linear infinite}@keyframes ldr-sand-out{0%{scale:1 1}84%,to{scale:1 .02}}.ldr--hourglass span:nth-child(2){clip-path:polygon(9% 96%,91% 96%,53% 51%,47% 51%)}.ldr--hourglass span:nth-child(2):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--c3),var(--c2));transform-origin:50% 100%;animation:ldr-sand-in calc(var(--speed) * 3.2) linear infinite}@keyframes ldr-sand-in{0%{scale:1 .02}84%,to{scale:1 1}}.ldr--hourglass span:nth-child(3){top:46%;right:49%;bottom:32%;left:49%;background:var(--c2);animation:ldr-blink calc(var(--speed) * .4) linear infinite}.ldr--piston{width:calc(var(--size) * .78);height:calc(var(--size) * 1.3)}.ldr--piston:before{content:"";position:absolute;top:0;right:0;bottom:34%;left:0;border:max(1px,calc(var(--size) / 34)) solid color-mix(in oklab,var(--c1) 40%,transparent);border-bottom:none;border-radius:calc(var(--size) / 8) calc(var(--size) / 8) 0 0;background:color-mix(in oklab,var(--c1) 8%,transparent)}.ldr--piston span{position:absolute;left:12%;right:12%;top:8%;height:20%;border-radius:calc(var(--size) / 20);background:linear-gradient(var(--c1),var(--c2));animation:ldr-piston-stroke calc(var(--speed) * 1.2) cubic-bezier(.45,0,.55,1) infinite}@keyframes ldr-piston-stroke{0%,to{translate:0 0}50%{translate:0 130%}}.ldr--piston span:before{content:"";position:absolute;left:50%;top:90%;width:16%;height:calc(var(--size) * .42);margin-left:-8%;border-radius:99px;background:var(--c3)}.ldr--piston:after{content:"";position:absolute;left:50%;bottom:2%;width:46%;aspect-ratio:1;margin-left:-23%;border-radius:50%;background:conic-gradient(var(--c1) 0 25%,var(--c3) 0 50%,var(--c1) 0 75%,var(--c3) 0);animation:ldr-spin calc(var(--speed) * 1.2) linear infinite}.ldr--carousel{perspective:calc(var(--size) * 2.6);transform-style:preserve-3d}.ldr--carousel span{position:absolute;top:24%;right:36%;bottom:24%;left:36%;border-radius:calc(var(--size) / 14);background:var(--grad);animation:ldr-carousel calc(var(--speed) * 3.4) linear infinite}.ldr--carousel span:nth-child(1){--a: 0deg}.ldr--carousel span:nth-child(2){--a: 72deg;filter:hue-rotate(25deg)}.ldr--carousel span:nth-child(3){--a: 144deg;filter:hue-rotate(50deg)}.ldr--carousel span:nth-child(4){--a: 216deg;filter:hue-rotate(75deg)}.ldr--carousel span:nth-child(5){--a: 288deg;filter:hue-rotate(100deg)}@keyframes ldr-carousel{0%{transform:rotateY(var(--a)) translateZ(calc(var(--size) * .34))}to{transform:rotateY(calc(var(--a) + 360deg)) translateZ(calc(var(--size) * .34))}}.ldr--clockwork{border-radius:50%;border:max(1px,calc(var(--size) / 26)) solid color-mix(in oklab,var(--c1) 28%,transparent)}.ldr--clockwork:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(color-mix(in oklab,var(--c1) 60%,transparent) 0 3deg,transparent 3deg 90deg);-webkit-mask:radial-gradient(farthest-side,#0000 82%,#000 83%);mask:radial-gradient(farthest-side,#0000 82%,#000 83%)}.ldr--clockwork span{position:absolute;left:50%;bottom:50%;border-radius:99px;transform-origin:50% 100%;animation:ldr-hand var(--dur) linear infinite}.ldr--clockwork span:nth-child(1){width:max(3px,calc(var(--size) / 12));margin-left:max(-1.5px,calc(var(--size) / -24));height:24%;background:var(--c1);--dur: calc(var(--speed) * 12)}.ldr--clockwork span:nth-child(2){width:max(2px,calc(var(--size) / 18));margin-left:max(-1px,calc(var(--size) / -36));height:34%;background:var(--c2);--dur: calc(var(--speed) * 4)}.ldr--clockwork span:nth-child(3){width:max(1px,calc(var(--size) / 34));margin-left:max(-.5px,calc(var(--size) / -68));height:40%;background:var(--c3);--dur: calc(var(--speed) * 1);animation-timing-function:steps(20,end)}@keyframes ldr-hand{to{rotate:1turn}}.ldr--clockwork:after{content:"";position:absolute;left:45%;top:45%;width:10%;aspect-ratio:1;border-radius:50%;background:var(--c1)}.ldr--abacus{width:calc(var(--size) * 1.3);height:var(--size);display:inline-flex;flex-direction:column;justify-content:space-evenly;border-left:max(2px,calc(var(--size) / 22)) solid color-mix(in oklab,var(--c1) 50%,transparent);border-right:max(2px,calc(var(--size) / 22)) solid color-mix(in oklab,var(--c1) 50%,transparent);border-radius:calc(var(--size) / 14)}.ldr--abacus span{position:relative;height:22%;background:linear-gradient(color-mix(in oklab,var(--c1) 35%,transparent) 0,color-mix(in oklab,var(--c1) 35%,transparent) 0) center / 100% max(1px,calc(var(--size) / 44)) no-repeat}.ldr--abacus span:before,.ldr--abacus span:after{content:"";position:absolute;top:0;bottom:0;aspect-ratio:1;border-radius:42%;animation:ldr-bead calc(var(--speed) * 2.2) cubic-bezier(.5,0,.5,1) infinite}.ldr--abacus span:before{left:0;background:var(--c1)}.ldr--abacus span:after{right:0;background:var(--c3)}@keyframes ldr-bead{0%,to{translate:0 0}50%{translate:var(--bd) 0}}.ldr--abacus span:nth-child(1):before{--bd: 160%}.ldr--abacus span:nth-child(1):after{--bd: -80%;animation-delay:calc(var(--speed) * -.3)}.ldr--abacus span:nth-child(2):before{--bd: 260%;animation-delay:calc(var(--speed) * -.6)}.ldr--abacus span:nth-child(2):after{--bd: -190%;animation-delay:calc(var(--speed) * -.9)}.ldr--abacus span:nth-child(3):before{--bd: 90%;animation-delay:calc(var(--speed) * -1.2)}.ldr--abacus span:nth-child(3):after{--bd: -300%;animation-delay:calc(var(--speed) * -1.5)}.ldr--conveyor{width:calc(var(--size) * 1.8);height:calc(var(--size) * .9)}.ldr--conveyor:before{content:"";position:absolute;left:0;right:0;bottom:8%;height:24%;border-radius:99px;background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--c1) 70%,transparent) 0,color-mix(in oklab,var(--c1) 70%,transparent) calc(var(--size) / 14),color-mix(in oklab,var(--c1) 25%,transparent) 0,color-mix(in oklab,var(--c1) 25%,transparent) calc(var(--size) / 7));animation:ldr-belt calc(var(--speed) * 1.1) linear infinite}@keyframes ldr-belt{to{background-position:calc(var(--size) / 7) 0}}.ldr--conveyor:after{content:"";position:absolute;left:1%;bottom:6%;width:calc(var(--size) * .28);aspect-ratio:1;border-radius:50%;border:max(2px,calc(var(--size) / 20)) solid var(--c3);box-shadow:calc(var(--size) * 1.5) 0 0 max(-2px,calc(var(--size) / -20)) var(--c3);animation:ldr-spin calc(var(--speed) * 1.1) linear infinite}.ldr--conveyor span{position:absolute;bottom:30%;left:0;width:20%;height:34%;border-radius:calc(var(--size) / 16);background:var(--grad);animation:ldr-carry calc(var(--speed) * 2.4) linear infinite}.ldr--conveyor span:nth-child(2){animation-delay:calc(var(--speed) * -.8)}.ldr--conveyor span:nth-child(3){animation-delay:calc(var(--speed) * -1.6)}@keyframes ldr-carry{0%{translate:20% 0;opacity:0}10%{opacity:1}86%{opacity:1}to{translate:420% 0;opacity:0}}.ldr--pie{border-radius:50%;background:conic-gradient(var(--c1) var(--ldr-p, 30%),color-mix(in oklab,var(--c1) 14%,transparent) 0);animation:ldr-pie-sweep calc(var(--speed) * 2) linear infinite,ldr-pie-hue calc(var(--speed) * 6) steps(3,end) infinite}@keyframes ldr-pie-sweep{0%{--ldr-p: 0%}to{--ldr-p: 100%}}@keyframes ldr-pie-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(270deg)}}.ldr--pie:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:var(--c3);animation:ldr-breathe calc(var(--speed) * 2) ease-in-out infinite}.ldr--seesaw{width:calc(var(--size) * 1.5);height:var(--size)}.ldr--seesaw span{position:absolute;left:8%;right:8%;top:38%;height:max(3px,calc(var(--size) / 14));border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c3));animation:ldr-tip calc(var(--speed) * 1.8) cubic-bezier(.5,0,.5,1) infinite}@keyframes ldr-tip{0%,to{rotate:-17deg}50%{rotate:17deg}}.ldr--seesaw span:before,.ldr--seesaw span:after{content:"";position:absolute;bottom:80%;aspect-ratio:1;border-radius:50%}.ldr--seesaw span:before{left:-2%;width:calc(var(--size) / 4);background:var(--c1)}.ldr--seesaw span:after{right:-2%;width:calc(var(--size) / 5);background:var(--c3)}.ldr--seesaw:after{content:"";position:absolute;left:50%;top:40%;bottom:8%;width:26%;margin-left:-13%;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--c2)}.ldr--roller{border-radius:50%;border:calc(var(--size) / 11) solid color-mix(in oklab,var(--c1) 18%,transparent)}.ldr--roller span{position:absolute;inset:calc(var(--size) / -11);animation:ldr-spin calc(var(--speed) * 1.6) linear infinite}.ldr--roller span:nth-child(2){animation-delay:calc(var(--speed) * -.8)}.ldr--roller span:before{content:"";position:absolute;top:calc(var(--size) / 11);left:50%;width:20%;aspect-ratio:1;margin-left:-10%;border-radius:50%;background:conic-gradient(var(--c1) 0 50%,var(--c2) 0);animation:ldr-roll-spin calc(var(--speed) * .45) linear infinite}.ldr--roller span:nth-child(2):before{background:conic-gradient(var(--c3) 0 50%,var(--c2) 0)}@keyframes ldr-roll-spin{to{rotate:1turn}}.ldr--logo-morph span{position:absolute;left:50%;top:50%;width:46%;height:46%;margin:-23% 0 0 -23%;border-radius:46% 8%;animation:ldr-assemble calc(var(--speed) * 2.6) cubic-bezier(.55,0,.25,1) infinite}.ldr--logo-morph span:nth-child(1){background:var(--c1);--a: 0deg}.ldr--logo-morph span:nth-child(2){background:var(--c2);--a: 120deg}.ldr--logo-morph span:nth-child(3){background:var(--c3);--a: 240deg}@keyframes ldr-assemble{0%,to{transform:rotate(var(--a)) translate(0) scale(1);border-radius:46% 8%;opacity:.9}50%{transform:rotate(calc(var(--a) + 150deg)) translateY(-62%) scale(.78);border-radius:50%;opacity:1}}.ldr--card-stack{perspective:calc(var(--size) * 3)}.ldr--card-stack span{position:absolute;top:16%;right:10%;bottom:16%;left:10%;border-radius:calc(var(--size) / 8);background:var(--grad);box-shadow:0 calc(var(--size) / 20) calc(var(--size) / 8) color-mix(in oklab,var(--c1) 28%,transparent);animation:ldr-restack calc(var(--speed) * 2.7) cubic-bezier(.5,0,.25,1) infinite}.ldr--card-stack span:nth-child(2){animation-delay:calc(var(--speed) * -.9);filter:hue-rotate(30deg)}.ldr--card-stack span:nth-child(3){animation-delay:calc(var(--speed) * -1.8);filter:hue-rotate(60deg)}@keyframes ldr-restack{0%{transform:translate(0) rotate(0) scale(1);opacity:1;z-index:3}24%{transform:translate(78%,-30%) rotate(15deg) scale(1);opacity:1;z-index:3}33%{transform:translate(78%,-30%) rotate(15deg) scale(1);opacity:0;z-index:0}36%{transform:translateY(20%) rotate(0) scale(.8);opacity:0;z-index:0}48%{transform:translateY(20%) rotate(0) scale(.8);opacity:1;z-index:1}72%{transform:translateY(10%) rotate(0) scale(.9);opacity:1;z-index:2}to{transform:translate(0) rotate(0) scale(1);opacity:1;z-index:3}}.ldr--progress-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--c1) var(--ldr-p, 30%),color-mix(in oklab,var(--c1) 12%,transparent) 0);-webkit-mask:radial-gradient(farthest-side,#0000 87%,#000 88%);mask:radial-gradient(farthest-side,#0000 87%,#000 88%);animation:ldr-ring-fill calc(var(--speed) * 2.4) cubic-bezier(.55,0,.25,1) infinite}@keyframes ldr-ring-fill{0%{--ldr-p: 2%}78%,to{--ldr-p: 100%}}.ldr--progress-ring:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--c2) 55%,transparent) 0,transparent 70%);animation:ldr-glow-swell calc(var(--speed) * 2.4) ease-in-out infinite}.ldr--progress-ring span{position:absolute;top:0;right:0;bottom:0;left:0;animation:ldr-ring-head calc(var(--speed) * 2.4) cubic-bezier(.55,0,.25,1) infinite}@keyframes ldr-ring-head{0%{rotate:7deg}78%,to{rotate:360deg}}.ldr--progress-ring span:before{content:"";position:absolute;top:0;left:50%;width:13%;aspect-ratio:1;margin-left:-6.5%;border-radius:50%;background:var(--c2);box-shadow:0 0 calc(var(--size) / 7) var(--c2)}.ldr--pill-progress{width:calc(var(--size) * 2.2);height:calc(var(--size) * .36);border-radius:99px;overflow:hidden;background:color-mix(in oklab,var(--c1) 12%,transparent);box-shadow:inset 0 0 0 max(1px,calc(var(--size) / 60)) color-mix(in oklab,var(--c1) 24%,transparent)}.ldr--pill-progress:before{content:"";position:absolute;inset:12% auto 12% 0;width:42%;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2) 60%,var(--c3));transform-origin:50% 50%;animation:ldr-glide calc(var(--speed) * 2) cubic-bezier(.55,0,.3,1) infinite}@keyframes ldr-glide{0%{transform:translate(-8%) scaleX(.5)}45%{transform:translate(80%) scaleX(1.12)}to{transform:translate(148%) scaleX(.5)}}.ldr--pill-progress:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);animation:ldr-sheen calc(var(--speed) * 2) ease-in-out infinite}.ldr--glass-ring{border-radius:50%;border:calc(var(--size) / 8) solid color-mix(in oklab,var(--c1) 34%,transparent);background:radial-gradient(circle at 34% 26%,color-mix(in oklab,var(--c3) 34%,transparent),transparent 64%);box-shadow:inset 0 0 calc(var(--size) / 10) color-mix(in oklab,var(--c1) 22%,transparent),0 calc(var(--size) / 20) calc(var(--size) / 7) color-mix(in oklab,var(--c1) 18%,transparent)}.ldr--glass-ring:before{content:"";position:absolute;inset:calc(var(--size) / -8);border-radius:50%;background:conic-gradient(transparent 0 52%,color-mix(in oklab,var(--c2) 45%,#fff) 72%,color-mix(in oklab,var(--c3) 70%,#fff) 82%,transparent 96%);-webkit-mask:radial-gradient(farthest-side,#0000 87%,#000 88%);mask:radial-gradient(farthest-side,#0000 87%,#000 88%);animation:ldr-spin calc(var(--speed) * 1.6) cubic-bezier(.5,.1,.5,.9) infinite}.ldr--glass-ring:after{content:"";position:absolute;top:8%;left:18%;width:30%;height:16%;border-radius:50%;background:#fff;opacity:.65;filter:blur(calc(var(--size) / 34))}.ldr--orbit-avatar span{position:absolute;top:0;right:0;bottom:0;left:0;animation:ldr-spin calc(var(--speed) * 3.2) linear infinite}.ldr--orbit-avatar span:before{content:"";position:absolute;top:-3%;left:50%;width:27%;aspect-ratio:1;margin-left:-13.5%;border-radius:34%;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 calc(var(--size) / 40) calc(var(--size) / 14) color-mix(in oklab,var(--c1) 30%,transparent);animation:ldr-spin-rev calc(var(--speed) * 3.2) linear infinite}.ldr--orbit-avatar span:nth-child(1),.ldr--orbit-avatar span:nth-child(1):before{animation-delay:calc(var(--speed) * -0)}.ldr--orbit-avatar span:nth-child(2),.ldr--orbit-avatar span:nth-child(2):before{animation-delay:calc(var(--speed) * -.64)}.ldr--orbit-avatar span:nth-child(3),.ldr--orbit-avatar span:nth-child(3):before{animation-delay:calc(var(--speed) * -1.28)}.ldr--orbit-avatar span:nth-child(4),.ldr--orbit-avatar span:nth-child(4):before{animation-delay:calc(var(--speed) * -1.92)}.ldr--orbit-avatar span:nth-child(5),.ldr--orbit-avatar span:nth-child(5):before{animation-delay:calc(var(--speed) * -2.56)}.ldr--orbit-avatar span:nth-child(2):before{background:linear-gradient(150deg,var(--c2),var(--c3))}.ldr--orbit-avatar span:nth-child(3):before{background:linear-gradient(150deg,var(--c3),var(--c1))}.ldr--orbit-avatar span:nth-child(4):before{background:linear-gradient(150deg,var(--c1),var(--c3))}.ldr--orbit-avatar span:nth-child(5):before{background:linear-gradient(150deg,var(--c2),var(--c1))}.ldr--orbit-avatar:after{content:"";position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;background:color-mix(in oklab,var(--c1) 22%,transparent);animation:ldr-breathe calc(var(--speed) * 1.6) ease-in-out infinite}.ldr--checklist{width:calc(var(--size) * 1.7);height:var(--size);display:inline-flex;flex-direction:column;justify-content:space-between}.ldr--checklist span{position:relative;height:26%}.ldr--checklist span:before{content:"";position:absolute;left:0;top:0;bottom:0;aspect-ratio:1;border-radius:50%;background:color-mix(in oklab,var(--c1) 14%,transparent);box-shadow:inset 0 0 0 max(2px,calc(var(--size) / 24)) color-mix(in oklab,var(--c1) 34%,transparent);animation:ldr-tickbox calc(var(--speed) * 3) cubic-bezier(.3,1.5,.5,1) infinite}@keyframes ldr-tickbox{0%,14%{background:color-mix(in oklab,var(--c1) 14%,transparent);scale:1}22%{background:var(--c2);scale:1.28}30%,92%{background:var(--c2);scale:1}to{background:color-mix(in oklab,var(--c1) 14%,transparent);scale:1}}.ldr--checklist span:after{content:"";position:absolute;left:34%;top:30%;height:38%;border-radius:99px;background:color-mix(in oklab,var(--c1) 40%,transparent);animation:ldr-task-line calc(var(--speed) * 3) cubic-bezier(.4,0,.3,1) infinite}@keyframes ldr-task-line{0%,14%{opacity:.45;width:40%}30%,92%{opacity:1;width:62%}to{opacity:.45;width:40%}}.ldr--checklist span:nth-child(1):before,.ldr--checklist span:nth-child(1):after{animation-delay:calc(var(--speed) * -1.1)}.ldr--checklist span:nth-child(2):before,.ldr--checklist span:nth-child(2):after{animation-delay:calc(var(--speed) * -.55)}.ldr--checklist span:nth-child(3):before,.ldr--checklist span:nth-child(3):after{animation-delay:0s}.ldr--upload-cloud{width:calc(var(--size) * 1.35);height:var(--size)}.ldr--upload-cloud:before{content:"";position:absolute;left:26%;top:12%;width:30%;aspect-ratio:1;border-radius:50%;background:color-mix(in oklab,var(--c1) 30%,transparent);box-shadow:calc(var(--size) * .3) calc(var(--size) * .1) 0 calc(var(--size) * -.02) color-mix(in oklab,var(--c1) 30%,transparent),calc(var(--size) * -.2) calc(var(--size) * .14) 0 calc(var(--size) * -.05) color-mix(in oklab,var(--c1) 30%,transparent)}.ldr--upload-cloud:after{content:"";position:absolute;left:12%;right:12%;top:30%;height:22%;border-radius:99px;background:color-mix(in oklab,var(--c1) 30%,transparent)}.ldr--upload-cloud span{position:absolute;left:50%;bottom:2%;width:20%;height:40%;margin-left:-10%;clip-path:polygon(50% 0,100% 44%,68% 44%,68% 100%,32% 100%,32% 44%,0 44%);background:linear-gradient(var(--c2),var(--c3));animation:ldr-lift calc(var(--speed) * 1.8) ease-in-out infinite}.ldr--upload-cloud span:nth-child(2){animation-delay:calc(var(--speed) * -.6)}.ldr--upload-cloud span:nth-child(3){animation-delay:calc(var(--speed) * -1.2)}@keyframes ldr-lift{0%{translate:0 45%;opacity:0}25%{opacity:1}70%{opacity:1}to{translate:0 -105%;opacity:0}}.ldr--sync span{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:calc(var(--size) / 11) solid transparent;animation:ldr-spin calc(var(--speed) * 1.5) cubic-bezier(.55,.12,.45,.88) infinite}.ldr--sync span:nth-child(1){border-top-color:var(--c1);border-right-color:var(--c1)}.ldr--sync span:nth-child(2){border-bottom-color:var(--c3);border-left-color:var(--c3)}.ldr--sync span:before{content:"";position:absolute;width:30%;aspect-ratio:1}.ldr--sync span:nth-child(1):before{right:calc(var(--size) / -22);top:40%;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--c1)}.ldr--sync span:nth-child(2):before{left:calc(var(--size) / -22);bottom:40%;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--c3)}.ldr--steps{width:calc(var(--size) * 1.9);height:calc(var(--size) * .44);display:inline-flex;align-items:center;justify-content:space-between}.ldr--steps:before,.ldr--steps:after{content:"";position:absolute;left:7%;right:7%;top:50%;height:max(2px,calc(var(--size) / 22));margin-top:max(-1px,calc(var(--size) / -44));border-radius:99px}.ldr--steps:before{background:color-mix(in oklab,var(--c1) 16%,transparent)}.ldr--steps:after{background:linear-gradient(90deg,var(--c1),var(--c2));transform-origin:0 50%;animation:ldr-step-fill calc(var(--speed) * 3.2) cubic-bezier(.6,0,.3,1) infinite}@keyframes ldr-step-fill{0%,6%{scale:0 1}22%,38%{scale:.34 1}54%,68%{scale:.67 1}84%,to{scale:1 1}}.ldr--steps span{position:relative;width:calc(var(--size) * .26);aspect-ratio:1;border-radius:50%;background:color-mix(in oklab,var(--c1) 16%,transparent);box-shadow:0 0 0 max(2px,calc(var(--size) / 30)) color-mix(in oklab,var(--c1) 8%,transparent);animation:ldr-node calc(var(--speed) * 3.2) cubic-bezier(.3,1.5,.5,1) infinite}.ldr--steps span:nth-child(2){animation-delay:calc(var(--speed) * .7)}.ldr--steps span:nth-child(3){animation-delay:calc(var(--speed) * 1.72)}.ldr--steps span:nth-child(4){animation-delay:calc(var(--speed) * 2.68)}@keyframes ldr-node{0%{background:color-mix(in oklab,var(--c1) 16%,transparent);scale:1}6%{background:var(--c2);scale:1.3}14%,94%{background:var(--c2);scale:1}to{background:color-mix(in oklab,var(--c1) 16%,transparent);scale:1}}.ldr--spark-line{width:calc(var(--size) * 1.8);height:var(--size);border-radius:calc(var(--size) / 12);background:color-mix(in oklab,var(--c1) 7%,transparent);overflow:hidden}.ldr--spark-line span:nth-child(1){position:absolute;top:8%;right:8%;bottom:8%;left:8%;animation:ldr-spark-wipe calc(var(--speed) * 2.8) cubic-bezier(.5,0,.25,1) infinite}@keyframes ldr-spark-wipe{0%{clip-path:inset(0 100% 0 0)}76%,to{clip-path:inset(0 0 0 0)}}.ldr--spark-line span:nth-child(1):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 72%,14% 54%,28% 64%,42% 34%,56% 46%,70% 20%,84% 32%,100% 8%,100% 100%,0 100%);background:linear-gradient(color-mix(in oklab,var(--c1) 55%,transparent),transparent 88%)}.ldr--spark-line span:nth-child(1):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 72%,14% 54%,28% 64%,42% 34%,56% 46%,70% 20%,84% 32%,100% 8%,100% 17%,84% 41%,70% 29%,56% 55%,42% 43%,28% 73%,14% 63%,0 81%);background:linear-gradient(90deg,var(--c1),var(--c2) 60%,var(--c3))}.ldr--spark-line span:nth-child(2){position:absolute;top:4%;bottom:4%;left:8%;width:max(2px,calc(var(--size) / 30));border-radius:99px;background:var(--c3);box-shadow:0 0 calc(var(--size) / 7) var(--c3);animation:ldr-readhead calc(var(--speed) * 2.8) cubic-bezier(.5,0,.25,1) infinite}@keyframes ldr-readhead{0%{translate:0 0;opacity:1}76%{translate:calc(var(--size) * 1.53) 0;opacity:1}86%,to{translate:calc(var(--size) * 1.53) 0;opacity:0}}