.bc-phone{width:252px;height:434px}.bc-phone-shell{height:100%;padding:7px;border:1px solid #85867f;border-radius:37px;background:linear-gradient(110deg,#8b8e84 0,#1e241e 3%,#222820 97%,#696e62);box-shadow:2px 4px #9b9d92,8px 25px 30px -17px #24302155,inset 0 0 0 2px #d5d5cb}.bc-phone-screen{height:100%;border:1px solid #131713;border-radius:29px;background:#fafbf7;overflow:hidden;display:flex;flex-direction:column}.bc-phone-status{display:flex;align-items:center;justify-content:space-between;position:relative;height:31px;padding:0 17px;flex:0 0 auto;font:600 9px var(--bc-sans)}.bc-phone-island{position:absolute;left:50%;top:8px;transform:translate(-50%);width:61px;height:16px;border-radius:12px;background:#1a201a}.bc-phone-contact{height:73px;flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:2px;border-bottom:1px solid #e0e3d9}.bc-phone-contact .bc-mark{height:27px;width:35px}.bc-phone-contact>strong{font:500 13px var(--bc-sans);margin-top:3px}.bc-phone-contact>span:last-child{font-size:8px;color:#737a6a;margin-top:3px}.bc-phone-back{position:absolute;left:9px;top:17px;color:var(--bc-imessage)}.bc-message-flow{display:flex;flex-direction:column;gap:13px;padding:14px 13px 12px;flex:1;min-height:0}.bc-message-date{font-size:8px;text-align:center;color:#7a8172;margin:1px 0 0}.bc-bubble{max-width:92%;padding:11px 12px;font-size:13px;line-height:1.43}.bc-outgoing{align-self:flex-end;color:#fff;background:var(--bc-imessage);border-radius:16px 16px 4px}.bc-incoming{align-self:flex-start;color:var(--bc-ink);background:#e9e9eb;border-radius:16px 16px 16px 4px}.bc-phone-result{display:flex;gap:7px;align-items:center;margin-top:1px;padding:8px 7px;border-top:1px solid #d7dccf;font-size:10px;color:var(--bc-forest)}.bc-phone-result .bc-icon{width:25px;height:25px;padding:5px;border-radius:50%;background:#ececee}.bc-phone-result .bc-icon:last-child{margin-left:auto;width:13px}.bc-phone-result small{display:block;margin-top:3px;color:#747c69;font-size:8px}.bc-phone-composer{display:flex;align-items:center;gap:8px;height:37px;flex:0 0 auto;padding:4px 11px;color:#8e8e93}.bc-phone-composer .bc-icon{width:16px;height:16px}.bc-message-input{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;height:30px;padding:2px 7px 2px 10px;border:1px solid #dedee1;background:#f9f9fa;border-radius:20px;font-size:9px}.bc-composer-audio{display:block;width:19px;height:19px;flex:0 0 19px;color:#8e8e93}.bc-home-indicator{height:4px;flex:0 0 auto;width:75px;background:#263025;margin:8px auto 6px;border-radius:3px}