.typing-wrapper[data-v-380e21aa]{--dot-width:8px;--dot-height:8px;--dot-radius:calc(var(--dot-width)/2);--dot-color:#888;--dot-bg-color:var(--dot-color);--dot-before-color:var(--dot-color);--dot-after-color:var(--dot-color);--dot-spacing:calc(var(--dot-width) + var(--dot-width)/2);--dot-left-pos:-9999px;--dot-x1:calc(var(--dot-left-pos)*-1 - var(--dot-spacing));--dot-x2:calc(var(--dot-left-pos)*-1);--dot-x3:calc(var(--dot-left-pos)*-1 + var(--dot-spacing));padding:calc(1em - var(--dot-height)) calc(var(--dot-width) + var(--dot-spacing)/2)}.typing-dot[data-v-380e21aa]{background-color:var(--dot-bg-color);border-radius:var(--dot-radius);color:var(--dot-color);height:var(--dot-height);width:var(--dot-width);position:relative;left:var(--dot-left-pos);box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color);-webkit-animation:typing-dot-data-v-380e21aa 1.5s linear infinite;animation:typing-dot-data-v-380e21aa 1.5s linear infinite}@-webkit-keyframes typing-dot-data-v-380e21aa{0%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}16.6667%{box-shadow:var(--dot-x1) -10px 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}33.3333%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}50%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) -10px 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}66.6667%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}83.3333%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) -10px 0 0 var(--dot-after-color)}to{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}}@keyframes typing-dot-data-v-380e21aa{0%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}16.6667%{box-shadow:var(--dot-x1) -10px 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}33.3333%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}50%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) -10px 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}66.6667%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}83.3333%{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) -10px 0 0 var(--dot-after-color)}to{box-shadow:var(--dot-x1) 0 0 0 var(--dot-before-color),var(--dot-x2) 0 0 0 var(--dot-color),var(--dot-x3) 0 0 0 var(--dot-after-color)}}ul[data-v-83f88034]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}button[data-v-83f88034]{border:none;background-color:transparent;padding:0;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}img[data-v-83f88034]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sticker-panel-header[data-v-83f88034]{position:relative}.close-button[data-v-83f88034]{position:absolute;top:0;right:0;border:none;background-color:transparent;cursor:pointer;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:1.125rem}.package-list[data-v-83f88034]{background-color:#eee}.package-cover[data-v-83f88034]{width:3rem;height:3rem;padding:.25rem}.package-cover.active[data-v-83f88034]{background-color:#ddd}.sticker-list[data-v-83f88034]{overflow-y:auto;height:11rem}.sticker-image[data-v-83f88034]{width:5rem;height:5rem;padding:.5rem}.sticker-image button:hover img[data-v-83f88034]{transform:scale(1.1)}.sticker-loading[data-v-83f88034]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chatroom .b-avatar[data-v-5d406a0c]{width:35px;height:35px}.chatroom .chatbox[data-v-5d406a0c]{position:relative;overflow-y:auto;height:100vh;height:calc(var(--vh, 1vh)*100);width:100%}.chatroom .chatbox .chatbox-inner[data-v-5d406a0c]{min-height:100%}.chatroom .typebox[data-v-5d406a0c]{position:sticky;bottom:0;width:100%}.chatroom header[data-v-5d406a0c]{background:linear-gradient(90deg,#1e88e5,#2196f3),#1976d2;color:#fff;min-height:52px;padding-left:.5rem;padding-right:.5rem}.chatroom .chat-back[data-v-5d406a0c]{flex:0 0 auto}.chatroom .chat-title[data-v-5d406a0c]{align-items:center;display:flex;flex:0 1 50%;font-size:1rem;font-weight:700;line-height:1.2;max-width:50%;min-width:0;overflow:hidden;text-align:left}.chatroom .chat-title-avatar[data-v-5d406a0c]{flex:0 0 auto}.chatroom .chat-title-text[data-v-5d406a0c]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom .chat-title-icons[data-v-5d406a0c]{display:inline-flex;flex:0 0 auto;gap:.25rem}.chatroom .chat-title-icons .mdi[data-v-5d406a0c]{font-size:1.1rem;line-height:1;opacity:1;transition:opacity .9s ease}.chatroom .chat-title-icons .mdi.fading[data-v-5d406a0c]{opacity:0}.chatroom .chat-header-actions[data-v-5d406a0c]{align-items:center;display:flex;margin-left:auto}.chatroom .chat-header-actions[data-v-5d406a0c],.chatroom .chat-header-search[data-v-5d406a0c]{flex:1 1 auto;justify-content:flex-end;min-width:0}.chatroom .chat-header-search-input[data-v-5d406a0c]{max-width:160px;min-width:0}.chatroom .chat-toolbar-row+.chat-toolbar-row[data-v-5d406a0c]{margin-top:.25rem}.chatroom .chat-toolbar-row[data-v-5d406a0c]{gap:.75rem}.chatroom .chat-toolbar-row>.btn[data-v-5d406a0c],.chatroom .chat-toolbar-row>.dropdown[data-v-5d406a0c]{flex:1 1 0;margin-right:0!important;min-width:0}.chatroom .chat-toolbar-row>.btn[data-v-5d406a0c],.chatroom .chat-toolbar-row[data-v-5d406a0c] .dropdown-toggle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.chatroom .message-box[data-v-5d406a0c]{margin-right:auto;display:block;width:100%;order:2}.chatroom .message-box .message-wrapper[data-v-5d406a0c]{max-width:80%;display:inline-block}.chatroom .message-box .message-wrapper .message[data-v-5d406a0c]{font-size:1.3rem;background-color:#f4f6f9;border-radius:1rem;border-bottom-left-radius:0}.chatroom .message-box .message-wrapper .message[data-v-5d406a0c] a{color:inherit!important;text-decoration:underline;word-break:break-all}.chatroom .message-box .message-wrapper .message.image[data-v-5d406a0c]{padding:0!important;border-radius:.5rem;overflow:hidden;cursor:pointer;display:grid;grid-template-columns:minmax(0,360px)}.chatroom .message-box .message-wrapper .message.image div[data-v-5d406a0c]{width:100%;height:0;overflow:hidden;padding-top:100%;position:relative}.chatroom .message-box .message-wrapper .message.image div img[data-v-5d406a0c]{position:absolute;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-width:100%;max-height:100%}.chatroom .message-box .message-wrapper .message.image.multiple[data-v-5d406a0c]{grid-template-columns:repeat(2,minmax(0,360px));gap:.5rem;background-color:transparent}.chatroom .message-box .message-wrapper .message.image.multiple .expanded[data-v-5d406a0c]{padding-top:50%;grid-column:span 2}.chatroom .message-box .message-wrapper .message.file[data-v-5d406a0c]{border-radius:1rem!important}.chatroom .message-box .message-wrapper .message.file p[data-v-5d406a0c]{margin:0}.chatroom .message-box .message-wrapper .message.file a[data-v-5d406a0c]{color:inherit;background:transparent;display:flex;align-items:center;text-decoration:none!important}.chatroom .message-box .message-wrapper .message.file a .icon[data-v-5d406a0c]{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;background-color:hsla(0,0%,100%,.25);border-radius:50%;flex-shrink:0}.chatroom .message-box .message-wrapper .message.file a .icon svg[data-v-5d406a0c]{width:2rem;height:2rem;opacity:.75}.chatroom .message-box .message-wrapper .message.sticker[data-v-5d406a0c]{background-color:transparent}.chatroom .message-box .message-wrapper .message.sticker img[data-v-5d406a0c]{width:120px}.chatroom .message-box.owner[data-v-5d406a0c]{align-self:flex-end;text-align:right;margin-left:auto;margin-right:0}.chatroom .message-box.owner .message[data-v-5d406a0c]{font-size:1.3rem;background-color:#2196f3;border-radius:1rem;border-bottom-right-radius:0;color:#fff;text-align:left}.chatroom .message-box.owner .draft-message[data-v-5d406a0c]{background-color:#acd6ff;border-radius:1rem;border-bottom-right-radius:0;color:#fff;text-align:left}.chatroom .textbox[data-v-5d406a0c]{position:relative}.chatroom .textbox .btn.file[data-v-5d406a0c],.chatroom .textbox .btn.send[data-v-5d406a0c]{position:absolute;top:50%;transform:translateY(-50%)}.chatroom .textbox .btn.file[data-v-5d406a0c]{left:0}.chatroom .textbox .message-box[data-v-5d406a0c]{height:calc(45px + 1.25em*(var(--lines) - 1));max-height:calc(45px + 11.25em);line-height:1.25;padding:calc(22.5px - .625em) 45px;overflow:hidden}.chatroom .textbox .btn.send[data-v-5d406a0c]{right:0}.chatroom .unread[data-v-5d406a0c]{left:0;top:-45px;width:100%;text-align:center;opacity:.3}.chatroom .strike[data-v-5d406a0c]{display:flex;flex-direction:row}.chatroom .strike[data-v-5d406a0c]:after,.chatroom .strike[data-v-5d406a0c]:before{content:"";flex:1 1;border-bottom:1px solid #ccc;margin:auto 5px}.chatroom .fetching[data-v-5d406a0c]{position:fixed;top:0;right:0;bottom:0;left:0}.chatroom .read-list[data-v-5d406a0c]{margin:0;margin-right:.5rem;display:flex;justify-content:flex-end}.chatroom .read-list li+li[data-v-5d406a0c]{margin-left:.125rem}.chatroom .typing-list[data-v-5d406a0c]{order:1}.chatroom .loading-spinner[data-v-5d406a0c]{order:3}.chatroom .error-message-box[data-v-5d406a0c]{height:100vh}.chatroom small[data-v-5d406a0c]{font-size:90%}.chatroom .last-message-wrapper[data-v-5d406a0c]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:25rem}.chatroom .download-all[data-v-5d406a0c]{color:#999;font-size:.85em}.chatroom .show-scroll-to-unread-message-btn[data-v-5d406a0c]{transform:rotate(180deg)}.dropdown-toggle-no-caret:after{content:none!important}.dropdown-menu:focus-visible{outline:none}.chat-dnd-swal-container .swal2-popup,.swal2-popup.chat-dnd-swal-container{border:1px solid #666;border-radius:1rem;color:#444;padding:1.25rem 1.5rem 1rem;width:22rem}.chat-dnd-swal-container .swal2-title{color:#444;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.chat-dnd-swal-container .swal2-content{color:#444;font-size:1.15rem}.chat-dnd-swal-container .swal2-actions{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;margin-top:1.25rem}.chat-dnd-swal-container .swal2-styled{border-radius:.5rem;font-size:1rem;padding:.45rem 1rem}.chat-dnd-swal-container .swal2-cancel{background:#fff!important;border:1px solid #ff8f8f!important;color:#e96060!important}.chat-dnd-swal-container .swal2-confirm{background:#3d7fdb!important;color:#fff!important}.chat-dnd-options{display:grid;gap:.75rem;margin:0 auto 1.25rem;max-width:15rem}.chat-dnd-option{align-items:center;background:#fff;border:1px solid #aaa;border-radius:.75rem;color:#444;display:flex;font-size:1.35rem;justify-content:center;line-height:1.2;padding:.55rem 1rem;width:100%}.chat-dnd-option.selected{background:#b9dca9;border-color:#6aad53}.chat-dnd-option-check{font-size:1.4rem;margin-right:.75rem}.chat-dnd-disable-text,.chat-dnd-until{line-height:1.35}.s-pagination[data-v-92029fd6]{display:flex;flex-wrap:wrap;justify-content:center;margin:32px auto 50px}.s-pagination .s-pagination__center[data-v-92029fd6]{line-height:40px;display:flex;align-items:center}.s-pagination .s-pagination__center input[data-v-92029fd6]{background:#fff;border:1px solid #e5e5ea;width:40px;text-align:center}.s-pagination .s-pagination__center span[data-v-92029fd6]{font-size:30px;line-height:36px;text-align:center;color:#e5e5ea;font-family:SF UI Text;font-style:normal;font-weight:400;margin-right:10px;margin-left:10px}.s-pagination[data-v-92029fd6] :not(:last-child){margin-right:12px}.s-pagination li a[data-v-92029fd6]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.125rem;color:var(--s-gray-dark);border:1px solid var(--s-primary);background-color:var(--s-white)}.s-pagination li[disabled] a[data-v-92029fd6]{pointer-events:none;border:1px solid var(--s-gray-light)}[data-v-02fdd798]{--s-primary:#1e88e5;--s-gray-dark:#2c2c2e;--s-gray-light:#c0c4cc;--s-white:#fff}[data-v-02fdd798] .s-pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:32px auto 50px;list-style:none;padding:0}[data-v-02fdd798] .s-pagination .s-pagination__center{line-height:40px;display:flex;align-items:center}[data-v-02fdd798] .s-pagination .s-pagination__center span{font-size:30px;line-height:36px;text-align:center;color:#e5e5ea;font-family:SF UI Text;font-style:normal;font-weight:400;margin-right:10px;margin-left:10px}[data-v-02fdd798] .s-pagination li:not(:last-child){margin-right:12px}[data-v-02fdd798] .s-pagination li{list-style:none}[data-v-02fdd798] .s-pagination li a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.125rem;color:var(--s-gray-dark);border:1px solid var(--s-primary);background-color:var(--s-white);text-decoration:none}[data-v-02fdd798] .s-pagination li[disabled] a{pointer-events:none;border:1px solid var(--s-gray-light)}.pinned[data-v-02fdd798]{position:absolute;top:5px;left:10px;transform:rotate(45deg);z-index:1}.search[data-v-02fdd798]{position:relative}.search input[data-v-02fdd798]{padding-left:45px}.search svg[data-v-02fdd798]{position:absolute;left:18px;top:14px;height:15px}.status-filter[data-v-02fdd798]{flex:0 0 130px;min-width:0}.rooms[data-v-02fdd798]{min-width:375px;width:375px;height:100vh;overflow-y:auto}header[data-v-02fdd798]{background:linear-gradient(90deg,#1e88e5,#2196f3),#1976d2;color:#fff}header h1[data-v-02fdd798]{font-size:24px}.empty[data-v-02fdd798]{padding:20% 35%;text-align:center}.empty-chat[data-v-02fdd798]{width:100%;height:100vh}@media only screen and (max-width:576px){.rooms[data-v-02fdd798]{width:100%;min-width:none}header[data-v-02fdd798]{background:linear-gradient(90deg,#1e88e5,#2196f3),#1976d2;color:#fff}header h1[data-v-02fdd798]{font-size:16px}}