:root,[data-pulse-theme=light]{--mention-pill-light:initial;--mention-pill-dark: }.dark,.darker,[data-pulse-theme=dark]{--mention-pill-light: ;--mention-pill-dark:initial}.mention-pill-neutral{background:linear-gradient(to bottom in srgb, var(--mention-pill-light,transparent) var(--mention-pill-dark,oklch(100% 0 0/.04)), var(--mention-pill-light,oklch(0% 0 0/.04)) var(--mention-pill-dark,transparent)), linear-gradient(var(--bg-translucent), var(--bg-translucent));box-shadow:inset 0 .5px 0 0 var(--mention-pill-light,oklch(0% 0 0/.08)) var(--mention-pill-dark,oklch(100% 0 0/.16)), inset 0 -.5px 0 0 var(--mention-pill-light,oklch(0% 0 0/.16)) var(--mention-pill-dark,oklch(100% 0 0/.04)), inset 0 0 0 var(--border-default) var(--mention-pill-light,oklch(0% 0 0/.16)) var(--mention-pill-dark,oklch(100% 0 0/.16)), inset 0 2px 0 -1px var(--mention-pill-light,oklch(100% 0 0)) var(--mention-pill-dark,transparent), inset 0 -2px 0 -1px var(--mention-pill-light,oklch(100% 0 0/.8)) var(--mention-pill-dark,transparent), 0 2px 2px -1px var(--mention-pill-light,oklch(0% 0 0/.04)) var(--mention-pill-dark,oklch(0% 0 0/.12)), 0 4px 4px -2px var(--mention-pill-light,oklch(0% 0 0/.02)) var(--mention-pill-dark,oklch(0% 0 0/.12))}.mention-pill-lit{background:linear-gradient(to bottom in srgb, var(--mention-pill-light,transparent) var(--mention-pill-dark,oklch(100% 0 0/.08)), var(--mention-pill-light,oklch(0% 0 0/.04)) var(--mention-pill-dark,transparent)), linear-gradient(var(--mention-pill-light,var(--mention-pill-fill-translucent)) var(--mention-pill-dark,oklch(from var(--mention-pill-fill) l c h / .32)), var(--mention-pill-light,var(--mention-pill-fill-translucent)) var(--mention-pill-dark,oklch(from var(--mention-pill-fill) l c h / .32))), linear-gradient(var(--mention-pill-light,var(--bg-translucent)) var(--mention-pill-dark,oklch(0% 0 0/0)), var(--mention-pill-light,var(--bg-translucent)) var(--mention-pill-dark,oklch(0% 0 0/0)));box-shadow:inset 0 0 0 var(--border-default) var(--mention-pill-light,var(--mention-pill-rim)) var(--mention-pill-dark,var(--mention-pill-fill)), inset 0 0 0 1px var(--mention-pill-light,oklch(100% 0 0/.56)) var(--mention-pill-dark,oklch(100% 0 0/0)), inset 0 var(--border-default) 0 0 var(--mention-pill-light,oklch(100% 0 0/.48)) var(--mention-pill-dark,oklch(100% 0 0/.24)), inset 0 calc(var(--border-default) * -1) 0 0 oklch(100% 0 0/.16), inset 0 1px 1px 0 var(--mention-pill-light,oklch(100% 0 0/0)) var(--mention-pill-dark,oklch(100% 0 0/.16)), inset 0 -1px 1px 0 var(--mention-pill-light,oklch(0% 0 0/0)) var(--mention-pill-dark,oklch(0% 0 0/.24)), 0 2px 2px -1px var(--mention-pill-light,oklch(from var(--mention-pill-fill) l c h / .08)) var(--mention-pill-dark,oklch(from var(--mention-pill-fill) l c h / .16)), 0 4px 4px -2px var(--mention-pill-light,oklch(from var(--mention-pill-fill) l c h / .08)) var(--mention-pill-dark,oklch(from var(--mention-pill-fill) l c h / .16))}.mention-pill-lit-accent{--mention-pill-fill:var(--bg-accent);--mention-pill-fill-translucent:var(--bg-accent-translucent);--mention-pill-rim:var(--border-accent)}.mention-pill-lit-attention{--mention-pill-fill:var(--bg-attention);--mention-pill-fill-translucent:var(--bg-attention-translucent);--mention-pill-rim:var(--border-attention)}@keyframes mention-pill-shift{0%,to{background-position:0%}50%{background-position:100%}}.mention-pill-lovable,.mention-pill-lovable:before{--mention-pill-lovable-fill:linear-gradient(274deg, oklch(.67 .24 260 / var(--mention-pill-lovable-alpha)) 0%, oklch(.6 .28 268 / var(--mention-pill-lovable-alpha)) 20%, oklch(.62 .3 12 / var(--mention-pill-lovable-alpha)) 40%, oklch(.56 .28 27 / var(--mention-pill-lovable-alpha)) 60%, oklch(.71 .24 48 / var(--mention-pill-lovable-alpha)) 80%, oklch(.79 .22 68 / var(--mention-pill-lovable-alpha)) 100%);background-size:300% 100%;animation:8s ease-in-out infinite mention-pill-shift}.mention-pill-lovable{--mention-pill-lovable-alpha:.12;background:linear-gradient(to bottom in srgb, var(--mention-pill-light,transparent) var(--mention-pill-dark,oklch(100% 0 0/.04)), var(--mention-pill-light,oklch(0% 0 0/.04)) var(--mention-pill-dark,transparent)), var(--mention-pill-lovable-fill);box-shadow:inset 0 0 0 var(--border-default) var(--mention-pill-light,oklch(0% 0 0/.24)) var(--mention-pill-dark,var(--border-glow-on-accent)), inset 0 0 0 1px var(--mention-pill-light,oklch(100% 0 0/.56)) var(--mention-pill-dark,oklch(100% 0 0/0)), inset 0 var(--border-default) 0 0 var(--mention-pill-light,oklch(100% 0 0/.48)) var(--mention-pill-dark,oklch(100% 0 0/.08)), inset 0 calc(var(--border-default) * -1) 0 0 var(--mention-pill-light,oklch(100% 0 0/.16)) var(--mention-pill-dark,oklch(100% 0 0/.04)), inset 0 1px 1px 0 var(--mention-pill-light,oklch(100% 0 0/0)) var(--mention-pill-dark,oklch(100% 0 0/.06)), inset 0 -1px 1px 0 var(--mention-pill-light,oklch(0% 0 0/0)) var(--mention-pill-dark,oklch(0% 0 0/.24)), 0 0 0 0 transparent, 0 0 0 0 transparent;background-size:auto,300% 100%}:is(.dark,.darker) .mention-pill-lovable:not(:where([data-pulse-theme=light],[data-pulse-theme=light] *)){--mention-pill-lovable-alpha:.24}.mention-pill-lovable:before{--mention-pill-lovable-alpha:1;content:"";z-index:-1;background-image:var(--mention-pill-lovable-fill);filter:blur(4px);opacity:var(--mention-pill-light,.14) var(--mention-pill-dark,.26);pointer-events:none;border-radius:9999px;transition:opacity .15s ease-out;position:absolute;inset:4px 0 -2px}.mention-pill-lovable:is(.mention-pill-pressable:active,[data-pressed]):before{opacity:0;transition-duration:0s}.mention-pill-neutral:is(.mention-pill-pressable:active,[data-pressed]){box-shadow:inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 var(--border-default) var(--mention-pill-light,oklch(0% 0 0/.16)) var(--mention-pill-dark,oklch(100% 0 0/.16)), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent}.mention-pill-lit:is(.mention-pill-pressable:active,[data-pressed]){box-shadow:inset 0 0 0 var(--border-default) var(--mention-pill-light,var(--mention-pill-rim)) var(--mention-pill-dark,var(--mention-pill-fill)), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent}.mention-pill-lovable:is(.mention-pill-pressable:active,[data-pressed]){box-shadow:inset 0 0 0 var(--border-default) var(--mention-pill-light,oklch(0% 0 0/.24)) var(--mention-pill-dark,var(--border-glow-on-accent)), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent}@media (prefers-reduced-motion:reduce){.mention-pill-lovable,.mention-pill-lovable:before{animation:none}}:where(.prose,.typestyle-prose-base,.typestyle-prose-sm,.mention-pill-line) [data-slot=mention-pill]{vertical-align:top;margin-top:calc((1lh - var(--mention-pill-h,1.25rem)) / 2)}@keyframes mention-pill-enter{0%{opacity:0;filter:blur(4px);scale:.96}}.mention-pill-enter [data-slot=mention-pill]{transform-origin:0;animation:.15s ease-out mention-pill-enter}@keyframes mention-pill-collapse{0%{max-width:var(--mention-pill-w,12rem)}to{max-width:0}}@keyframes mention-pill-dismiss{to{opacity:0;filter:blur(4px);scale:.75}}:root{--mention-pill-bleed:8px}.mention-pill-dismissing{vertical-align:top;clip-path:inset(calc(-1 * var(--mention-pill-bleed)) 0 calc(-1 * var(--mention-pill-bleed)) calc(-1 * var(--mention-pill-bleed)));pointer-events:none;animation:.15s ease-out forwards mention-pill-collapse;display:inline-flex}.mention-pill-dismissing [data-slot=mention-pill]{transform-origin:0;flex:none;animation:.15s ease-out forwards mention-pill-dismiss}@media (prefers-reduced-motion:reduce){.mention-pill-enter [data-slot=mention-pill],.mention-pill-dismissing,.mention-pill-dismissing [data-slot=mention-pill]{animation-duration:1ms}}
