.greeting-measure{visibility:hidden;overflow-wrap:anywhere;width:max-content;max-width:min(17rem,100vw - 4rem);position:absolute;top:0;left:0}.greeting-bubble{left:var(--bubble-x,-.5rem);width:var(--bubble-width,60px);height:var(--bubble-height,40px);box-shadow:0 0 0 1px var(--color-line), 0 20px 25px -5px var(--shade), 0 8px 10px -6px var(--shade);border-radius:18px}.greeting-bubble:after{content:"";top:calc(100% - 1px);left:var(--tail-x,30px);background:var(--color-ink);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:7px;position:absolute;translate:-50%}.greeting-content{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.greeting-message{width:var(--message-width,max-content);overflow-wrap:anywhere;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-phase=leaving] .greeting-message,[data-phase=typing] .greeting-message{opacity:0}.greeting-typing{opacity:0;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0;translate:0 3px}[data-phase=typing] .greeting-typing{opacity:1;translate:0}.greeting-face{box-shadow:0 0 0 3px var(--color-canvas)}.greeting-status{box-shadow:0 0 0 2px var(--color-canvas);opacity:0;scale:.5}.greeting-person[data-speaking=true]{z-index:1;translate:0 -.3125rem;scale:1.06}.greeting-person[data-speaking=true] .greeting-face{box-shadow:0 0 0 3px var(--color-canvas), 0 0 0 4.5px var(--color-accent)}.greeting-person[data-speaking=true] .greeting-status{opacity:1;scale:1}@media (scripting:none){.greeting-bubble{width:15rem;left:-.5rem}.greeting-bubble:after{left:1.75rem}[data-phase=typing] .greeting-message{opacity:1}[data-phase=typing] .greeting-typing{opacity:0}}@media (prefers-reduced-motion:no-preference){[data-placed] .greeting-bubble{transition:left var(--duration-reveal) var(--ease-enter), width var(--duration-reveal) var(--ease-enter), height var(--duration-reveal) var(--ease-enter)}[data-placed] .greeting-bubble:after{transition:left var(--duration-reveal) var(--ease-enter)}.greeting-message{transition:opacity var(--duration-base) var(--ease-enter) calc(var(--duration-reveal) * .6)}[data-phase=leaving] .greeting-message{transition:opacity var(--duration-fast) var(--ease-exit)}[data-phase=typing] .greeting-message{transition:none}.greeting-typing{transition:opacity var(--duration-fast) var(--ease-enter), translate var(--duration-surface) var(--ease-enter)}[data-phase=typing] .greeting-typing{transition-delay:.1s}[data-phase=typing] .greeting-dot{animation:greeting-dot 1s var(--ease-enter) infinite;animation-delay:calc(var(--i) * .15s)}.greeting-person,.greeting-face{transition:translate var(--duration-reveal) var(--ease-enter), scale var(--duration-reveal) var(--ease-enter), box-shadow var(--duration-reveal) var(--ease-enter)}.greeting-status{transition:opacity var(--duration-surface) var(--ease-enter), scale var(--duration-surface) var(--ease-enter)}}@keyframes greeting-dot{0%,60%,to{opacity:.45;translate:0}30%{opacity:1;translate:0 -3px}}