@layer theme,base,components,utilities;@property --dz-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@layer components{.dz-glow{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--page);color:var(--ink);box-shadow:var(--shadow-card);transition:border-color var(--dur-press) var(--ease-state)}.dz-glow__body{position:relative;z-index:2;display:grid;gap:16px;padding:24px;height:100%;align-content:start}@media (min-width: 768px){.dz-glow__body{padding:32px;gap:20px}}.dz-glow--purple{--beam-from: var(--purple);--beam-to: var(--pink)}.dz-glow__beam,.dz-glow__spot{position:absolute;border-radius:inherit;pointer-events:none}.dz-glow__beam{top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;padding:var(--beam-width);background:conic-gradient(from var(--dz-angle),transparent 0 58%,var(--beam-from) 80%,var(--beam-to) 92%,transparent 100%);-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;opacity:0;transition:opacity var(--dur-reveal) var(--ease-state)}@keyframes dz-angle{to{--dz-angle: 360deg}}.dz-glow--beam-always .dz-glow__beam{opacity:1;animation:dz-angle var(--dur-beam) linear infinite}.dz-glow__spot{top:0;right:0;bottom:0;left:0;z-index:1;background:var(--spotlight);opacity:0;transition:opacity var(--dur-reveal) var(--ease-state)}.dz-glow--purple .dz-glow__spot{background:var(--spotlight-purple)}@media (hover: hover) and (pointer: fine){.dz-glow--beam:hover .dz-glow__beam,.dz-glow--beam:focus-within .dz-glow__beam{opacity:1;animation:dz-angle var(--dur-beam) linear infinite}.dz-glow--spotlight:hover .dz-glow__spot{opacity:1}.dz-glow--spotlight:hover{border-color:var(--line-strong)}}.dz-glow--spotlight:focus-within .dz-glow__spot{opacity:1}@media (hover: none),(pointer: coarse){.dz-glow__beam,.dz-glow__spot{display:none}}.dz-glow[data-still] .dz-glow__beam{opacity:1;animation:none;--dz-angle: 40deg}.dz-glow[data-still] .dz-glow__spot{opacity:1}@media (prefers-reduced-motion: reduce){.dz-glow__beam{animation:none!important;--dz-angle: 40deg}.dz-glow--beam-always .dz-glow__beam{opacity:1}.dz-glow__spot{display:none}}.dz-glow__text{display:grid;gap:12px;align-content:start}.dz-glow__title{margin:0;font-family:var(--font-display);font-size:var(--text-card);font-weight:600;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.dz-glow__line{margin:0;max-width:40ch;color:var(--ink-2);line-height:1.5}.dz-tag{justify-self:start;display:inline-flex;align-items:center;margin:0;padding:3px 10px;border-radius:var(--radius-pill);background:var(--green);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-label);line-height:1.4;letter-spacing:.02em}.dz-tag--purple{background:var(--purple);color:var(--page)}.dz-tag--lime{background:var(--lime)}.dz-tag--pink{background:var(--pink)}.dz-tag--orange{background:var(--orange)}}