.composer-beam{width:100%;max-width:480px}.composer{font-family:"Geist Variable", var(--font-sans), sans-serif;color:#fafafa;text-align:left;background:#1d1d1d;border-radius:14px;flex-direction:column;display:flex;box-shadow:inset 0 0 0 1px #3f3f3f,0 1px 1px #0000000d}.composer-input{resize:none;width:100%;height:64px;color:inherit;background:0 0;border:0;outline:none;padding:12px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;display:block}.composer{position:relative}.composer-input.is-clearing{animation:1.1s cubic-bezier(.45,0,.55,1) both composer-sweep;-webkit-mask-image:linear-gradient(90deg,#0000 45%,#000 55%);mask-image:linear-gradient(90deg,#0000 45%,#000 55%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.composer-input.composer-smear{pointer-events:none;filter:blur(4px);animation:1.1s cubic-bezier(.45,0,.55,1) both composer-sweep;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000 47% 53%,#0000 64%);mask-image:linear-gradient(90deg,#0000 40%,#000 47% 53%,#0000 64%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes composer-sweep{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.composer-mirror{letter-spacing:normal;color:#0000;white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;padding:12px;font-size:14px;font-weight:400;line-height:20px;position:absolute;inset:0 0 auto}.composer-caret{vertical-align:-3px;background:#fafafa;border-radius:1px;width:1.5px;height:17px;margin-left:1px;animation:1.06s step-end infinite composer-blink;display:inline-block}@keyframes composer-blink{50%{opacity:0}}.is-demo .composer-input::placeholder{color:#0000}.composer-placeholder{letter-spacing:normal;color:#a1a1a1;opacity:0;pointer-events:none;font-size:14px;line-height:20px;position:absolute;top:12px;left:12px}.composer-placeholder.is-shown{opacity:1;transition:opacity .9s .15s}.composer-input::placeholder{color:#a1a1a1}.composer-bar{justify-content:space-between;align-items:center;padding:6px 12px 12px;display:flex}.composer-tools{gap:6px;display:flex}.composer-icon{background:currentColor;flex:none;width:16px;height:16px;-webkit-mask:none 50%/16px 16px no-repeat;mask:none 50%/16px 16px no-repeat}.composer-tool{--c:255 255 255;color:#a1a1a1;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;min-width:24px;height:24px;padding:0 4px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:background .26s,color .26s,padding .32s cubic-bezier(.32,.72,0,1);display:inline-flex}.composer-tool:hover{color:#e5e5e5;background:#ffffff0f}.composer-tool:focus-visible{outline-offset:2px;outline:1px solid #ffffff80}.composer-tool.is-verify{--c:168 110 255}.composer-tool.is-search{--c:64 140 255}.composer-tool.is-on,.composer-tool.is-on:hover{background:rgb(var(--c) / .2);color:rgb(var(--c));padding:0 8px 0 6px}.composer-tool-label{grid-template-columns:0fr;transition:grid-template-columns .32s cubic-bezier(.32,.72,0,1);display:grid}.composer-tool-label>span{white-space:nowrap;opacity:0;padding-left:0;transition:opacity .22s,padding .32s cubic-bezier(.32,.72,0,1);overflow:hidden}.composer-tool.is-on .composer-tool-label{grid-template-columns:1fr}.composer-tool.is-on .composer-tool-label>span{opacity:1;padding:0 2px 0 4px}.composer-send{color:#171717;cursor:pointer;background:#e5e5e580;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:background .26s;display:grid}.composer-send:hover{background:#e5e5e5bf}.composer:not(.is-busy):has(.composer-input:not(:placeholder-shown)) .composer-send{background:#e5e5e5}.composer-send{transition:background .26s,scale .12s}.composer-send.is-pressed{scale:.85}.is-busy .composer-send{background:0 0;transition:background .45s,scale .12s}.composer-send>span{grid-area:1/1;place-items:center;transition:opacity .42s,scale .52s cubic-bezier(.34,1.3,.5,1),filter .42s;display:grid}.composer-send-orb{opacity:0;filter:blur(3px);scale:.3}.is-busy .composer-send-orb{opacity:1;filter:none;animation:.52s cubic-bezier(.34,1.3,.5,1) .12s both composer-orb-in;scale:1}@keyframes composer-orb-in{0%{opacity:0;filter:blur(3px);scale:.3}}.is-busy .composer-send-arrow{opacity:0;filter:blur(3px);scale:.3}.composer:not(.is-busy) .composer-send-arrow{transition-delay:.16s}.composer-stack{width:100%;max-width:480px;font-family:"Geist Variable", var(--font-sans), sans-serif;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.composer-selection{color:#a1a1a1;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;display:inline-flex;position:relative;overflow:hidden}.composer-selection:before,.composer-selection:after,.composer-found:before,.composer-found:after{content:"";pointer-events:none;background:var(--refl-line,none);filter:var(--refl-filter,none);position:absolute}.composer-selection:before,.composer-found:before{border-radius:inherit;opacity:.38;-webkit-mask-composite:source-in, xor;padding:1px;inset:0;-webkit-mask-image:linear-gradient(#0000 60%,#000),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#0000 60%,#000),linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:border-box,content-box,border-box;mask-clip:border-box,content-box,border-box;mask-composite:intersect,exclude}.composer-found:before,.composer-found:after{transition:opacity .2s}.composer-badges.is-found .composer-found:before{opacity:.48;transition:opacity .5s 1.8s}.composer-badges.is-found .composer-found:after{opacity:.16;transition:opacity .5s 1.8s}.composer-selection:after,.composer-found:after{opacity:.1;height:12px;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.composer-badges{display:flex;position:relative}.composer-goo-def{position:absolute}.composer-blobs{filter:url(#composer-goo);pointer-events:none;height:28px;position:absolute;top:0;left:0}.composer-blob{background:#1d1d1d;border-radius:8px;height:28px;position:absolute;top:0;left:0}.composer-found svg{flex:none}.composer-blob.is-found,.composer-found{transform-origin:0;transition:transform .55s cubic-bezier(.5,0,.75,0) .65s;transform:translate(-72px)scale(.3,.6)}.composer-badges.is-found .composer-blob.is-found,.composer-badges.is-found .composer-found{transition:transform 1.1s cubic-bezier(.34,1.25,.5,1);transform:none}.composer-found{color:#e5e5e5;white-space:nowrap;opacity:0;border-radius:8px;align-items:center;gap:6px;width:max-content;height:28px;padding:0 10px 0 8px;font-size:14px;line-height:20px;transition:transform .55s cubic-bezier(.5,0,.75,0) .65s,opacity .25s .45s;display:inline-flex;position:absolute;top:0;overflow:hidden}.composer-badges.is-found .composer-found{opacity:1;transition:transform 1.1s cubic-bezier(.34,1.25,.5,1),opacity .4s .35s}.composer-found-stroke{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.composer-found-stroke path{fill:none;stroke:#ffffff24;stroke-width:1px;stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0;transition:opacity 0s .4s,stroke-dashoffset .4s cubic-bezier(.45,0,.55,1)}.composer-badges.is-found .composer-found-stroke path{stroke-dashoffset:0;opacity:1;transition:opacity 0s 1.3s,stroke-dashoffset .65s cubic-bezier(.45,0,.25,1) 1.3s}.composer-link{transform-origin:0;opacity:0;background:linear-gradient(90deg,#1d1d1d,#ffffff24);height:1px;margin-top:-.5px;transition:scale .25s cubic-bezier(.45,0,.55,1) .4s,opacity 0s .65s;position:absolute;top:50%;scale:0 1}.composer-badges.is-found .composer-link{opacity:1;transition:opacity .15s 1s,scale .3s cubic-bezier(.45,0,.55,1) 1s;scale:1}.composer-replies{pointer-events:none;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#0000,#000 14px);mask-image:linear-gradient(0deg,#0000,#000 14px)}.composer-reply{left:0;right:0;top:var(--reply-pad,16px);flex-direction:column;gap:12px;transition:translate .8s cubic-bezier(.65,0,.35,1),opacity .8s cubic-bezier(.5,0,.75,0);animation:.8s cubic-bezier(.65,0,.35,1) backwards composer-reply-in;display:flex;position:absolute}.composer-replies .composer-reply.is-initial,.composer-replies .composer-reply.is-initial .composer-reply-mark,.composer-replies .composer-reply.is-initial .composer-reply-line>span{animation:none}@keyframes composer-reply-in{0%{translate:0 calc(100% + 28px)}}.composer-reply.is-past{opacity:0;translate:0 calc(-100% - 28px)}.composer-reply-text{flex-direction:column;gap:12px;height:36px;display:flex}.composer-reply-line{gap:6px;display:flex}.composer-reply-mark{background:#ffffff0d;border-radius:50%;width:22px;height:22px}.composer-reply .composer-reply-mark{animation:.32s cubic-bezier(.34,1.3,.5,1) both composer-mark-in}@keyframes composer-mark-in{0%{opacity:0;scale:.6}}.composer-reply-line>span{transform-origin:0;background:linear-gradient(90deg,#ffffff0a 30%,#ffffff14 50%,#ffffff0a 70%) 0 0/300% 100% no-repeat;border-radius:6px;height:12px}.composer-reply .composer-reply-line>span{animation:.42s cubic-bezier(.22,1,.36,1) both composer-line-in,1.6s linear infinite composer-shimmer}.composer-reply.is-done .composer-reply-line>span{animation:.42s cubic-bezier(.22,1,.36,1) both composer-line-in}@keyframes composer-line-in{0%{opacity:0;scale:0 1}}@keyframes composer-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.composer-stack.is-demo,.composer.is-demo{pointer-events:none;user-select:none}.composer-cursor{z-index:2;opacity:0;filter:drop-shadow(0 2px 3px #00000059);transform-origin:2px 2px;transition:translate .7s cubic-bezier(.65,0,.35,1),opacity .3s,scale .11s;position:absolute;top:-2px;left:-2px}.composer-cursor.is-shown{opacity:1}.composer-cursor.is-down{scale:.86}@media (prefers-reduced-motion:reduce){.composer-tool,.composer-tool-label,.composer-tool-label>span{transition:none}}:root:not([data-theme=dark]) .composer{color:#0a0a0a;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 1px 2px #0000000d}:root:not([data-theme=dark]) .composer-caret{background:#0a0a0a}:root:not([data-theme=dark]) .composer-placeholder,:root:not([data-theme=dark]) .composer-input::placeholder,:root:not([data-theme=dark]) .composer-tool,:root:not([data-theme=dark]) .composer-selection{color:#737373}:root:not([data-theme=dark]) .composer-tool:hover{color:#171717;background:#0000000d}:root:not([data-theme=dark]) .composer-tool:focus-visible{outline-color:#0006}:root:not([data-theme=dark]) .composer-tool.is-verify{--c:124 58 237}:root:not([data-theme=dark]) .composer-tool.is-search{--c:37 99 235}:root:not([data-theme=dark]) .composer-tool.is-on,:root:not([data-theme=dark]) .composer-tool.is-on:hover{background:rgb(var(--c) / .1);color:rgb(var(--c))}:root:not([data-theme=dark]) .composer-send{color:#fafafa;background:#6d28d94d}:root:not([data-theme=dark]) .composer-send:hover{background:#6d28d973}:root:not([data-theme=dark]) .composer:not(.is-busy):has(.composer-input:not(:placeholder-shown)) .composer-send{background:#6d28d9}:root:not([data-theme=dark]) .is-busy .composer-send{background:0 0}:root:not([data-theme=dark]) .composer-blob{background:#fff}:root:not([data-theme=dark]) .composer-found{color:#262626}:root:not([data-theme=dark]) .composer-found-stroke path{stroke:#00000029}:root:not([data-theme=dark]) .composer-link{background:linear-gradient(90deg,#fff,#00000024)}:root:not([data-theme=dark]) .composer-reply-mark{background:#0000000d}:root:not([data-theme=dark]) .composer-reply-line>span{background-image:linear-gradient(90deg,#0000000d 30%,#0000001a 50%,#0000000d 70%)}:root:not([data-theme=dark]) .composer-cursor{filter:drop-shadow(0 2px 3px #0003)}:root:not([data-theme=dark]) .composer-selection:before,:root:not([data-theme=dark]) .composer-found:before{opacity:.85}:root:not([data-theme=dark]) .composer-selection:after,:root:not([data-theme=dark]) .composer-found:after{opacity:.22}:root:not([data-theme=dark]) .composer-badges.is-found .composer-found:before{opacity:.95}:root:not([data-theme=dark]) .composer-badges.is-found .composer-found:after{opacity:.3}