.ls-webcam-frame{width:100%;color:var(--ls-text,#f8fafc);--ls-cam-size:420px;--ls-cam-aspect:16/9;--ls-cam-bezel:7px;--ls-cam-radius:12px;--ls-cam-matte:3px}.ls-webcam-frame.is-thumb{--ls-cam-size:160px;--ls-cam-bezel:4px;--ls-cam-matte:2px;--ls-cam-radius:8px}.ls-webcam-frame-shell{display:flex;flex-direction:column;align-items:var(--ls-cam-align,center);gap:var(--ls-cam-gap,10px);width:100%;max-width:100%;margin:0 auto}.ls-webcam-frame-bezel{position:relative;width:var(--ls-cam-size);max-width:100%;aspect-ratio:var(--ls-cam-aspect);box-sizing:border-box;padding:0;border-radius:var(--ls-cam-radius);background:transparent;border:none;overflow:visible}.ls-webcam-frame-fill{position:absolute;inset:0;z-index:0;border-radius:inherit;box-sizing:border-box;padding:var(--ls-cam-bezel);pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--ls-accent,#22d3ee) 55%,#0f172a),#020617 62%);border:1.5px solid color-mix(in srgb,var(--ls-accent,#22d3ee) 70%,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.45),0 10px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18)}.ls-webcam-frame.is-transparent-center .ls-webcam-frame-fill{-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:none!important}.ls-webcam-frame.is-transparent-center:not(.no-glow) .ls-webcam-frame-fill{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ls-accent,#22d3ee) 45%,transparent))}.ls-webcam-frame:not(.no-glow) .ls-webcam-frame-fill{box-shadow:0 0 0 1px color-mix(in srgb,var(--ls-accent,#22d3ee) 35%,transparent),0 0 18px color-mix(in srgb,var(--ls-accent,#22d3ee) 24%,transparent),0 10px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18)}.ls-webcam-frame.is-circle .ls-webcam-frame-bezel,.ls-webcam-frame.is-circle .ls-webcam-frame-fill,.ls-webcam-frame.is-circle .ls-webcam-frame-hole,.ls-webcam-frame.is-circle .ls-webcam-frame-matte{border-radius:50%}.ls-webcam-frame-matte{position:absolute;inset:0;z-index:1;width:auto;height:auto;border-radius:calc(var(--ls-cam-radius) - 4px);padding:var(--ls-cam-bezel);background:rgba(2,6,23,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);box-sizing:border-box;pointer-events:none}.ls-webcam-frame-hole,.ls-webcam-frame.is-transparent-center .ls-webcam-frame-matte{background:transparent;box-shadow:none}.ls-webcam-frame-hole{width:100%;height:100%;border-radius:calc(var(--ls-cam-radius) - 6px)}.ls-webcam-frame:not(.is-transparent-center) .ls-webcam-frame-hole{box-shadow:inset 0 0 0 1px rgba(15,23,42,.35)}.ls-webcam-frame-hole.has-guide{outline:1px dashed color-mix(in srgb,var(--ls-accent,#22d3ee) 45%,transparent);outline-offset:-4px}.ls-webcam-frame-corner{position:absolute;width:14px;height:14px;border:1.5px solid color-mix(in srgb,var(--ls-accent,#22d3ee) 80%,#fff);pointer-events:none;z-index:5;box-sizing:border-box}.ls-webcam-frame-corner i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--ls-accent,#22d3ee),0 0 12px color-mix(in srgb,var(--ls-accent,#22d3ee) 70%,transparent);opacity:.85}.ls-webcam-frame-corner.is-tl{top:3px;left:3px;border-right:0;border-bottom:0}.ls-webcam-frame-corner.is-tl i{top:-1px;left:-1px}.ls-webcam-frame-corner.is-tr{top:3px;right:3px;border-left:0;border-bottom:0}.ls-webcam-frame-corner.is-tr i{top:-1px;right:-1px}.ls-webcam-frame-corner.is-bl{bottom:3px;left:3px;border-right:0;border-top:0}.ls-webcam-frame-corner.is-bl i{bottom:-1px;left:-1px}.ls-webcam-frame-corner.is-br{bottom:3px;right:3px;border-left:0;border-top:0}.ls-webcam-frame-corner.is-br i{bottom:-1px;right:-1px}.ls-webcam-frame.is-loop .ls-webcam-frame-corner{animation:ls-webcam-corner-bracket calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop .ls-webcam-frame-corner i{animation:ls-webcam-corner-spark calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop .ls-webcam-frame-corner.is-tr,.ls-webcam-frame.is-loop .ls-webcam-frame-corner.is-tr i{animation-delay:calc(.6s / var(--ls-motion-rate, 1))}.ls-webcam-frame.is-loop .ls-webcam-frame-corner.is-br,.ls-webcam-frame.is-loop .ls-webcam-frame-corner.is-br i{animation-delay:calc(1.2s / var(--ls-motion-rate, 1))}.ls-webcam-frame.is-loop .ls-webcam-frame-corner.is-bl,.ls-webcam-frame.is-loop .ls-webcam-frame-corner.is-bl i{animation-delay:calc(1.8s / var(--ls-motion-rate, 1))}.ls-webcam-frame.is-loop .ls-webcam-frame-screw{animation:ls-webcam-corner-screw calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop .ls-webcam-frame-screw.is-tr{animation-delay:calc(.6s / var(--ls-motion-rate, 1))}.ls-webcam-frame.is-loop .ls-webcam-frame-screw.is-br{animation-delay:calc(1.2s / var(--ls-motion-rate, 1))}.ls-webcam-frame.is-loop .ls-webcam-frame-screw.is-bl{animation-delay:calc(1.8s / var(--ls-motion-rate, 1))}.ls-webcam-frame.is-circle .ls-webcam-frame-corner{width:9px;height:9px;border:none;border-radius:50%;background:color-mix(in srgb,var(--ls-accent,#22d3ee) 55%,#fff);box-shadow:0 0 8px var(--ls-accent,#22d3ee)}.ls-webcam-frame.is-circle .ls-webcam-frame-corner i{display:none}.ls-webcam-frame.is-circle .ls-webcam-frame-corner.is-tl{top:10%;left:10%}.ls-webcam-frame.is-circle .ls-webcam-frame-corner.is-tr{top:10%;right:10%}.ls-webcam-frame.is-circle .ls-webcam-frame-corner.is-bl{bottom:10%;left:10%}.ls-webcam-frame.is-circle .ls-webcam-frame-corner.is-br{bottom:10%;right:10%}.ls-webcam-frame.is-circle.is-loop .ls-webcam-frame-corner{animation:ls-webcam-corner-dot calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-screw{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--ls-accent,#22d3ee) 50%,#334155) 55%,#0f172a);border:1px solid rgba(255,255,255,.35);z-index:3;pointer-events:none}.ls-webcam-frame-screw.is-tl{top:4px;left:4px}.ls-webcam-frame-screw.is-tr{top:4px;right:4px}.ls-webcam-frame-screw.is-bl{bottom:4px;left:4px}.ls-webcam-frame-screw.is-br{bottom:4px;right:4px}.ls-webcam-frame-led{position:absolute;top:4px;left:50%;width:5px;height:5px;transform:translateX(-50%);border-radius:50%;background:var(--ls-accent,#22d3ee);box-shadow:0 0 6px var(--ls-accent,#22d3ee);z-index:3}.ls-webcam-frame.is-loop .ls-webcam-frame-led{animation:ls-webcam-frame-pulse calc(1.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop:not(.no-glow) .ls-webcam-frame-fill{animation:ls-webcam-frame-glow calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-transparent-center.is-loop:not(.no-glow) .ls-webcam-frame-fill{animation:ls-webcam-frame-rim-glow calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop:not(.is-boost) .ls-webcam-frame-corner{animation:ls-webcam-corner-bracket calc(3.2s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop:not(.is-boost) .ls-webcam-frame-corner.is-tr{animation-delay:.4s}.ls-webcam-frame.is-loop:not(.is-boost) .ls-webcam-frame-corner.is-br{animation-delay:.8s}.ls-webcam-frame.is-loop:not(.is-boost) .ls-webcam-frame-corner.is-bl{animation-delay:1.2s}.ls-webcam-frame.is-loop:not(.is-boost) .ls-webcam-frame-corner i{animation:ls-webcam-corner-spark calc(3.2s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-loop:not(.is-boost) .ls-webcam-frame-screw{animation:ls-webcam-corner-screw calc(3.6s / var(--ls-motion-rate, 1)) ease-in-out infinite}@keyframes ls-webcam-frame-pulse{0%,to{opacity:.45;transform:translateX(-50%) scale(.88)}50%{opacity:1;transform:translateX(-50%) scale(1.18)}}@keyframes ls-webcam-frame-glow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.14) saturate(1.12)}}@keyframes ls-webcam-frame-rim-glow{0%,to{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--ls-accent,#22d3ee) 35%,transparent))}50%{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--ls-accent,#22d3ee) 65%,transparent))}}@keyframes ls-webcam-corner-bracket{0%,to{opacity:.55;border-color:color-mix(in srgb,var(--ls-accent,#22d3ee) 55%,transparent);filter:brightness(.9)}40%,55%{opacity:1;border-color:color-mix(in srgb,var(--ls-accent,#22d3ee) 95%,#fff);filter:brightness(1.35)}}@keyframes ls-webcam-corner-spark{0%,to{opacity:.25;transform:scale(.7)}40%,55%{opacity:1;transform:scale(1.35)}}@keyframes ls-webcam-corner-screw{0%,to{opacity:.55;transform:scale(.9);filter:brightness(.85)}40%,55%{opacity:1;transform:scale(1.2);filter:brightness(1.4)}}@keyframes ls-webcam-corner-dot{0%,to{opacity:.4;transform:scale(.75);box-shadow:0 0 4px var(--ls-accent,#22d3ee)}40%,55%{opacity:1;transform:scale(1.25);box-shadow:0 0 10px var(--ls-accent,#22d3ee),0 0 18px color-mix(in srgb,var(--ls-accent,#22d3ee) 60%,transparent)}}.ls-webcam-frame-heading{margin:0;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.45)}.ls-webcam-frame-caption{margin:0;opacity:.8;text-shadow:0 2px 8px rgba(0,0,0,.4)}.ls-webcam-frame.is-thumb .ls-webcam-frame-corner,.ls-webcam-frame.is-thumb .ls-webcam-frame-led,.ls-webcam-frame.is-thumb .ls-webcam-frame-screw{display:none}.ls-webcam-frame-neon_grid_frame .ls-webcam-frame-fill{background:linear-gradient(rgba(34,211,238,.1) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.1) 1px,transparent 0),linear-gradient(160deg,#04111f,#020617);background-size:10px 10px,10px 10px,auto;border-color:#22d3ee}.ls-webcam-frame-gold_ornate_frame .ls-webcam-frame-fill{background:linear-gradient(155deg,#3b2a0a,#1c1408 55%,#0c0a06);border-color:#fbbf24;border-width:2px}.ls-webcam-frame-velvet_cinema_frame .ls-webcam-frame-fill{background:linear-gradient(165deg,#2a0614,#12040a);border-color:#ef4444}.ls-webcam-frame-crystal_glass_frame .ls-webcam-frame-fill{background:linear-gradient(160deg,rgba(224,242,254,.55),rgba(125,211,252,.28));border-color:#67e8f9}.ls-webcam-frame-crystal_glass_frame .ls-webcam-frame-caption,.ls-webcam-frame-crystal_glass_frame .ls-webcam-frame-heading{color:#0f172a;text-shadow:none}.ls-webcam-frame-lava_ember_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 30% 20%,rgba(251,146,60,.35),transparent 40%),linear-gradient(165deg,#2a0c04,#120403);border-color:#f97316}.ls-webcam-frame-galaxy_orbit_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 20% 20%,rgba(129,140,248,.4),transparent 36%),radial-gradient(circle at 80% 70%,rgba(244,114,182,.25),transparent 40%),linear-gradient(165deg,#0b1026,#020617);border-color:#818cf8}.ls-webcam-frame-arcade_cabinet_frame .ls-webcam-frame-fill{background:#111827;border:2px solid #fbbf24;border-radius:6px}.ls-webcam-frame-arcade_cabinet_frame .ls-webcam-frame-matte{border-radius:3px}.ls-webcam-frame-comic_ink_frame .ls-webcam-frame-fill{background:#fff7ed;border:2px solid #0f172a;box-shadow:3px 3px 0 #0f172a}.ls-webcam-frame-comic_ink_frame .ls-webcam-frame-caption,.ls-webcam-frame-comic_ink_frame .ls-webcam-frame-heading{color:#0f172a;text-shadow:none}.ls-webcam-frame-minimal_slate_frame .ls-webcam-frame-fill{background:#0f172a;border:1px solid #334155;border-radius:12px}.ls-webcam-frame-minimal_slate_frame .ls-webcam-frame-corner,.ls-webcam-frame-minimal_slate_frame .ls-webcam-frame-screw{display:none}.ls-webcam-frame-pixel_crt_frame .ls-webcam-frame-fill{background:#052e16;border:2px solid #4ade80;border-radius:0;image-rendering:pixelated}.ls-webcam-frame-pixel_crt_frame .ls-webcam-frame-matte{border-radius:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px)}.ls-webcam-frame-sakura_paper_frame .ls-webcam-frame-fill{background:linear-gradient(165deg,#fff1f2,#fce7f3 50%,#fbcfe8);border-color:#f472b6}.ls-webcam-frame-sakura_paper_frame .ls-webcam-frame-caption,.ls-webcam-frame-sakura_paper_frame .ls-webcam-frame-heading{color:#9d174d;text-shadow:none}.ls-webcam-frame-cyber_scan_frame .ls-webcam-frame-fill{background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(167,139,250,.08) 3px 4px),linear-gradient(165deg,#1e1b4b,#020617);border-color:#a78bfa}.ls-webcam-frame-hologram_prism_frame .ls-webcam-frame-fill{background:linear-gradient(135deg,rgba(103,232,249,.35),rgba(167,139,250,.28),rgba(244,114,182,.28));border-color:#67e8f9;backdrop-filter:blur(2px)}.ls-webcam-frame-wood_bamboo_frame .ls-webcam-frame-fill{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 10px),linear-gradient(165deg,#3f6212,#1a2e05);border-color:#84cc16}.ls-webcam-frame-marble_gallery_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.35),transparent 30%),linear-gradient(145deg,#e2e8f0,#94a3b8 55%,#64748b);border-color:#e2e8f0}.ls-webcam-frame-marble_gallery_frame .ls-webcam-frame-caption,.ls-webcam-frame-marble_gallery_frame .ls-webcam-frame-heading{color:#0f172a;text-shadow:none}.ls-webcam-frame-stadium_led_frame .ls-webcam-frame-fill{background:linear-gradient(165deg,#111827,#020617);border:2px solid #fbbf24;box-shadow:0 0 0 1px #111827,0 0 14px rgba(251,191,36,.3)}.ls-webcam-frame-chrome_steel_frame .ls-webcam-frame-fill{background:repeating-linear-gradient(115deg,rgba(255,255,255,.12) 0 2px,transparent 2px 7px),linear-gradient(160deg,#94a3b8,#475569 45%,#1e293b);border-color:#cbd5e1;border-width:2px}.ls-webcam-frame-ocean_abyss_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 70% 20%,rgba(56,189,248,.35),transparent 42%),radial-gradient(circle at 20% 80%,rgba(14,165,233,.2),transparent 45%),linear-gradient(165deg,#082f49,#020617);border-color:#0ea5e9}.ls-webcam-frame-sunset_blaze_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 50% 0,rgba(251,191,36,.45),transparent 45%),linear-gradient(180deg,#7c2d12,#431407 55%,#1c0a04);border-color:#f97316}.ls-webcam-frame-royal_amethyst_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 25% 20%,rgba(216,180,254,.4),transparent 35%),linear-gradient(155deg,#4c1d95,#1e1b4b 60%,#0f0a1f);border-color:#c084fc;border-width:2px}.ls-webcam-frame-newsprint_frame .ls-webcam-frame-fill{background:repeating-linear-gradient(0deg,rgba(15,23,42,.04) 0 1px,transparent 1px 6px),#f8fafc;border:2px solid #1e293b;box-shadow:2px 2px 0 #94a3b8;border-radius:4px}.ls-webcam-frame-newsprint_frame .ls-webcam-frame-caption,.ls-webcam-frame-newsprint_frame .ls-webcam-frame-heading{color:#0f172a;text-shadow:none}.ls-webcam-frame-moss_grove_frame .ls-webcam-frame-fill{background:radial-gradient(circle at 30% 25%,rgba(163,230,53,.28),transparent 40%),linear-gradient(165deg,#365314,#14532d 50%,#052e16);border-color:#65a30d}.ls-webcam-frame-aura,.ls-webcam-frame-ring,.ls-webcam-frame-sparkles{display:none;pointer-events:none}.ls-webcam-frame-ring{position:absolute;inset:-1px;border-radius:inherit;z-index:1;padding:2.5px;box-sizing:border-box;background:conic-gradient(#5865f2,#eb459e,#fee75c,#57f287,#5865f2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ls-webcam-frame-aura{position:absolute;inset:-10px;border-radius:calc(var(--ls-cam-radius) + 10px);z-index:0;background:radial-gradient(closest-side,color-mix(in srgb,var(--ls-accent,#5865f2) 35%,transparent),transparent 72%);opacity:.55;filter:blur(8px)}.ls-webcam-frame.is-transparent-center .ls-webcam-frame-aura{display:none!important}.ls-webcam-frame-sparkles{position:absolute;inset:0;z-index:4}.ls-webcam-frame-sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 14px var(--ls-accent,#f0abfc);opacity:.85}.ls-webcam-frame-sparkles i:first-child{top:2%;left:18%}.ls-webcam-frame-sparkles i:nth-child(2){top:8%;right:12%}.ls-webcam-frame-sparkles i:nth-child(3){top:46%;right:1%}.ls-webcam-frame-sparkles i:nth-child(4){bottom:10%;right:20%}.ls-webcam-frame-sparkles i:nth-child(5){bottom:2%;left:28%}.ls-webcam-frame-sparkles i:nth-child(6){top:38%;left:1%}.ls-webcam-frame.is-boost .ls-webcam-frame-aura,.ls-webcam-frame.is-boost .ls-webcam-frame-ring{display:block}.ls-webcam-frame.is-boost .ls-webcam-frame-led,.ls-webcam-frame.is-boost .ls-webcam-frame-screw{display:none}.ls-webcam-frame.is-boost .ls-webcam-frame-corner{display:block;border-color:color-mix(in srgb,var(--ls-accent,#5865f2) 75%,#fff)}.ls-webcam-frame.is-boost .ls-webcam-frame-corner i{background:#fff;box-shadow:0 0 8px var(--ls-accent,#5865f2),0 0 16px color-mix(in srgb,var(--ls-accent,#5865f2) 65%,transparent)}.ls-webcam-frame.is-boost .ls-webcam-frame-fill{background:rgba(2,6,23,.35);border-color:transparent}.ls-webcam-frame.is-boost .ls-webcam-frame-bezel{overflow:visible}.ls-webcam-frame.is-boost .ls-webcam-frame-matte{background:transparent;box-shadow:none}.ls-webcam-frame.is-boost.is-loop:not(.no-glow) .ls-webcam-frame-fill{animation:none}.ls-webcam-frame.is-boost.is-loop:not(.no-glow) .ls-webcam-frame-aura{animation:ls-webcam-aura calc(2.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-boost.has-sparkles .ls-webcam-frame-sparkles{display:block}.ls-webcam-frame.is-boost.has-sparkles.is-loop .ls-webcam-frame-sparkles i{animation:ls-webcam-sparkle calc(1.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame.is-boost.has-sparkles.is-loop .ls-webcam-frame-sparkles i:nth-child(2){animation-delay:.2s}.ls-webcam-frame.is-boost.has-sparkles.is-loop .ls-webcam-frame-sparkles i:nth-child(3){animation-delay:.4s}.ls-webcam-frame.is-boost.has-sparkles.is-loop .ls-webcam-frame-sparkles i:nth-child(4){animation-delay:.6s}.ls-webcam-frame.is-boost.has-sparkles.is-loop .ls-webcam-frame-sparkles i:nth-child(5){animation-delay:.8s}.ls-webcam-frame.is-boost.has-sparkles.is-loop .ls-webcam-frame-sparkles i:nth-child(6){animation-delay:1s}.ls-webcam-frame.is-thumb.is-boost .ls-webcam-frame-aura{inset:-6px;filter:blur(5px)}.ls-webcam-frame.is-circle.is-boost .ls-webcam-frame-aura{border-radius:50%}@keyframes ls-webcam-aura{0%,to{opacity:.35}50%{opacity:.8}}@keyframes ls-webcam-sparkle{0%,to{opacity:.2;transform:scale(.65)}50%{opacity:1;transform:scale(1.3)}}@keyframes ls-webcam-breathe{0%,to{opacity:.72;filter:brightness(.9) saturate(1)}50%{opacity:1;filter:brightness(1.25) saturate(1.3)}}@keyframes ls-webcam-pulse-glow{0%,to{opacity:.8;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.3)}}@keyframes ls-webcam-rift{0%,to{opacity:.55;filter:brightness(.85) saturate(1.1)}35%{opacity:1;filter:brightness(1.4) saturate(1.45)}55%{opacity:.4;filter:brightness(.7) saturate(.9)}75%{opacity:.95;filter:brightness(1.2) saturate(1.3)}}@keyframes ls-webcam-holo{0%,to{opacity:.85;filter:brightness(1) saturate(1.05)}40%{opacity:1;filter:brightness(1.2) saturate(1.35)}70%{opacity:.9;filter:brightness(1.08) saturate(1.2)}}@keyframes ls-webcam-glitch{0%,to{filter:none;opacity:1}10%{filter:saturate(2) brightness(1.3);opacity:.75}12%{filter:none;opacity:1}40%{filter:contrast(1.4) brightness(.85);opacity:.65}42%{filter:none;opacity:1}70%{filter:saturate(1.6) brightness(1.15);opacity:.88}72%{filter:none;opacity:1}}@keyframes ls-webcam-ember-flicker{0%,to{filter:brightness(.9) saturate(1.1);opacity:.85}25%{filter:brightness(1.35) saturate(1.45);opacity:1}40%{filter:brightness(.75) saturate(1);opacity:.65}65%{filter:brightness(1.25) saturate(1.4);opacity:1}80%{filter:brightness(.95) saturate(1.15);opacity:.88}}.ls-webcam-frame-tracer{display:none;position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;z-index:3}.ls-webcam-frame-tracer-glow,.ls-webcam-frame-tracer-head,.ls-webcam-frame-tracer-track{vector-effect:non-scaling-stroke}.ls-webcam-frame-tracer-track{stroke:color-mix(in srgb,var(--ls-accent,#38bdf8) 35%,transparent)}.ls-webcam-frame-tracer-glow{stroke:color-mix(in srgb,var(--ls-accent,#38bdf8) 55%,#fff);opacity:.35}.ls-webcam-frame-tracer-head{filter:drop-shadow(0 0 4px var(--ls-accent,#38bdf8))}.ls-webcam-frame-nitro_rainbow_frame .ls-webcam-frame-ring{background:conic-gradient(#ff006e,#fb5607,#ffbe0b,#8338ec,#3a86ff,#ff006e);padding:3px}.ls-webcam-frame-nitro_rainbow_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-pulse-glow calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-nitro_rainbow_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(88,101,242,.45),transparent 70%)}.ls-webcam-frame-aurora_wave_frame .ls-webcam-frame-ring{background:conic-gradient(#34d399,#22d3ee,#818cf8,#a78bfa,#34d399);padding:3px}.ls-webcam-frame-aurora_wave_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-breathe calc(3.6s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-aurora_wave_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(52,211,153,.4),rgba(129,140,248,.2),transparent 72%)}.ls-webcam-frame-sparkle_orbit_frame .ls-webcam-frame-ring{background:conic-gradient(#f0abfc,#f9a8d4,#fff,#c4b5fd,#f0abfc)}.ls-webcam-frame-sparkle_orbit_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-pulse-glow calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-sparkle_orbit_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(240,171,252,.4),transparent 70%)}.ls-webcam-frame-plasma_burst_frame .ls-webcam-frame-ring{background:conic-gradient(#e879f9,#22d3ee,#f472b6,#67e8f9,#e879f9);padding:3.5px;filter:saturate(1.25)}.ls-webcam-frame-plasma_burst_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-breathe calc(1.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-plasma_burst_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(232,121,249,.5),rgba(34,211,238,.2),transparent 72%)}.ls-webcam-frame-void_rift_frame .ls-webcam-frame-fill{background:rgba(8,4,20,.55)}.ls-webcam-frame-void_rift_frame .ls-webcam-frame-ring{background:conic-gradient(#4c1d95,#7c3aed,#c026d3,#1e1b4b,#8b5cf6,#4c1d95);padding:3px}.ls-webcam-frame-void_rift_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-rift calc(2.6s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-void_rift_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(139,92,246,.45),transparent 70%)}.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-fill{background:rgba(2,6,23,.45);border:1px solid rgba(56,189,248,.28)}.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-ring{background:linear-gradient(160deg,rgba(8,24,40,.9),rgba(2,6,23,.95));border:1px solid rgba(56,189,248,.22);padding:2.5px}.ls-webcam-frame-tracer_pulse_frame.is-loop .ls-webcam-frame-ring{animation:none}.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-tracer{display:block}.ls-webcam-frame-tracer_pulse_frame.is-loop .ls-webcam-frame-tracer-glow,.ls-webcam-frame-tracer_pulse_frame.is-loop .ls-webcam-frame-tracer-head{animation:ls-webcam-tracer-chase calc(1.7s / var(--ls-motion-rate, 1)) linear infinite}.ls-webcam-frame-tracer_pulse_frame.is-thumb .ls-webcam-frame-tracer-glow{stroke-width:3.5;stroke-dasharray:22 78}.ls-webcam-frame-tracer_pulse_frame.is-thumb .ls-webcam-frame-tracer-head{stroke-width:2;stroke-dasharray:14 86}.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(56,189,248,.32),transparent 70%)}.ls-webcam-frame-tracer_pulse_frame.is-loop:not(.no-glow) .ls-webcam-frame-aura{animation:ls-webcam-aura calc(2.2s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-holo_foil_frame .ls-webcam-frame-ring{background:conic-gradient(#67e8f9,#a5b4fc,#f0abfc,#fde68a,#67e8f9);padding:2.5px}.ls-webcam-frame-holo_foil_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-holo calc(3.2s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-holo_foil_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(165,180,252,.4),transparent 70%)}.ls-webcam-frame-frost_shard_frame .ls-webcam-frame-fill{background:rgba(8,24,40,.45)}.ls-webcam-frame-frost_shard_frame .ls-webcam-frame-ring{background:conic-gradient(#e0f2fe,#7dd3fc,#38bdf8,#bae6fd,#e0f2fe);padding:3px}.ls-webcam-frame-frost_shard_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-breathe calc(3.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-frost_shard_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(125,211,252,.4),transparent 70%)}.ls-webcam-frame-ember_ring_frame .ls-webcam-frame-fill{background:rgba(24,8,2,.5)}.ls-webcam-frame-ember_ring_frame .ls-webcam-frame-ring{background:conic-gradient(#7c2d12,#ea580c,#fbbf24,#ef4444,#7c2d12);padding:3px}.ls-webcam-frame-ember_ring_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-ember-flicker calc(1.5s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-ember_ring_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(251,146,60,.45),transparent 70%)}.ls-webcam-frame-ember_ring_frame .ls-webcam-frame-sparkles i{background:#fdba74;box-shadow:0 0 8px #fb923c,0 0 14px #ea580c}.ls-webcam-frame-candy_nitro_frame .ls-webcam-frame-ring{background:conic-gradient(#fb7185,#f9a8d4,#fda4af,#c4b5fd,#67e8f9,#fb7185)}.ls-webcam-frame-candy_nitro_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-pulse-glow calc(2.6s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-candy_nitro_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(251,113,133,.4),transparent 70%)}.ls-webcam-frame-rgb_glitch_frame .ls-webcam-frame-fill{background:rgba(2,6,23,.5);border:1px solid rgba(34,211,238,.4)}.ls-webcam-frame-rgb_glitch_frame .ls-webcam-frame-ring{background:conic-gradient(#22d3ee,#ef4444,#22c55e,#3b82f6,#22d3ee);padding:2.5px}.ls-webcam-frame-rgb_glitch_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-glitch calc(1.4s / var(--ls-motion-rate, 1)) steps(1) infinite}.ls-webcam-frame-rgb_glitch_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(34,211,238,.35),transparent 70%)}.ls-webcam-frame-lunar_boost_frame .ls-webcam-frame-ring{background:conic-gradient(#7dd3c7,#5eead4,#67e8f9,#2dd4bf,#99f6e4,#7dd3c7);padding:3px}.ls-webcam-frame-lunar_boost_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-pulse-glow calc(2.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-lunar_boost_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(125,211,199,.45),transparent 70%)}.ls-webcam-frame-vaporwave_frame .ls-webcam-frame-ring{background:conic-gradient(#e879f9,#22d3ee,#f0abfc,#67e8f9,#c084fc,#e879f9);padding:3px}.ls-webcam-frame-vaporwave_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-holo calc(3s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-vaporwave_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(232,121,249,.4),rgba(34,211,238,.2),transparent 72%)}.ls-webcam-frame-vaporwave_frame .ls-webcam-frame-sparkles i{background:#f5d0fe;box-shadow:0 0 8px #e879f9,0 0 14px #22d3ee}.ls-webcam-frame-solar_flare_frame .ls-webcam-frame-fill{background:rgba(40,20,2,.5)}.ls-webcam-frame-solar_flare_frame .ls-webcam-frame-ring{background:conic-gradient(#facc15,#f97316,#fde68a,#ef4444,#facc15);padding:3.5px}.ls-webcam-frame-solar_flare_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-ember-flicker calc(1.7s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-solar_flare_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(250,204,21,.45),transparent 70%)}.ls-webcam-frame-solar_flare_frame .ls-webcam-frame-sparkles i{background:#fef08a;box-shadow:0 0 8px #facc15,0 0 14px #f97316}.ls-webcam-frame-toxic_slime_frame .ls-webcam-frame-fill{background:rgba(10,24,4,.5)}.ls-webcam-frame-toxic_slime_frame .ls-webcam-frame-ring{background:conic-gradient(#a3e635,#22c55e,#bef264,#84cc16,#a3e635);padding:3px;filter:saturate(1.3)}.ls-webcam-frame-toxic_slime_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-breathe calc(2s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-toxic_slime_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(163,230,53,.45),transparent 70%)}.ls-webcam-frame-toxic_slime_frame .ls-webcam-frame-sparkles i{background:#d9f99d;box-shadow:0 0 8px #a3e635,0 0 14px #65a30d}.ls-webcam-frame-midnight_gold_frame .ls-webcam-frame-fill{background:rgba(8,6,2,.6)}.ls-webcam-frame-midnight_gold_frame .ls-webcam-frame-ring{background:conic-gradient(#78350f,#fbbf24,#fde68a,#a16207,#fbbf24,#78350f);padding:3px}.ls-webcam-frame-midnight_gold_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-pulse-glow calc(2.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-midnight_gold_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(251,191,36,.4),transparent 70%)}.ls-webcam-frame-matrix_rain_frame .ls-webcam-frame-fill{background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(34,197,94,.1) 3px 4px),rgba(2,12,6,.55);border:1px solid rgba(34,197,94,.35)}.ls-webcam-frame-matrix_rain_frame .ls-webcam-frame-ring{background:conic-gradient(#14532d,#22c55e,#86efac,#166534,#4ade80,#14532d);padding:2.5px}.ls-webcam-frame-matrix_rain_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-glitch calc(1.8s / var(--ls-motion-rate, 1)) steps(1) infinite}.ls-webcam-frame-matrix_rain_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(34,197,94,.4),transparent 70%)}.ls-webcam-frame-blood_moon_frame .ls-webcam-frame-fill{background:rgba(24,4,10,.55)}.ls-webcam-frame-blood_moon_frame .ls-webcam-frame-ring{background:conic-gradient(#7f1d1d,#f43f5e,#fb7185,#9f1239,#e11d48,#7f1d1d);padding:3px}.ls-webcam-frame-blood_moon_frame.is-loop .ls-webcam-frame-ring{animation:ls-webcam-rift calc(2.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-webcam-frame-blood_moon_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(244,63,94,.45),transparent 70%)}@keyframes ls-webcam-tracer-chase{to{stroke-dashoffset:-100}}.ls-webcam-frame .ls-webcam-frame-tracer{display:none;position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;z-index:3}.ls-webcam-frame-tracer-glow,.ls-webcam-frame-tracer-head,.ls-webcam-frame-tracer-track{fill:none}.ls-webcam-frame-tracer-track{stroke:rgba(56,189,248,.35);stroke-width:1.5}.ls-webcam-frame-tracer-glow,.ls-webcam-frame-tracer-head{stroke-linecap:round;stroke-dashoffset:0}.ls-webcam-frame-tracer-glow{stroke:rgba(125,211,252,.7);stroke-width:5;stroke-dasharray:18 82;opacity:.4;filter:blur(1.5px)}.ls-webcam-frame-tracer-head{stroke:#e0f2fe;stroke-width:2.75;stroke-dasharray:10 90;filter:drop-shadow(0 0 5px #38bdf8)}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-fill{background:rgba(2,6,23,.45)!important;border:1px solid rgba(56,189,248,.28)!important}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-ring{background:linear-gradient(160deg,rgba(8,24,40,.92),rgba(2,6,23,.96))!important;border:1px solid rgba(56,189,248,.22)!important;padding:2.5px!important;animation:none!important}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-tracer{display:block!important}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame.is-loop .ls-webcam-frame-tracer-glow,.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame.is-loop .ls-webcam-frame-tracer-head{animation:ls-webcam-tracer-chase calc(1.7s / var(--ls-motion-rate, 1)) linear infinite!important}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame.is-thumb .ls-webcam-frame-tracer-glow{stroke-width:3.5;stroke-dasharray:22 78}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame.is-thumb .ls-webcam-frame-tracer-head{stroke-width:2;stroke-dasharray:14 86}.ls-webcam-frame.ls-webcam-frame-tracer_pulse_frame .ls-webcam-frame-aura{background:radial-gradient(closest-side,rgba(56,189,248,.32),transparent 70%)!important}.ls-cam-celestial{display:inline-block;background:transparent;overflow:visible;pointer-events:none;box-sizing:border-box}.ls-cam-celestial__shell{display:flex;flex-direction:column;align-items:var(--ls-cam-align,center);gap:var(--ls-cam-gap,8px)}.ls-cam-celestial.is-fill,.ls-cam-celestial.is-fill .ls-cam-celestial__shell,.ls-cam-celestial.is-fill .ls-cam-celestial__stage{width:100%;max-width:100%}.ls-cam-celestial__stage{position:relative;overflow:visible;background:transparent}.ls-cam-celestial__art{display:block;width:100%;height:100%;overflow:visible}.ls-cam-celestial__glow,.ls-cam-celestial__plate{pointer-events:none}.ls-cam-celestial__glow{opacity:var(--ls-celestial-glow,1)}.ls-cam-celestial__caption,.ls-cam-celestial__heading{margin:0;text-align:center}.ls-cam-celestial__shimmer{stroke-dasharray:16 84;stroke-dashoffset:0;mix-blend-mode:screen}.ls-cam-celestial__shimmer.is-b{stroke-dasharray:10 90;stroke-dashoffset:50}.ls-cam-celestial.is-loop .ls-cam-celestial__shimmer{animation:ls-celestial-shimmer calc(8s / var(--ls-motion-rate, 1)) linear infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__shimmer.is-b{animation:ls-celestial-shimmer-rev calc(11s / var(--ls-motion-rate, 1)) linear infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__glow{animation:ls-celestial-aura calc(5s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__plate{transform-box:fill-box;transform-origin:center;animation:ls-celestial-plate calc(5.4s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__moon{transform-box:fill-box;transform-origin:center;animation:ls-celestial-moon calc(5s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__twinkle.is-a{transform-box:fill-box;transform-origin:center;animation:ls-celestial-twinkle calc(2.2s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__twinkle.is-b{transform-box:fill-box;transform-origin:center;animation:ls-celestial-twinkle calc(2.6s / var(--ls-motion-rate, 1)) ease-in-out .35s infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__twinkle.is-c{transform-box:fill-box;transform-origin:center;animation:ls-celestial-twinkle calc(2.4s / var(--ls-motion-rate, 1)) ease-in-out .7s infinite}.ls-cam-celestial.is-loop .ls-cam-celestial__twinkle.is-d{transform-box:fill-box;transform-origin:center;animation:ls-celestial-twinkle calc(2.9s / var(--ls-motion-rate, 1)) ease-in-out 1.05s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark{transform-box:fill-box;transform-origin:center}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-1{animation:ls-celestial-spark calc(1.8s / var(--ls-motion-rate, 1)) ease-in-out infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-2{animation:ls-celestial-spark calc(2.1s / var(--ls-motion-rate, 1)) ease-in-out .25s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-3{animation:ls-celestial-spark calc(1.6s / var(--ls-motion-rate, 1)) ease-in-out .5s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-4{animation:ls-celestial-spark calc(2.3s / var(--ls-motion-rate, 1)) ease-in-out .75s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-5{animation:ls-celestial-spark calc(1.9s / var(--ls-motion-rate, 1)) ease-in-out 1s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-6{animation:ls-celestial-spark calc(2s / var(--ls-motion-rate, 1)) ease-in-out .15s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-7{animation:ls-celestial-spark calc(1.7s / var(--ls-motion-rate, 1)) ease-in-out .9s infinite}.ls-cam-celestial.is-loop.has-sparkles .ls-cam-celestial__spark.is-8{animation:ls-celestial-spark calc(2.2s / var(--ls-motion-rate, 1)) ease-in-out 1.2s infinite}.ls-cam-celestial.no-glow .ls-cam-celestial__glow{opacity:.15}.ls-cam-celestial__sparkles{pointer-events:none}@media (prefers-reduced-motion:reduce){.ls-cam-celestial.is-loop .ls-cam-celestial__twinkle{animation-name:ls-celestial-twinkle-soft}}@keyframes ls-celestial-twinkle-soft{0%,to{opacity:.45}50%{opacity:.9}}@keyframes ls-celestial-shimmer{to{stroke-dashoffset:-100}}@keyframes ls-celestial-shimmer-rev{0%{stroke-dashoffset:50}to{stroke-dashoffset:150}}@keyframes ls-celestial-aura{0%,to{opacity:.55}50%{opacity:1}}@keyframes ls-celestial-plate{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes ls-celestial-moon{0%,to{opacity:.4;filter:brightness(1)}50%{opacity:1;filter:brightness(1.55)}}@keyframes ls-celestial-twinkle{0%,to{opacity:.15;transform:scale(.82)}50%{opacity:1;transform:scale(1.22)}}@keyframes ls-celestial-spark{0%,to{opacity:.05;transform:scale(.7)}50%{opacity:calc(.2 + .8 * var(--ls-celestial-sparkle, 1));transform:scale(1.25)}}.beat-frame{position:absolute;inset:0;overflow:visible;pointer-events:none;background:transparent}.beat-frame-thumb{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}.beat-bars{position:absolute;display:flex;gap:2px;align-items:stretch;justify-content:stretch;overflow:visible;box-sizing:border-box}.beat-bars[data-edge=left],.beat-bars[data-edge=right]{z-index:2;flex-direction:column}.beat-bars[data-edge=bottom],.beat-bars[data-edge=top]{flex-direction:row}.beat-bar{flex:1 1 0;min-width:0;min-height:0;background:var(--beat-color,var(--beat-accent))}.beat-bars[data-edge=left] .beat-bar{border-radius:0 999px 999px 0;box-shadow:6px 0 10px var(--beat-color,var(--beat-accent))}.beat-bars[data-edge=right] .beat-bar{border-radius:999px 0 0 999px;box-shadow:-6px 0 10px var(--beat-color,var(--beat-accent))}.beat-bars[data-edge=top] .beat-bar{border-radius:0 0 999px 999px;box-shadow:0 6px 10px var(--beat-color,var(--beat-accent))}.beat-bars[data-edge=bottom] .beat-bar{border-radius:999px 999px 0 0;box-shadow:0 -6px 10px var(--beat-color,var(--beat-accent))}.beat-bars[data-edge=left] .beat-bar,.beat-bars[data-edge=right] .beat-bar{width:100%}.beat-bars[data-edge=left] .beat-bar{transform-origin:left center}.beat-bars[data-edge=right] .beat-bar{transform-origin:right center}.beat-bars[data-edge=bottom] .beat-bar,.beat-bars[data-edge=top] .beat-bar{height:100%}.beat-bars[data-edge=top] .beat-bar{transform-origin:center top}.beat-bars[data-edge=bottom] .beat-bar{transform-origin:center bottom}.beat-frame[data-playing=true] .beat-bars[data-edge=left] .beat-bar,.beat-frame[data-playing=true] .beat-bars[data-edge=right] .beat-bar{animation-name:beat-x}.beat-frame[data-playing=true] .beat-bars[data-edge=bottom] .beat-bar,.beat-frame[data-playing=true] .beat-bars[data-edge=top] .beat-bar{animation-name:beat-y}.beat-frame[data-playing=true] .beat-bar{animation-duration:var(--beat-period);animation-timing-function:linear;animation-iteration-count:var(--beat-repeats,8);animation-delay:calc(var(--beat-shift, 0) * var(--beat-period) * -1)}.beat-frame[data-audio=true] .beat-bar{animation:none;opacity:clamp(0,calc(var(--beat-level, 0) * 12),1)}.beat-frame[data-audio=true] .beat-bars[data-edge=left] .beat-bar,.beat-frame[data-audio=true] .beat-bars[data-edge=right] .beat-bar{transform:scaleX(var(--beat-level,0))}.beat-frame[data-audio=true] .beat-bars[data-edge=bottom] .beat-bar,.beat-frame[data-audio=true] .beat-bars[data-edge=top] .beat-bar{transform:scaleY(var(--beat-level,0))}@keyframes beat-x{0%,to{transform:scaleX(.42)}42%{transform:scaleX(var(--beat-amp,1))}}@keyframes beat-y{0%,to{transform:scaleY(.42)}42%{transform:scaleY(var(--beat-amp,1))}}.beat-hole{position:absolute;border:2px solid var(--beat-accent);background:transparent;box-shadow:0 0 18px color-mix(in srgb,var(--beat-accent) 70%,transparent)}.beat-guide{position:absolute;display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--beat-accent) 55%,transparent);color:color-mix(in srgb,var(--beat-accent) 80%,white);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}