.lp-hero-card{text-align:left;width:292px;position:absolute}.lp-hero-card-inbound{top:2%;left:0}.lp-hero-card-reply{top:3%;right:0}.lp-hero-card-inbox{width:302px;bottom:7%;left:-30px}.lp-hero-card-channels{width:302px;bottom:8%;right:-30px}.lp-preview{--preview-tint:var(--card);background:var(--preview-tint);color:var(--ink);text-align:left;border:1px solid #e0e1eb;border-radius:18px;padding:20px;font-size:12px;line-height:1.5;box-shadow:0 24px 48px -24px #1f1d4752,0 2px 5px #1f1d470a,inset 0 1px #fffc}.lp-preview-inbound{--preview-tint:#fff;position:relative}.lp-preview-reply{--preview-tint:#4531b9;color:#fff;background:linear-gradient(145deg,#6956e8,#4431b4 65%,#342388);border-color:#705fe2;box-shadow:0 26px 52px -22px #3b269d8c,inset 0 1px #ffffff59}.lp-preview-channels{--preview-tint:#fff}.lp-preview-header{align-items:center;gap:10px;display:flex}.lp-preview-header>div,.lp-preview-row>div{flex-direction:column;min-width:0;display:flex}.lp-preview-header strong{letter-spacing:-.025em;font-size:14px;font-weight:650}.lp-preview-header div>span{color:var(--ink2);margin-top:3px;font-size:10px}.lp-preview-icon{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.lp-preview-icon svg{width:17px;height:17px}.lp-tone-whatsapp{color:#18764f;background:#e9f5ee}.lp-tone-instagram{color:#963c6a;background:#f7f0f4}.lp-tone-email{color:#2c6288;background:#eef3f9}.lp-tone-voice{color:#874f28;background:#fbf2e9}.lp-tone-splice{color:var(--acc);background:#eeebff}.lp-preview-unread{background:#36986d;border-radius:50%;width:6px;height:6px;margin-left:auto}.lp-preview-message{background:#f7f8fa;border:1px solid #e8e9f0;border-radius:4px 12px 12px;margin-top:15px;padding:12px}.lp-preview-message p{color:#40465e;font-size:14px;line-height:1.5}.lp-preview-sender{color:#237553;margin-bottom:4px;font-size:10px;font-weight:650;display:block}.lp-preview-time{color:var(--public-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.lp-preview-time svg{width:13px;height:13px;color:var(--acc)}.lp-preview-footer{color:var(--ink2);align-items:center;gap:6px;margin-top:13px;font-size:10px;display:flex}.lp-preview-footer>svg{width:12px;height:12px;color:var(--acc)}.lp-preview-typing{gap:3px;margin-left:auto;display:inline-flex}.lp-preview-typing i{background:#36986d;border-radius:50%;width:3px;height:3px;animation:1.5s ease-in-out infinite chDot}.lp-preview-typing i:nth-child(2){animation-delay:.15s}.lp-preview-typing i:nth-child(3){animation-delay:.3s}.lp-preview-status{color:#42664f;align-items:center;gap:4px;font-size:10px;font-weight:550;display:inline-flex}.lp-preview-status svg{width:11px;height:11px}.lp-preview-speed{color:var(--acc);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.lp-preview-speed svg{width:11px;height:11px}.lp-preview-count{background:var(--accsoft);color:var(--acc);border-radius:7px;place-items:center;width:23px;height:23px;margin-left:auto;font-size:12px;font-weight:600;display:grid}.lp-preview-rows{margin-top:14px}.lp-preview-row{border-top:1px solid var(--line2);align-items:center;gap:9px;padding:10px 0;display:flex}.lp-preview-row:last-child{padding-bottom:0}.lp-preview-avatar{border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.lp-preview-avatar svg{width:14px;height:14px}.lp-preview-row strong{font-size:12px;font-weight:600}.lp-preview-row div>span{color:var(--ink2);font-size:10px}.lp-preview-state{color:#34745a;align-items:center;gap:3px;margin-left:auto;font-size:10px;display:inline-flex}.lp-preview-state svg{width:12px;height:12px}.lp-preview-review{color:#80552a;background:#fcf0dc;border-radius:5px;padding:3px 6px}.lp-preview-channels-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:22px;display:grid}.lp-preview-channels-grid>div{flex-direction:column;align-items:center;gap:6px;display:flex}.lp-preview-channel{border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffffb3}.lp-preview-channel svg{width:19px;height:19px}.lp-preview-channels-grid div>span:last-child{color:var(--ink2);font-size:10px}.lp-preview-channels .lp-preview-footer{border-top:1px solid color-mix(in srgb,var(--acc)10%,transparent);margin-top:16px;padding-top:12px}.lp-preview-channels .lp-preview-footer>svg:last-child{margin-left:auto}.lp-hero-mobile-preview .lp-preview{width:min(100%,320px)}.lp-preview-reply .lp-preview-header div>span{color:#d5cef9}.lp-preview-reply .lp-preview-icon{color:#fff;background:#ffffff29;box-shadow:inset 0 1px #ffffff38}.lp-preview-reply .lp-preview-message{background:0 0;border:none;margin-top:17px;padding:6px 0 0}.lp-preview-reply .lp-preview-message p{color:#fff;letter-spacing:-.025em;font-size:17px;font-weight:450;line-height:1.5}.lp-preview-reply .lp-preview-time{color:#e4defb;margin-top:10px}.lp-preview-reply .lp-preview-time svg{color:#e4defb}.lp-preview-reply .lp-preview-footer{border-top:1px solid #ffffff2e;margin-top:14px;padding-top:12px}.lp-preview-reply .lp-preview-status,.lp-preview-reply .lp-preview-speed{color:#f0ecff}.lp-preview-inbound:before{content:"";z-index:-1;background:#f0f0fa;border:1px solid #dedeea;border-radius:18px;position:absolute;inset:-7px 9px 7px;transform:rotate(3deg)}.lp-preview-inbox .lp-preview-header{border-bottom:1px solid var(--line2);background:#f8f8fc;border-radius:18px 18px 0 0;margin:-20px -20px 0;padding:17px 20px}.lp-preview-inbox .lp-preview-rows{margin-top:0}.lp-preview-inbox .lp-preview-row:first-child{border-top:0}.lp-preview-channel{border:1px solid #231f4012}@media (min-width:1024px) and (max-width:1279px){.lp-hero-card{width:226px}.lp-hero-card-inbound{top:1%;left:0}.lp-hero-card-reply{top:1%;right:0}.lp-hero-card-inbox{width:250px;bottom:4%;left:-10px}.lp-hero-card-channels{width:256px;bottom:5%;right:-10px}.lp-preview{padding:14px}.lp-preview-header strong,.lp-preview-message p{font-size:12px}.lp-preview-message{margin-top:12px;padding:10px}.lp-preview-inbox .lp-preview-header{margin:-14px -14px 0;padding:14px}.lp-preview-reply .lp-preview-message p{font-size:14px}.lp-preview-state,.lp-preview-row div>span,.lp-preview-footer,.lp-preview-status,.lp-preview-channels-grid div>span:last-child{font-size:8px}.lp-preview-channel{border-radius:10px;width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.lp-preview-typing i{animation:none}}
