.phone-frame[data-v-900b045d]{background-color:#f5f5f4;border-radius:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 0 1px #e7e5e4;max-width:100%;overflow:hidden;width:320px}.phone-header[data-v-900b045d]{background-color:#1c1917;color:#fff;padding:.75rem 1rem 1rem}.phone-status-bar[data-v-900b045d]{align-items:center;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.phone-status-icons[data-v-900b045d]{align-items:center;display:flex;gap:.25rem}.phone-contact[data-v-900b045d]{gap:.75rem}.phone-avatar[data-v-900b045d],.phone-contact[data-v-900b045d]{align-items:center;display:flex}.phone-avatar[data-v-900b045d]{background-color:#088191;border-radius:9999px;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.phone-name[data-v-900b045d]{font-size:1rem;font-weight:600}.phone-messages-wrapper[data-v-900b045d]{position:relative}.phone-messages[data-v-900b045d]{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.phone-messages--spacer[data-v-900b045d]{visibility:hidden}.phone-messages--live[data-v-900b045d]{inset:0;position:absolute}.sms[data-v-900b045d]{border-radius:18px;font-size:.875rem;line-height:1.4;max-width:85%;padding:.75rem 1rem}.sms p[data-v-900b045d]{margin:0}.sms--incoming[data-v-900b045d]{align-self:flex-start;background-color:#e7e5e4;border-bottom-left-radius:4px;color:#1c1917}.sms--outgoing[data-v-900b045d]{align-self:flex-end;background-color:#088191;border-bottom-right-radius:4px;color:#fff}.sms-bubble-enter-active[data-v-900b045d]{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.sms-bubble-leave-active[data-v-900b045d]{transition:opacity .4s ease}.sms-bubble-enter-from[data-v-900b045d]{opacity:0;transform:translateY(16px)}.sms-bubble-leave-to[data-v-900b045d]{opacity:0}