.cbp{-webkit-font-smoothing:antialiased;text-align:left;box-sizing:border-box;background:linear-gradient(150deg,#d9dbdf 0%,#9a9ea6 18%,#c9ccd1 40%,#8b8f97 70%,#c3c6cb 100%);border-radius:52px;flex:none;width:296px;height:622px;padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 0 0 2.5px #5d6168,0 1px 2px #11131833,0 30px 60px -10px #1113184d,0 60px 120px -30px #11131840}.cbp:before{content:"";background:#050506;border-radius:49.5px;position:absolute;inset:2.5px}.cbp:after{content:"";background:linear-gradient(90deg,#7d8189,#b9bcc2);border-radius:2px 0 0 2px;width:3px;height:26px;position:absolute;top:112px;left:-2.5px}.cbp__keys{pointer-events:none;position:absolute;inset:0}.cbp__keys i{background:linear-gradient(90deg,#7d8189,#b9bcc2);border-radius:2px;width:3px;position:absolute}.cbp__keys i:first-child{height:46px;top:160px;left:-2.5px}.cbp__keys i:nth-child(2){height:46px;top:216px;left:-2.5px}.cbp__keys i:nth-child(3){background:linear-gradient(270deg,#7d8189,#b9bcc2);height:72px;top:180px;right:-2.5px}.cbp__keys i:nth-child(4){background:#4a4e55;width:1.5px;height:40px;top:360px;right:-1px}.cbp__screen{z-index:1;color:#111318;background:#fff;border-radius:44px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.cbp__status{letter-spacing:-.01em;justify-content:space-between;align-items:center;height:44px;padding:2px 24px 0 34px;font-size:14px;font-weight:600;display:flex;position:relative}.cbp__island{background:#000;border-radius:13px;width:86px;height:25px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.cbp__icons{align-items:center;gap:6px;display:flex}.cbp__signal{clip-path:polygon(0 100%,100% 0,100% 100%);background:linear-gradient(90deg,currentColor 3px,#0000 3px 5px,currentColor 5px 8px,#0000 8px 10px,currentColor 10px 13px,#0000 13px 15px,currentColor 15px);width:16px;height:10px}.cbp__wifi{fill:currentColor;width:15px;height:11px;display:block}.cbp__battery{box-sizing:border-box;border:1.5px solid;border-radius:3px;width:24px;height:11px;position:relative}.cbp__battery:before{content:"";background:currentColor;border-radius:1px;position:absolute;inset:1.5px 5px 1.5px 1.5px}.cbp__home{background:#111318;border-radius:2px;width:96px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.cbp-glyph{flex:none;display:block}.cbp-avatar{background:radial-gradient(circle at 30% 25%, #ffffff73, transparent 55%), linear-gradient(140deg, var(--cbp-avatar,#e8590c) 15%, var(--cbp-avatar-2,#e8a40c) 100%);border-radius:50%;flex:none;display:block}.cbp-avatar--person{background:linear-gradient(#c7cbd3,#9aa0aa)}.cbp-avatar--photo{object-fit:cover;background:#e5e7eb}.cbp-who{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.cbp-who b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.cbp-who span{font-size:12px}.cbp-actions{align-items:center;gap:16px;display:flex}.cbp__thread{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}.cbp__stack{flex-direction:column;gap:2px;padding:10px 10px 8px;display:flex}.cbp-msg{overflow-wrap:anywhere;white-space:pre-wrap;max-width:82%;margin:0;font-size:14px;line-height:19px;animation:.3s cbp-line}.cbp-msg--out{align-self:flex-end}.cbp-msg--in{align-self:flex-start}.cbp-typing{align-items:center;gap:4px;display:flex;padding:12px 14px!important}.cbp-typing i{opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite cbp-dots}.cbp-typing i:nth-child(2){animation-delay:.15s}.cbp-typing i:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.cbp-msg,.cbp-typing i{animation:none}}.cbp[data-channel=whatsapp] .cbp__screen{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22240%22 height=%22240%22 viewBox=%220 0 240 240%22 fill=%22none%22 stroke=%22%23cdbfae%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3C%21-- A messenger's wallpaper, drawn for this site (not WhatsApp's): small line doodles scattered over a tile. --%3E %3C%21-- chat bubble --%3E %3Cg transform=%22translate(14 16) rotate(-8 14 12)%22%3E%3Cpath d=%22M3 4h22a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H12l-6 5v-5H3a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z%22/%3E%3Cpath d=%22M7 11h14M7 15h9%22/%3E%3C/g%3E %3C%21-- heart --%3E %3Cg transform=%22translate(78 10) rotate(10 11 10)%22%3E%3Cpath d=%22M11 19S1 13 1 6.5A4.5 4.5 0 0 1 11 4a4.5 4.5 0 0 1 10 2.5C21 13 11 19 11 19z%22/%3E%3C/g%3E %3C%21-- star --%3E %3Cg transform=%22translate(134 20) rotate(-12 11 11)%22%3E%3Cpath d=%22M11 1.5l2.8 6 6.5.7-4.9 4.4 1.4 6.4L11 15.8 5.2 19l1.4-6.4L1.7 8.2l6.5-.7z%22/%3E%3C/g%3E %3C%21-- phone handset --%3E %3Cg transform=%22translate(196 12) rotate(14 12 12)%22%3E%3Cpath d=%22M6 2l4 1 1.5 5-2.5 2a13 13 0 0 0 6 6l2-2.5 5 1.5 1 4c0 1.5-1.5 3-3 3C10 22 2 14 2 5c0-1.5 1.5-3 4-3z%22/%3E%3C/g%3E %3C%21-- camera --%3E %3Cg transform=%22translate(20 74) rotate(6 14 10)%22%3E%3Crect x=%221%22 y=%225%22 width=%2226%22 height=%2217%22 rx=%223%22/%3E%3Cpath d=%22M9 5l2-3h6l2 3%22/%3E%3Ccircle cx=%2214%22 cy=%2213.5%22 r=%224.5%22/%3E%3C/g%3E %3C%21-- music note --%3E %3Cg transform=%22translate(86 66) rotate(-10 9 12)%22%3E%3Cpath d=%22M7 19V4l12-3v14%22/%3E%3Ccircle cx=%224%22 cy=%2219%22 r=%223%22/%3E%3Ccircle cx=%2216%22 cy=%2216%22 r=%223%22/%3E%3C/g%3E %3C%21-- coffee cup --%3E %3Cg transform=%22translate(142 76) rotate(8 12 11)%22%3E%3Cpath d=%22M2 8h17v6a7 7 0 0 1-7 7H9a7 7 0 0 1-7-7z%22/%3E%3Cpath d=%22M19 10h2a3 3 0 0 1 0 6h-2.5%22/%3E%3Cpath d=%22M7 1c-1 2 1 3 0 5M12 1c-1 2 1 3 0 5%22/%3E%3C/g%3E %3C%21-- smile --%3E %3Cg transform=%22translate(200 72)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.5%22/%3E%3Cpath d=%22M7.5 14.5c1.2 1.6 2.7 2.4 4.5 2.4s3.3-.8 4.5-2.4%22/%3E%3Cpath d=%22M8.5 9h.01M15.5 9h.01%22 stroke-width=%222.4%22/%3E%3C/g%3E %3C%21-- paper plane --%3E %3Cg transform=%22translate(14 136) rotate(-6 13 11)%22%3E%3Cpath d=%22M1 10L26 1l-7 21-5-8z%22/%3E%3Cpath d=%22M14 14L26 1%22/%3E%3C/g%3E %3C%21-- cloud --%3E %3Cg transform=%22translate(76 130) rotate(4 15 9)%22%3E%3Cpath d=%22M8 18h15a6 6 0 0 0 0-12 8 8 0 0 0-15 2 5 5 0 0 0 0 10z%22/%3E%3C/g%3E %3C%21-- clock --%3E %3Cg transform=%22translate(140 134)%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%2210%22/%3E%3Cpath d=%22M11 5v6l4 2.5%22/%3E%3C/g%3E %3C%21-- sun --%3E %3Cg transform=%22translate(196 132)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224.5%22/%3E%3Cpath d=%22M12 1v3M12 20v3M1 12h3M20 12h3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1%22/%3E%3C/g%3E %3C%21-- gift --%3E %3Cg transform=%22translate(22 194) rotate(8 12 11)%22%3E%3Crect x=%221%22 y=%228%22 width=%2222%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M1 13h22M12 8v14%22/%3E%3Cpath d=%22M12 8C9 8 6 6.5 6 4.5S9 2 12 8c3-6 6-6 6-3.5S15 8 12 8z%22/%3E%3C/g%3E %3C%21-- small chat bubble --%3E %3Cg transform=%22translate(84 194) rotate(-14 11 10)%22%3E%3Cpath d=%22M11 1C5.5 1 1 4.6 1 9c0 2.2 1.1 4.2 3 5.6L3 20l5.2-3c.9.2 1.8.3 2.8.3 5.5 0 10-3.6 10-8S16.5 1 11 1z%22/%3E%3C/g%3E %3C%21-- star, small --%3E %3Cg transform=%22translate(146 200) rotate(20 7 7)%22%3E%3Cpath d=%22M7 1l1.8 3.8 4.2.5-3.1 2.8.9 4.1L7 10.1 3.2 12.2l.9-4.1L1 5.3l4.2-.5z%22/%3E%3C/g%3E %3C%21-- heart, small --%3E %3Cg transform=%22translate(200 198) rotate(-8 8 7)%22%3E%3Cpath d=%22M8 14S1 9.5 1 5a3.2 3.2 0 0 1 7-1.8A3.2 3.2 0 0 1 15 5c0 4.5-7 9-7 9z%22/%3E%3C/g%3E %3C%21-- dots --%3E %3Cg fill=%22%23cdbfae%22 stroke=%22none%22%3E%3Ccircle cx=%2262%22 cy=%2250%22 r=%221.6%22/%3E%3Ccircle cx=%22182%22 cy=%2252%22 r=%221.6%22/%3E%3Ccircle cx=%22120%22 cy=%22112%22 r=%221.6%22/%3E%3Ccircle cx=%2260%22 cy=%22176%22 r=%221.6%22/%3E%3Ccircle cx=%22184%22 cy=%22176%22 r=%221.6%22/%3E%3Ccircle cx=%22124%22 cy=%22234%22 r=%221.6%22/%3E%3C/g%3E %3C/svg%3E") 0 0/240px 240px,#efeae2}.cbp[data-channel=whatsapp] .cbp__status{background:#f6f6f6}.cbp-wa__bar{color:#111b21;background:#f6f6f6;border-bottom:1px solid #dcdcdc;flex:none;align-items:center;gap:8px;padding:4px 14px 8px 6px;display:flex}.cbp-wa__bar .cbp-who span{color:#667781}.cbp[data-channel=whatsapp] .cbp__stack{gap:2px;padding:10px 12px 8px}.cbp-wa__day{color:#54656f;background:#fff;border-radius:8px;align-self:center;margin-bottom:8px;padding:4px 10px;font-size:11.5px;font-weight:500;box-shadow:0 1px .5px #0b141a21}.cbp[data-channel=whatsapp] .cbp-msg{color:#111b21;border-radius:8px;flex-direction:column;padding:6px 8px 7px 9px;display:flex;position:relative;box-shadow:0 1px .5px #0b141a21}.cbp[data-channel=whatsapp] .cbp-msg[data-first]{margin-top:8px}.cbp[data-channel=whatsapp] .cbp-msg--out{background:#d9fdd3}.cbp[data-channel=whatsapp] .cbp-msg--in{background:#fff}.cbp[data-channel=whatsapp] .cbp-msg[data-first]:before{content:"";background:inherit;width:9px;height:13px;position:absolute;top:0}.cbp[data-channel=whatsapp] .cbp-msg--in[data-first]{border-top-left-radius:0}.cbp[data-channel=whatsapp] .cbp-msg--in[data-first]:before{clip-path:polygon(0 0,100% 0,100% 100%);left:-8px}.cbp[data-channel=whatsapp] .cbp-msg--out[data-first]{border-top-right-radius:0}.cbp[data-channel=whatsapp] .cbp-msg--out[data-first]:before{clip-path:polygon(0 0,100% 0,0 100%);right:-8px}.cbp-wa__meta{float:right;color:#667781;align-items:center;gap:3px;margin:6px 0 -5px 10px;font-size:11px;line-height:14px;display:inline-flex}.cbp-ticks{color:#53bdeb}.cbp-wa__cta{color:#027eb5;border-top:1px solid #0b141a1a;justify-content:center;align-items:center;gap:6px;margin:8px -8px -7px -9px;padding:9px 8px;font-weight:500;display:flex}.cbp[data-channel=whatsapp] .cbp-typing{color:#8696a0;background:#fff;flex-direction:row}.cbp-wa__compose{color:#111b21;background:#f6f6f6;flex:none;align-items:center;gap:12px;padding:7px 12px 24px;display:flex}.cbp-wa__field{color:#8696a0;background:#fff;border:1px solid #dcdcdc;border-radius:18px;flex:1;justify-content:space-between;align-items:center;height:32px;padding:0 8px 0 12px;font-size:14px;display:flex}.cbp-dm__bar{color:#000;background:#fff;border-bottom:1px solid #efefef;flex:none;align-items:center;gap:9px;padding:4px 14px 9px 6px;display:flex}.cbp-dm__bar .cbp-who span{color:#737373}.cbp-dm__face{position:relative}.cbp-dm__online{background:#31a24c;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.cbp-dm__intro{color:#737373;flex-direction:column;align-items:center;gap:5px;margin:4px 0 14px;font-size:12px;display:flex}.cbp-dm__intro b{color:#000;margin-top:4px;font-size:15px;font-weight:600}.cbp-dm__profile{color:#000;background:#efefef;border-radius:8px;margin-top:4px;padding:6px 14px;font-size:12.5px;font-weight:600}.cbp-dm__time{color:#8e8e8e;align-self:center;margin:2px 0 8px;font-size:11px;font-weight:500}.cbp-dm__row{flex-direction:column;display:flex}.cbp-dm__row--out{align-items:flex-end}.cbp-dm__row--in{flex-direction:row;align-items:flex-end;gap:6px}.cbp-dm__by{flex:none;width:26px}.cbp-dm__col{flex-direction:column;align-items:flex-start;gap:4px;max-width:78%;display:flex}.cbp-dm__col .cbp-msg{max-width:100%}.cbp-dm__row .cbp-msg{border-radius:20px;padding:8px 12px}.cbp-dm__row[class]+.cbp-dm__row{margin-top:2px}.cbp-dm__row--out+.cbp-dm__row--in,.cbp-dm__row--in+.cbp-dm__row--out{margin-top:10px}.cbp-dm__row--out .cbp-msg:not([data-last]){border-bottom-right-radius:5px}.cbp-dm__row--out .cbp-msg:not([data-first]){border-top-right-radius:5px}.cbp-dm__row--in .cbp-msg:not([data-last]){border-bottom-left-radius:5px}.cbp-dm__row--in .cbp-msg:not([data-first]){border-top-left-radius:5px}.cbp-dm__seen{color:#8e8e8e;margin:3px 4px 0 0;font-size:11px}.cbp-dm__seen-face{margin:3px 2px 0 0}.cbp-dm__cta{text-align:center;border-radius:18px;align-self:stretch;padding:9px 14px;font-size:14px;font-weight:600}.cbp[data-channel=instagram] .cbp-msg--out{color:#fff;background:linear-gradient(160deg,#8b3dff 0%,#5a50f5 55%,#3b7bf6 100%)}.cbp[data-channel=instagram] .cbp-msg--in,.cbp[data-channel=instagram] .cbp-typing{color:#000;background:#f7f7f7}.cbp[data-channel=instagram] .cbp-typing{color:#8e8e8e}.cbp[data-channel=instagram] .cbp-dm__cta{color:#0095f6;border:1px solid #dbdbdb}.cbp-ig__compose{color:#000;background:#efefef;border-radius:24px;flex:none;align-items:center;gap:12px;margin:6px 10px 24px;padding:4px 12px 4px 4px;display:flex}.cbp-ig__camera{color:#fff;background:#3797f0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.cbp-ig__placeholder{color:#737373;flex:1;font-size:14px}.cbp[data-channel=messenger] .cbp-dm__bar .cbp-glyph{color:#0a7cff}.cbp[data-channel=messenger] .cbp-dm__bar .cbp-who span,.cbp[data-channel=messenger] .cbp-dm__intro{color:#65676b}.cbp[data-channel=messenger] .cbp-msg--out{color:#fff;background:#0a7cff}.cbp[data-channel=messenger] .cbp-msg--in,.cbp[data-channel=messenger] .cbp-typing{color:#050505;background:#f7f7f7}.cbp[data-channel=messenger] .cbp-typing{color:#8a8d91}.cbp[data-channel=messenger] .cbp-dm__cta{color:#0a7cff;border:1px solid #e4e6eb;border-radius:14px}.cbp-fb__compose{color:#0a7cff;flex:none;align-items:center;gap:10px;padding:7px 12px 24px;display:flex}.cbp-fb__field{color:#65676b;background:#f0f2f5;border-radius:18px;flex:1;justify-content:space-between;align-items:center;min-width:0;height:34px;padding:0 8px 0 12px;font-size:14px;display:flex}.cbp-mail__nav{color:#007aff;flex:none;justify-content:space-between;align-items:center;padding:4px 16px 8px 8px;display:flex}.cbp-mail__inbox{align-items:center;gap:2px;font-size:16px;display:flex}.cbp-mail__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cbp-mail__subject{color:#000;margin:4px 16px 10px;font-size:20px;font-weight:700;line-height:25px}.cbp-mail__message{border-top:1px solid #e5e5ea;padding:12px 16px}.cbp-mail__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.cbp-mail__who{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.cbp-mail__who b{color:#000;font-size:14.5px;font-weight:600}.cbp-mail__who span,.cbp-mail__time{color:#8a8a8e;font-size:12.5px}.cbp-mail__time{align-self:flex-start}.cbp-mail__text{color:#1c1c1e;white-space:pre-wrap;margin:0;font-size:14px;line-height:19px}.cbp-mail__tools{color:#007aff;background:#f9f9f9;border-top:1px solid #e5e5ea;flex:none;justify-content:space-between;align-items:center;padding:10px 26px 26px;display:flex}@keyframes cbp-line{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cbp-dots{0%,to{opacity:.35}50%{opacity:1}}
