.sshow-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:34px;margin-top:46px;display:flex}.sshow-row .ss-phone,.sshow-row .ss-browser{--foreground:oklch(24% .02 265);--muted-foreground:oklch(45% .02 265);--fg3:oklch(55% .02 265)}.sshow-row .ss-col{flex-direction:column;flex:none;align-items:center;gap:16px;display:flex}.sshow-row .ss-phone{background:#0e1520;border-radius:26px;width:208px;padding:9px;position:relative;box-shadow:0 28px 60px -18px #0000008c}.sshow-row .ss-notch{z-index:2;background:#0e1520;border-radius:0 0 10px 10px;width:70px;height:14px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.sshow-row .ss-tbar{color:#fff;text-align:center;background:#5b5fc7;border-radius:18px 18px 0 0;padding:16px 8px 8px;font-size:10.5px;font-weight:600}.sshow-row .ss-chat{background:#fff;border-radius:0 0 18px 18px;flex-direction:column;gap:8px;min-height:300px;padding:10px 9px;display:flex}.sshow-row .ss-msg{align-items:flex-start;gap:6px;display:flex}.sshow-row .ss-msg.me{justify-content:flex-end}.sshow-row .ss-ava{border-radius:5px;flex:none;width:20px;height:20px;overflow:hidden}.sshow-row .ss-ava svg,.sshow-row .ss-ava img{width:100%;height:100%;display:block}.sshow-row .ss-bub{color:var(--muted-foreground);background:#f5f4f6;border-radius:8px;max-width:82%;padding:6px 8px;font-size:9.5px;line-height:1.4}.sshow-row .ss-msg.me .ss-bub{color:#2c2e6e;background:#e8e7fb}.sshow-row .ss-suggest{border:1px solid #e0dde6;border-radius:9px;margin-top:auto;overflow:hidden;box-shadow:0 8px 18px -8px #1b213a40}.sshow-row .ss-srow{color:var(--foreground);border-top:1px solid #f2f1f4;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:600;display:flex}.sshow-row .ss-srow:first-child{border-top:0}.sshow-row .ss-srow span{border-radius:4px;flex:none;width:16px;height:16px;overflow:hidden}.sshow-row .ss-srow span svg,.sshow-row .ss-srow span img{width:100%;height:100%;display:block}.sshow-row .ss-composer{color:var(--foreground);border:1.5px solid #5b5fc7;border-radius:8px;padding:6px 9px;font-size:10px}.sshow-row .ss-composer i{background:var(--foreground);vertical-align:-2px;width:1.5px;height:11px;margin-left:1px;animation:1.1s step-end infinite tmblink;display:inline-block}.sshow-row .ss-browser{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 28px 60px -18px #0000008c}.sshow-row .ss-col.mid .ss-browser{width:470px}.sshow-row .ss-col:last-child .ss-browser{width:380px}.sshow-row .ss-chrome{background:#eef0f3;border-bottom:1px solid #e2e5e9;align-items:center;gap:5px;padding:9px 12px;display:flex}.sshow-row .ss-chrome i{background:#d3d7dd;border-radius:50%;width:8px;height:8px}.sshow-row .ss-chrome span{font-family:var(--font-mono);color:var(--fg3);margin-left:8px;font-size:9.5px}.sshow-row .ss-shot{width:100%;height:auto;display:block}[data-rv].on .sshow-row .ss-col{animation:rvrise .6s var(--ease-decelerate) both}[data-rv].on .sshow-row .ss-col:first-child{animation-delay:.15s}[data-rv].on .sshow-row .ss-col:nth-child(2){animation-delay:.3s}[data-rv].on .sshow-row .ss-col:nth-child(3){animation-delay:.45s}[data-rv] .sshow-row .ss-col{opacity:0}@media (prefers-reduced-motion:reduce){[data-rv] .sshow-row .ss-col{opacity:1;animation:none!important}.sshow-row .ss-composer i{animation:none}}@media (width<=560px){.sshow-row .ss-col.mid .ss-browser,.sshow-row .ss-col:last-child .ss-browser{width:min(94vw,470px)}}