.conversation-preview.channel-preview{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.channel-preview .channel-preview-tabs{background:#f3f3f5;border-radius:11px;grid-template-columns:.85fr 1.15fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.channel-preview .channel-preview-tabs button{color:#5b6254;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 5px;font-size:12px;line-height:1.3;transition:background .18s,color .18s;display:flex}.channel-preview .channel-preview-tabs button svg{flex-shrink:0;width:17px;height:17px}.channel-preview .channel-preview-tabs button[aria-selected=true]{color:#4c57de;background:#fff;box-shadow:0 2px 6px #1723110a}.channel-preview .channel-preview-tabs button:hover{color:#1b2017}.channel-preview :is(button,a,[role=tabpanel]):focus-visible{outline-offset:4px;outline:2px solid #4c57de}.channel-preview .channel-preview-panel{background:#fff;border:1px solid #e5e5e9;border-radius:13px;overflow:hidden}.channel-preview .channel-avatar{background:0 0;border:0;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.channel-preview .channel-call{color:#fff;background:#4c57de;height:203px;padding:17px 24px 16px}.channel-preview .channel-call-top{color:#eef0ff;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;line-height:1.3;display:flex}.channel-preview .channel-call-top>span:first-child{align-items:center;gap:6px;display:inline-flex}.channel-preview .channel-call-top i{background:#dbe0ff;border-radius:50%;width:5px;height:5px}.channel-preview .channel-call-identity{justify-content:center;align-items:center;gap:12px;margin-top:15px;display:flex}.channel-preview .channel-call-identity strong{letter-spacing:-.65px;font-size:21px;font-weight:500;line-height:1.2;display:block}.channel-preview .channel-call-identity div>span{color:#eef0ff;margin-top:2px;font-size:11px;line-height:1.4;display:block}.channel-preview .channel-waveform{justify-content:center;align-items:center;gap:4px;height:54px;margin:8px 0 6px;display:flex}.channel-preview .channel-waveform i{width:3px;height:var(--wave-height);animation:channel-voice var(--wave-duration) ease-in-out var(--wave-delay) infinite alternate;background:#e2e6ff;border-radius:8px;transform:scaleY(.4)}.channel-preview .channel-waveform[data-speaking=false] i{height:4px;transition:height .45s;animation-play-state:paused}.channel-preview .channel-call-controls{justify-content:center;gap:13px;display:flex}.channel-preview .channel-call-controls>span{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.channel-preview .channel-call-controls svg{width:14px;height:14px}.channel-preview .channel-call-controls .channel-end-call{color:#fff;background:#c74e4d}.channel-preview .channel-end-call svg{transform:rotate(135deg)}.channel-preview .channel-transcript{height:215px;padding:18px 22px}.channel-preview .channel-transcript-label{color:#6c7367;justify-content:space-between;gap:8px;margin-bottom:14px;font-size:10px;display:flex}.channel-preview .channel-transcript-label>span:last-child{color:#4c57de}.channel-preview .channel-transcript-line{opacity:0;visibility:hidden;grid-template-columns:34px 1fr;align-items:baseline;gap:9px;margin-top:11px;transition:opacity .3s,transform .3s,visibility .3s;display:grid;transform:translateY(6px)}.channel-preview .channel-transcript-line[data-shown=true]{opacity:1;visibility:visible;transform:none}.channel-preview .channel-transcript-line>span{color:#4c57de;font-size:10px}.channel-preview .channel-transcript-line p{color:#424a3e;margin:0;font-size:12px;line-height:1.6}.channel-preview .channel-transcript-line:nth-child(odd)>span{color:#737c6b}.channel-preview .channel-website-example{background:#efeff2;height:418px;position:relative;overflow:hidden}.channel-preview .channel-browser-bar{background:#fafafa;border-bottom:1px solid #e0e0e5;align-items:center;gap:20px;height:29px;padding:0 12px;display:flex}.channel-preview .channel-browser-bar>span:first-child{gap:4px;display:flex}.channel-preview .channel-browser-bar i{background:#cdced5;border-radius:50%;width:5px;height:5px}.channel-preview .channel-browser-bar>span:last-child{color:#85858f;text-align:center;background:#eeeef2;border-radius:3px;width:72%;padding:3px 6px;font-size:8px}.channel-preview .channel-website-backdrop{flex-direction:column;gap:10px;padding:32px 22px;display:flex}.channel-preview .channel-website-backdrop strong{color:#9898a0;letter-spacing:-1px;font-size:25px;font-weight:500}.channel-preview .channel-website-backdrop>span{color:#a4a4ad;font-size:12px}.channel-preview .channel-website-backdrop>i{background:#dadbe2;border-radius:4px;width:46%;height:7px}.channel-preview .channel-website-backdrop>i:nth-last-child(2){width:32%}.channel-preview .channel-chat-widget{background:#fff;border:1px solid #e0e0e6;border-radius:13px;width:min(83%,330px);position:absolute;top:43px;right:20px;overflow:hidden;box-shadow:0 6px 22px #24243417}.channel-preview .channel-chat-header{border-bottom:1px solid #ebebef;align-items:center;gap:6px;padding:7px 11px;display:flex}.channel-preview .channel-chat-header .channel-avatar{border-radius:10px;width:44px;height:44px}.channel-preview .channel-chat-header strong{color:#20281b;font-size:12px;font-weight:500;display:block}.channel-preview .channel-chat-header div>span{color:#7b8573;align-items:center;gap:4px;margin-top:3px;font-size:9px;display:inline-flex}.channel-preview .channel-chat-header div i{background:#83ab6b;border-radius:50%;width:4px;height:4px}.channel-preview .channel-chat-header>svg{color:#75806c;width:15px;height:15px;margin-left:auto}.channel-preview .channel-messages{flex-direction:column;gap:9px;height:225px;padding:15px 13px;display:flex;position:relative}.channel-preview .channel-bubble{opacity:0;visibility:hidden;width:fit-content;max-width:87%;padding:8px 11px;transition:opacity .3s,transform .3s,visibility .3s;position:relative;transform:translateY(7px)}.channel-preview .channel-bubble[data-shown=true]{opacity:1;visibility:visible;transform:none}.channel-preview .channel-bubble p{margin:0;font-size:11px;line-height:1.5}.channel-preview .channel-bubble-kallin{color:#464650;background:#f3f3f6;border-radius:10px 10px 10px 3px;align-self:flex-start}.channel-preview .channel-bubble-customer{color:#fff;background:#4c57de;border-radius:10px 10px 3px;align-self:flex-end}.channel-preview .channel-typing-slot{opacity:0;visibility:hidden;position:absolute;bottom:8px;left:15px}.channel-preview .channel-typing-slot[data-shown=true]{opacity:1;visibility:visible}.channel-preview .channel-typing{align-items:center;gap:3px;display:inline-flex}.channel-preview .channel-typing i{background:#8a947f;border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite channel-type}.channel-preview .channel-typing i:nth-child(2){animation-delay:.15s}.channel-preview .channel-typing i:nth-child(3){animation-delay:.3s}.channel-preview .channel-chat-input{color:#969e8e;border:1px solid #e5e9de;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;height:37px;margin:0 12px;padding:0 11px;font-size:10px;display:flex}.channel-preview .channel-chat-input svg{color:#4c57de;width:14px;height:14px}.channel-preview .channel-chat-credit{color:#969e8e;text-align:center;padding:9px 0;font-size:8px}.channel-preview .channel-chat-credit strong{color:#4b5541;font-weight:650}.channel-preview .channel-chat-credit strong span{color:#4c57de}.channel-preview .channel-chat-launcher{color:#fff;background:#4c57de;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:8px;right:20px;box-shadow:0 2px 8px #4c57de22}.channel-preview .channel-chat-launcher svg{width:15px;height:15px}.channel-preview .channel-whatsapp-example{background:#ebe5d9;height:418px}.channel-preview .channel-wa-header{background:#f8faf6;border-bottom:1px solid #e3e7df;align-items:center;gap:10px;height:64px;padding:0 16px;display:flex}.channel-preview .channel-wa-header>svg{color:#4c6553;flex-shrink:0;width:17px;height:17px}.channel-preview .channel-wa-header .channel-avatar{background:0 0;border-radius:50%;width:44px;height:44px}.channel-preview .channel-wa-header div{margin-right:auto}.channel-preview .channel-wa-header strong{color:#283c2e;font-size:13px;font-weight:500;display:block}.channel-preview .channel-wa-header div>span{color:#718274;margin-top:3px;font-size:10px;display:block}.channel-preview .channel-wa-messages{background-image:radial-gradient(#7f95731a .7px,#0000 .7px);background-size:13px 13px;gap:10px;height:299px;padding:17px 20px}.channel-preview .channel-wa-date{color:#7c8578;background:#ffffffbd;border-radius:5px;align-self:center;margin-bottom:1px;padding:4px 8px;font-size:9px}.channel-preview .channel-wa-messages .channel-bubble{max-width:84%;padding:8px 11px 7px;box-shadow:0 1px 1px #242e2220}.channel-preview .channel-wa-messages .channel-bubble p{font-size:12px}.channel-preview .channel-wa-messages .channel-bubble-kallin{color:#364331;background:#fff;border-radius:3px 8px 8px}.channel-preview .channel-wa-messages .channel-bubble-customer{color:#364331;background:#d8f5c7;border-radius:8px 3px 8px 8px}.channel-preview .channel-message-time{color:#869081;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;font-size:8px;display:flex}.channel-preview .channel-message-time svg{color:#6baac1;width:12px;height:12px}.channel-preview .channel-bubble-kallin .channel-message-time svg{display:none}.channel-preview .channel-wa-input{background:#efeae0;align-items:center;gap:9px;height:55px;padding:7px 13px 12px;display:flex}.channel-preview .channel-wa-input>span{color:#a0a699;background:#fff;border-radius:25px;flex:1;justify-content:space-between;align-items:center;padding:10px 13px;font-size:11px;display:flex}.channel-preview .channel-wa-input>span svg{color:#8d9a86;width:17px;height:17px}.channel-preview .channel-wa-input>i{color:#fff;background:#267a5c;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.channel-preview .channel-wa-input>i svg{width:15px;height:15px}.channel-preview .channel-capture{border-top:1px solid #ebebef;align-items:center;gap:11px;min-height:85px;padding:16px 20px;display:flex}.channel-preview .channel-capture-icon{color:#4c57de;background:#eef0ff;border-radius:7px;flex-shrink:0;place-items:center;width:33px;height:37px;display:grid}.channel-preview .channel-capture-icon svg{width:17px;height:17px}.channel-preview .channel-capture strong{color:#34402d;font-size:12px;font-weight:500;line-height:1.5}.channel-preview .channel-capture p{color:#7b8572;margin:4px 0 0;font-size:10px;line-height:1.5}.channel-preview .channel-capture-check{color:#4c57de;opacity:.18;flex-shrink:0;width:20px;height:20px;margin-left:auto;transition:opacity .4s,transform .4s;transform:scale(.7)}.channel-preview .channel-capture[data-captured=true] .channel-capture-check{opacity:1;transform:scale(1)}.channel-preview .channel-preview-footer{justify-content:space-between;align-items:center;gap:12px;min-height:58px;display:flex}.channel-preview .channel-preview-footer>a{color:#494955;align-items:center;gap:8px;font-size:11px;display:flex}.channel-preview .channel-preview-footer>a:hover{color:#4c57de}.channel-preview .channel-preview-footer>a svg{width:15px;height:15px}.channel-preview .channel-motion-toggle{color:#6c6c78;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:5px 9px;font-size:10px;display:flex}.channel-preview .channel-motion-toggle:hover{color:#333340;background:#f0f0f4}.channel-preview .channel-motion-toggle svg{width:13px;height:13px}.channel-preview .channel-motion-note{color:#7f8977;font-size:10px}.channel-preview[data-running=false] :is(.channel-waveform i,.channel-typing i){animation-play-state:paused}.channel-preview .channel-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes channel-voice{0%{opacity:.6;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@keyframes channel-type{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (max-width:1100px) and (min-width:861px){.channel-preview .channel-transcript{padding-inline:15px}.channel-preview .channel-transcript-line p,.channel-preview .channel-wa-messages .channel-bubble p{font-size:11px}}@media (max-width:520px){.channel-preview .channel-preview-tabs{gap:2px;margin-bottom:12px}.channel-preview .channel-preview-tabs button{gap:5px;min-height:39px;font-size:10px}.channel-preview .channel-preview-tabs button svg{width:15px;height:15px}.channel-preview .channel-call{padding-inline:17px}.channel-preview .channel-waveform{gap:3px}.channel-preview .channel-transcript{padding:16px 14px}.channel-preview .channel-transcript-label{font-size:9px}.channel-preview .channel-transcript-line{grid-template-columns:31px 1fr;gap:7px;margin-top:10px}.channel-preview .channel-transcript-line p{font-size:11px}.channel-preview .channel-chat-widget{width:88%;right:12px}.channel-preview .channel-chat-launcher{right:12px}.channel-preview .channel-chat-header{padding:12px}.channel-preview .channel-wa-header{gap:8px;padding-inline:12px}.channel-preview .channel-wa-messages{padding-inline:13px}.channel-preview .channel-wa-messages .channel-bubble{max-width:91%}.channel-preview .channel-wa-messages .channel-bubble p{font-size:11px}.channel-preview .channel-capture{gap:9px;padding:15px 13px}.channel-preview .channel-capture strong{font-size:11px}.channel-preview .channel-capture p{font-size:9px}.channel-preview .channel-preview-footer>a{gap:5px;font-size:10px}}@media (prefers-reduced-motion:reduce){.channel-preview *,.channel-preview :before,.channel-preview :after{transition:none!important;animation:none!important}.channel-preview .channel-waveform i{height:4px;transform:none}}