.fl-activity-moment{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 7%, var(--surface)), var(--surface));min-width:0;color:var(--foreground);border-radius:18px;align-items:center;gap:14px;margin-top:14px;padding:18px;display:flex;position:relative}.fl-activity-moment>div{min-width:0}.fl-activity-moment-title{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.5}.fl-activity-moment-detail{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.65}.fl-completion-emblem{isolation:isolate;width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface));border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.fl-completion-emblem>svg{width:20px;height:20px}.fl-completion-orbit{border:1px solid color-mix(in srgb, var(--primary) 42%, transparent);border-radius:inherit;position:absolute;inset:0}.fl-completion-orbit--outer{opacity:.3;inset:-5px}.fl-completion-emblem--large{width:80px;height:80px;box-shadow:0 0 65px color-mix(in srgb, var(--primary) 15%, transparent);margin:16px auto}.fl-completion-emblem--large>svg{width:36px;height:36px}.fl-completion-emblem--large .fl-completion-orbit--outer{inset:-12px}.fl-completion-sparks{position:absolute;inset:-22px}.fl-completion-sparks i{background:var(--primary);opacity:.65;border-radius:50%;width:4px;height:4px;position:absolute}.fl-completion-sparks i:first-child{top:0;left:50%}.fl-completion-sparks i:nth-child(2){top:50%;right:0}.fl-completion-sparks i:nth-child(3){bottom:0;left:50%}.fl-completion-sparks i:nth-child(4){top:50%;left:0}@media (prefers-reduced-motion:no-preference){html[data-motion=full] .fl-activity-moment[data-animate=true]{animation:.45s ease-out both fl-moment-arrive}html[data-motion=full] .fl-completion-emblem[data-animate=true]>svg{animation:.65s cubic-bezier(.16,1,.3,1) both fl-completion-check}html[data-motion=full] .fl-completion-emblem[data-animate=true] .fl-completion-orbit--outer{animation:1.2s ease-out both fl-completion-ring}html[data-motion=full] .fl-completion-emblem[data-animate=true] .fl-completion-sparks{animation:1.4s ease-out both fl-completion-sparks}}@keyframes fl-moment-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fl-completion-check{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fl-completion-ring{0%{opacity:.7;transform:scale(.75)}to{opacity:.3;transform:scale(1)}}@keyframes fl-completion-sparks{0%{opacity:0;transform:scale(.7)rotate(-20deg)}40%{opacity:1}to{opacity:.65;transform:scale(1)rotate(0)}}
