.mcap-app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;font-family:'Inter',sans-serif;background-color:#f0f2f5}.mcap-chat-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1) , 0 4px 6px -2px rgba(0,0,0,.05);width:100%;max-width:480px;overflow:hidden;height:85vh;display:flex;flex-direction:column;position:relative}.mcap-message-bubble{max-width:80%;border-radius:1.5rem;padding:.75rem 1rem;margin:.5rem;word-wrap:break-word}.mcap-message-sent{background-color:#3b82f6;color:#fff;align-self:flex-end;border-bottom-right-radius:.25rem}.mcap-message-received{background-color:#e5e7eb;color:#374151;align-self:flex-start;border-bottom-left-radius:.25rem}.mcap-user-avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover}.mcap-btn{padding:.5rem 1rem;font-weight:600;color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1) , 0 2px 4px -1px rgba(0,0,0,.06);transition:all .2s ease-in-out;transform:scale(1)}.mcap-btn:hover{transform:scale(1.05)}.mcap-btn:active{transform:scale(.95)}.mcap-icon-btn{padding:.5rem;border-radius:9999px;color:#4b5563;transition-property:background-color , border-color , color , fill , stroke , opacity , box-shadow , transform , filter , -webkit-backdrop-filter;transition-duration:200ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mcap-icon-btn:hover{background-color:#e5e7eb}.mcap-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:20}.mcap-modal-content{background-color:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.2);width:90%;max-width:400px}.mcap-message-image{max-width:100%;border-radius:1rem}.mcap-nav-bar{height:4rem;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center}.mcap-nav-bar.hidden{display:none}.mcap-nav-item{display:flex;flex-direction:column;align-items:center;color:#9ca3af;font-size:.75rem;cursor:pointer}.mcap-nav-item.active{color:#3b82f6}.mcap-nav-icon{font-size:1.5rem;margin-bottom:.25rem}.mcap-unread-indicator{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;background-color:#ef4444;color:#fff;border-radius:50%;font-size:.75rem;display:flex;justify-content:center;align-items:center;border:2px solid #fff}.mcap-chat-item-card{position:relative}.mcap-chat-item-card .mcap-unread-indicator{position:absolute;top:10px;right:10px}.mcap-pending-invite .mcap-w-12{width:3rem;height:3rem}.mcap-hidden{display:none!important}.mcap-flex-col{flex-direction:column}.mcap-h-full{height:100%}.mcap-flex{display:flex}.mcap-items-center{align-items:center}.mcap-p-4{padding:1rem}.mcap-border-b{border-bottom-width:1px}.mcap-border-gray-200{border-color:#e5e7eb}.mcap-text-xl{font-size:1.25rem}.mcap-font-semibold{font-weight:600}.mcap-flex-grow{flex-grow:1}.mcap-overflow-y-auto{overflow-y:auto}.mcap-space-y-2 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))}