@layer stageshow{.ss-thread{--ss-thread-size: 15px;--ss-me: #0a84ff;--ss-me-text: #fff;--ss-them: #e9e9eb;--ss-them-text: #000;--ss-scroll: .55s cubic-bezier(.25, 1, .5, 1);display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-height:0;clip-path:inset(0 -100vw -100vh -100vw);font-size:var(--ss-thread-size);line-height:1.3;letter-spacing:-.01em}.ss-phone__content .ss-thread{--ss-thread-size: 17px}.ss-phone__content .ss-stamp,.ss-phone__content .ss-receipt{font-size:14px}.ss-thread[data-app=sms]{--ss-me: #34c759}.ss-stage[data-theme=dark] .ss-thread,.ss-phone[data-dark] .ss-thread{--ss-them: #26252a;--ss-them-text: #fff}.ss-bubble-row{position:relative;top:0;will-change:transform;display:flex;flex:none;transition:top var(--ss-scroll)}.ss-bubble-row[data-from=me]{justify-content:flex-end}.ss-bubble-row[data-from=me]+.ss-bubble-row[data-from=them],.ss-bubble-row[data-from=them]+.ss-bubble-row[data-from=me]{margin-top:8px}.ss-bubble{position:relative;max-width:75%;padding:.42em .76em;top:0;left:0;border-radius:1.06em;isolation:isolate;color:var(--t);overflow-wrap:break-word;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1)}.ss-bubble:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--b);transform-origin:inherit;transition:opacity .3s ease .06s}.ss-bubble-row[data-avatar]{align-items:flex-end}.ss-bubble__avatar{display:inline-flex;flex:none;margin-right:8px;transition:margin-bottom .45s cubic-bezier(.22,1,.36,1)}.ss-bubble-row:has(.ss-bubble[data-tapback]) .ss-bubble__avatar{margin-bottom:21px}.ss-bubble[data-tapback]{margin-bottom:21px}.ss-bubble{transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),margin-bottom .3s cubic-bezier(.22,1,.36,1) .12s}.ss-bubble[data-tapback]{transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),margin-bottom .45s cubic-bezier(.22,1,.36,1)}.ss-tapback{position:absolute;bottom:-17px;left:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;background:var(--ss-thread-ground, #fff);box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000d;font-size:13px;line-height:1;pointer-events:none;transform-origin:50% 50%;transform:scale(0);transition:transform .45s cubic-bezier(.22,1.4,.36,1),opacity .1s ease}.ss-bubble-row[data-from=me] .ss-tapback{left:auto;right:8px}.ss-stage[data-theme=dark] .ss-tapback{background:var(--ss-thread-ground, #2c2c2e);box-shadow:0 1px 3px #0006}.ss-tapback[data-show]{transform:scale(1)}.ss-tapback:not([data-show]){opacity:0;transform:scale(.5);transition:transform .16s ease,opacity .14s ease}.ss-tapback__emoji{display:block;width:1em;height:1em;line-height:1;text-align:center}.ss-bubble[data-arrived]{animation:ss-bubble-in .45s cubic-bezier(.22,1,.36,1) both}.ss-bubble[data-arrived]:before{animation:ss-bubble-fill .45s cubic-bezier(.22,1,.36,1) both}.ss-bubble[data-arrived][data-source],.ss-bubble[data-arrived][data-source]:before{animation:none}.ss-bubble[data-flying]:before{opacity:0;transition:none}.ss-bubble[data-arrived][data-source][data-tail]>.ss-bubble__tail{animation-delay:.32s}[data-from=me]>.ss-bubble{--b: var(--ss-me);--t: var(--ss-me-text);transform-origin:100% 100%}[data-from=them]>.ss-bubble{--b: var(--ss-them);--t: var(--ss-them-text);transform-origin:0 100%}@keyframes ss-bubble-in{0%{opacity:0;top:6px}}@keyframes ss-bubble-fill{0%{transform:scale(.8)}}[data-from=them]>.ss-bubble[style*=width]{clip-path:inset(0 0 -1em -1em)}[data-from=me]>.ss-bubble[style*=width]{clip-path:inset(0 -1em -1em 0)}.ss-bubble__text{display:block}.ss-bubble[data-grew]>.ss-bubble__text{animation:ss-fade-in .28s ease both}.ss-bubble__tail{position:absolute;bottom:0;width:1.06em;height:.94em;fill:var(--b);pointer-events:none;opacity:0;transform:scale(.2);transition:transform .3s cubic-bezier(.25,1,.5,1),opacity .18s ease}.ss-bubble[data-tail]>.ss-bubble__tail{opacity:1;transform:none}[data-from=me]>.ss-bubble>.ss-bubble__tail{right:-.36em;transform-origin:15% 85%}[data-from=them]>.ss-bubble>.ss-bubble__tail{left:-.36em;transform-origin:85% 85%}.ss-bubble[data-arrived][data-tail]>.ss-bubble__tail{animation:ss-tail-in .32s cubic-bezier(.25,1,.5,1) .2s backwards}@keyframes ss-tail-in{0%{opacity:0;transform:scale(.2)}}.ss-bubble__bar{display:inline-block;height:.4em;border-radius:.2em;background:currentColor;opacity:.35;vertical-align:middle}.ss-bubble[data-typing]{padding:.84em .8em}.ss-bubble__dots{display:flex;gap:.24em}.ss-bubble__dots i{width:.46em;height:.46em;border-radius:50%;background:#8e8e93;animation:ss-typing 1.2s ease-in-out infinite}.ss-bubble__dots i:nth-child(2){animation-delay:.16s}.ss-bubble__dots i:nth-child(3){animation-delay:.32s}@keyframes ss-typing{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-.12em)}}.ss-stamp{position:relative;top:0;will-change:transform;transition:top var(--ss-scroll)}.ss-stamp{flex:none;margin:10px 0 6px;color:#8e8e93;font-size:.7em;font-weight:500;text-align:center}.ss-receipt{display:grid;flex:none;grid-template-rows:0fr;justify-items:end;color:#8e8e93;font-size:.66em;font-weight:500;position:relative;top:0;will-change:transform;transition:top var(--ss-scroll),grid-template-rows var(--ss-scroll),opacity .25s ease;opacity:0}.ss-receipt .ss-roll[data-variant=fade] .ss-roll__item[data-out]{animation:ss-receipt-out .3s ease both}.ss-receipt .ss-roll[data-variant=fade] .ss-roll__char{animation:ss-receipt-in .4s cubic-bezier(.25,1,.5,1) .08s both}.ss-receipt .ss-roll[data-variant=fade] .ss-roll__mid{transition-duration:.45s}@keyframes ss-receipt-out{to{opacity:0;filter:blur(1.5px);transform:translateY(-.5em)}}@keyframes ss-receipt-in{0%{opacity:0;filter:blur(1.5px);transform:translateY(.5em)}}.ss-receipt>span{min-height:0;overflow:hidden;padding-right:.3em}.ss-receipt[data-show]{grid-template-rows:1fr;opacity:1}.ss-thread[data-app=chat]{--ss-me: var(--ss-ink-1);--ss-me-text: var(--ss-text-strong);gap:18px;line-height:1.55}.ss-thread[data-app=chat] .ss-bubble{border-radius:1.2em;padding:.5em .9em}.ss-thread[data-app=chat] .ss-bubble__tail{display:none}.ss-thread[data-app=chat] [data-from=them]>.ss-bubble{--b: transparent;transition:none;max-width:100%;padding:0;border-radius:0;background:none;color:var(--ss-text)}.ss-thread[data-app=chat] .ss-bubble-row+.ss-bubble-row{margin-top:0}@media(prefers-reduced-motion:reduce){.ss-bubble,.ss-bubble__text{animation-duration:.01s}.ss-bubble__dots i{animation:none;opacity:.6}.ss-bubble-row,.ss-bubble{transition-duration:.01s}}}