.send-button{--send-button-to-send-duration:1s;--send-button-to-stop-duration:calc(var(--send-button-to-send-duration) / 3);background:var(--send-button-inactive-background,color-mix(in srgb, var(--muted-foreground) 18%, transparent));color:var(--send-button-inactive-foreground,var(--muted-foreground));box-shadow:none}.send-button-wrap[data-active=true] .send-button{background:var(--send-button-active-background,var(--primary));color:var(--send-button-active-foreground,var(--primary-foreground));box-shadow:var(--send-button-active-shadow,0 6px 18px -6px color-mix(in srgb, var(--primary) 70%, transparent))}.send-button-ripple{border:1.5px solid color-mix(in srgb, var(--primary) 55%, transparent);pointer-events:none;opacity:0;will-change:transform, opacity;border-radius:9999px;animation:1.8s ease-out infinite send-button-ripple;position:absolute;inset:0;transform:scale(1)}.send-button-ripple-2{animation-delay:.9s}@keyframes send-button-ripple{0%{opacity:.55;transform:scale(1)}80%{opacity:.05}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.send-button-ripple{animation:none;display:none}}.send-button-icon,.send-button-outgoing-arrow{width:16px;height:16px;color:inherit;display:block;position:absolute}.send-button-stem,.send-button-side,.send-button-outgoing-stem,.send-button-outgoing-side{transform-origin:top;background:currentColor;border-radius:999px;width:2px;display:block;position:absolute}.send-button-stem{width:2px;height:12px;top:3px;left:50%;transform:translate(-50%)}.send-button-side{opacity:1;height:8px;top:3px;left:7px}.send-button-side-left{transform:rotate(-45deg)}.send-button-side-right{transform:rotate(45deg)}.send-button-outgoing-stem{height:12px;top:3px;left:50%;transform:translate(-50%)}.send-button-outgoing-side{height:8px;top:3px;left:7px}.send-button-outgoing-side-left{transform:rotate(-45deg)}.send-button-outgoing-side-right{transform:rotate(45deg)}.send-button[data-icon-state=stop] .send-button-stem{border-radius:3px;width:12px;height:12px;top:2px}.send-button[data-icon-state=stop] .send-button-side,.send-button[data-icon-state=to-stop] .send-button-side{opacity:0}.send-button[data-icon-state=to-stop] .send-button-stem{animation:send-button-stem-to-stop var(--send-button-to-stop-duration) cubic-bezier(.22, .61, .36, 1) both}.send-button[data-icon-state=to-send] .send-button-icon{animation:send-button-icon-to-send var(--send-button-to-send-duration) cubic-bezier(.22, .61, .36, 1) both}.send-button[data-icon-state=to-send] .send-button-stem{animation:send-button-stem-to-send var(--send-button-to-send-duration) cubic-bezier(.22, .61, .36, 1) both}.send-button[data-icon-state=to-send] .send-button-side-left{animation:send-button-left-side-to-send var(--send-button-to-send-duration) cubic-bezier(.22, .61, .36, 1) both}.send-button[data-icon-state=to-send] .send-button-side-right{animation:send-button-right-side-to-send var(--send-button-to-send-duration) cubic-bezier(.22, .61, .36, 1) both}.send-button-outgoing-arrow{animation:send-button-outgoing-arrow var(--send-button-to-stop-duration) cubic-bezier(.4, 0, .2, 1) both}@keyframes send-button-outgoing-arrow{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}@keyframes send-button-stem-to-stop{0%{opacity:0;border-radius:999px;width:2px;height:12px;top:3px}46%{opacity:0;border-radius:999px;width:3px;height:3px;top:6px}to{opacity:1;border-radius:3px;width:12px;height:12px;top:2px}}@keyframes send-button-icon-to-send{0%,43%{transform:translateY(0)}70%{transform:translateY(-5px)}88%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes send-button-stem-to-send{0%{border-radius:3px;width:12px;height:12px;top:2px}18%{border-radius:999px;width:3px;height:3px;top:11px}43%{border-radius:999px;width:2px;height:12px;top:3px}to{border-radius:999px;width:2px;height:12px;top:3px}}@keyframes send-button-left-side-to-send{0%,42.9%{opacity:0;transform:rotate(0)}43%{opacity:1;transform:rotate(0)}76%{opacity:1;transform:rotate(-55deg)}to{opacity:1;transform:rotate(-45deg)}}@keyframes send-button-right-side-to-send{0%,42.9%{opacity:0;transform:rotate(0)}43%{opacity:1;transform:rotate(0)}76%{opacity:1;transform:rotate(55deg)}to{opacity:1;transform:rotate(45deg)}}