.wa-demo{align-self:center;width:100%;min-width:0}.wa-stage{isolation:isolate;min-height:560px;padding:18px 0 24px;position:relative}.wa-backdrop{z-index:-1;background:linear-gradient(145deg,#4679e653,#2563eb1a);border:1px solid #a8c8ff26;border-radius:36px;position:absolute;inset:0 30px 0 36px;box-shadow:inset 0 1px #ffffff12,0 30px 80px -30px #0005}.wa-header{color:#fff;border-bottom:1px solid #ffffff15;align-items:center;gap:10px;margin:0 54px 16px 60px;padding-bottom:16px;display:flex}.wa-avatar{color:#2563eb;background:#f5f8ff;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:19px;font-weight:700;display:grid}.wa-header strong{font-size:13px;line-height:1.6;display:block}.wa-header div>span{color:#c3d5f1;align-items:center;gap:5px;font-size:9px;display:flex}.wa-header i{background:#a4dfbf;border-radius:50%;width:4px;height:4px}.wa-header .wa-channel{color:#c9daf4;border:1px solid #b0caed3b;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:9px}.wa-day{text-align:center;color:#a7bddf;margin-bottom:15px;font-size:9px}.wa-messages{flex-direction:column;gap:15px;min-height:317px;display:flex}.wa-row{align-items:flex-start;gap:8px;transition:opacity .3s,transform .3s;display:flex;position:relative}.wa-row[data-visible=false]{visibility:hidden;opacity:0;transform:translateY(10px)}.wa-in{padding-right:47px}.wa-out{flex-direction:row-reverse;padding-left:45px}.wa-sender{color:#dae8ff;background:#dbeafe24;border:1px solid #bbd7ff14;border-radius:999px;flex-shrink:0;margin-top:10px;padding:2px 8px;font-size:9px;line-height:1.5}.wa-out .wa-sender{color:#12422b;background:#9be3bd}.wa-bubble{color:#17202d;background:#fff;border-radius:3px 12px 12px;max-width:350px;padding:11px 13px 8px;animation:.4s ease-out both wa-appear;position:relative;box-shadow:0 5px 20px #030d291a}.wa-bubble:before{content:"";border-top:8px solid #fff;border-left:7px solid #0000;position:absolute;top:0;left:-6px}.wa-out .wa-bubble{background:#d9f7c6;border-radius:12px 3px 12px 12px}.wa-out .wa-bubble:before{border-top-color:#d9f7c6;border-left:0;border-right:7px solid #0000;left:auto;right:-6px}.wa-bubble[data-shown=false]{visibility:hidden}.site .wa-bubble p{color:#23352d;font-size:13px;line-height:1.55}.wa-time{color:#627269;justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;font-size:8px;line-height:1.3;display:flex}.wa-time b{color:#1383be;letter-spacing:-3px;padding-right:2px;font-size:11px}.wa-typing{background:#fff;border-radius:12px;align-items:center;gap:4px;min-height:35px;margin-top:2px;padding:14px 16px;display:flex}.wa-out .wa-typing{background:#d9f7c6}.wa-typing i{background:#6f8a7d;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite wa-type}.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}.wa-order{color:#17202d;background:#f8fbff;border-radius:12px;align-items:center;gap:11px;margin:22px 52px 0 58px;padding:14px;transition:opacity .4s,transform .4s;display:flex;box-shadow:0 12px 35px #02091f26}.wa-order[data-visible=false]{opacity:0;visibility:hidden;transform:translateY(12px)}.wa-order-icon{color:#2563eb;background:#eaf2ff;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.wa-order strong{font-size:12px;display:block}.site .wa-order p{color:#46515f;font-size:10px}.wa-order div>span{color:#63738a;font-size:8px}.wa-order-arrow{color:#2563eb;margin-left:auto;font-size:20px}.wa-progress{background:#ffffff12;height:2px;position:absolute;bottom:0;left:90px;right:90px;overflow:hidden}.wa-progress>span{background:#8fbaff;height:100%;transition:width .5s;display:block}.wa-caption{color:#a5b9d8;justify-content:center;align-items:center;gap:14px;min-height:32px;margin-top:15px;font-size:10px;display:flex}.site .wa-playback{color:#dceaff;cursor:pointer;background:#ffffff08;border:1px solid #b7d3ff35;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;display:inline-flex}.site .wa-playback:hover{background:#ffffff18}.wa-demo[data-paused=true] *,.wa-demo[data-paused=true] :before{animation-play-state:paused!important}@keyframes wa-type{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes wa-appear{0%{opacity:0;transform:translateY(9px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:1050px) and (min-width:801px){.wa-header{margin-inline:38px}.wa-backdrop{inset-inline:18px}.wa-in{padding-right:18px}.wa-out{padding-left:18px}.wa-order{margin-inline:35px}.site .wa-bubble p{font-size:12px}}@media (max-width:800px){.wa-demo{max-width:530px;margin-inline:auto!important}}@media (max-width:540px){.wa-stage{min-height:556px;padding-top:18px}.wa-backdrop{border-radius:25px;inset-inline:10px}.wa-header{gap:8px;margin-inline:25px}.wa-header .wa-channel{padding-inline:5px;font-size:8px}.wa-messages{gap:14px;min-height:335px}.wa-sender{padding-inline:5px;font-size:8px}.wa-row{gap:6px}.wa-in{padding-right:15px}.wa-out{padding-left:15px}.wa-bubble{padding:10px 11px 7px}.site .wa-bubble p{font-size:12px}.wa-order{margin-inline:24px;margin-top:18px;padding:12px}.wa-caption{gap:8px;font-size:9px}}