.phone{background:var(--night);border:8px solid #000;border-radius:30px;width:100%;max-width:360px;margin:0 auto;overflow:hidden;box-shadow:0 50px 90px -40px #100f1299}.phone-top{background:#075e54;align-items:center;gap:10px;padding:14px 16px;display:flex}.phone-top .av{background:var(--raca);color:#fff;width:36px;height:36px;font-family:var(--display);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.phone-top .nm{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.phone-top .st{color:#ffffffb3;font-size:11px;font-family:var(--mono)}.phone-body{background:#0b141a;align-content:start;gap:8px;min-height:420px;padding:16px 14px;display:grid}.wa{opacity:0;max-width:82%;animation:bubble-in .5s var(--ease-out) forwards;border-radius:9px;padding:8px 11px;font-size:13px;line-height:1.4;transform:translateY(8px)}.wa.them{color:#e9edef;background:#202c33;border-top-left-radius:2px;align-self:flex-start}.wa.me{color:#e9edef;background:#005c4b;border-top-right-radius:2px;align-self:flex-end}.wa.them:first-of-type{animation-delay:.3s}.wa.me:nth-of-type(2){animation-delay:1s}.wa.them:nth-of-type(3){animation-delay:1.8s}.wa.me:nth-of-type(4){animation-delay:2.6s}.wa.them:nth-of-type(5){animation-delay:3.4s}.wa .t{text-align:right;color:#e9edef80;margin-top:3px;font-size:9px;display:block}