.video-component-wrap[data-v-3c75dc0a]{position:relative;width:100%}.video-component-wrap.fullscreen[data-v-3c75dc0a]{display:flex}.video-component-wrap .video-component-username[data-v-3c75dc0a]{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background-color:rgba(0,0,0,.3);color:#fff;font-size:12px;line-height:1}.video-component-wrap.large .video-component-username[data-v-3c75dc0a]{bottom:4px;left:4px;right:auto;font-size:18px}.video-component-wrap video[data-v-3c75dc0a]{display:block;width:100%}.video-component-wrap.active .vm-overlay[data-v-3c75dc0a]{position:absolute;top:0;bottom:0;left:0;right:0;border:2px solid red}.video-component-wrap.selected .vm-overlay[data-v-3c75dc0a]{position:absolute;top:0;bottom:0;left:0;right:0;border:2px solid #00f}.status-bar[data-v-3c75dc0a]{position:absolute;top:3px;left:3px;color:red}.action-bar[data-v-3c75dc0a]{position:absolute;top:3px;right:3px;display:flex}.action-bar button[data-v-3c75dc0a]{outline:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.2);color:#fff;border-radius:50%;border:0;height:32px;width:32px}.action-bar button[data-v-3c75dc0a]:hover{background:rgba(0,0,0,.5)}.host.vm-video-side[data-v-07ecdaa0]{display:flex;flex-direction:column;justify-content:space-between}.vm-video-side-header[data-v-07ecdaa0]{height:60px;flex:0 0 60px;display:flex;border-bottom:1px solid hsla(0,0%,100%,.8)}.vm-video-side-main[data-v-07ecdaa0]{height:calc(100% - 60px);display:flex}.vm-video-contacts[data-v-07ecdaa0]{width:150px;flex:0 0 150px;display:flex;flex-direction:column;overflow-y:auto}.vm-video-contacts-header[data-v-07ecdaa0]{height:60px;flex:0 0 60px}.vm-video-contacts-content[data-v-07ecdaa0]{height:100%;overflow-y:auto}.vm-video-viewer[data-v-07ecdaa0]{border-left:1px solid hsla(0,0%,100%,.8);flex:auto;display:flex;flex-direction:column;justify-content:space-between}.vm-video-viewer-header[data-v-07ecdaa0]{display:none}.vm-video-viewer-footer[data-v-07ecdaa0]{flex:auto;display:flex;justify-content:center;align-items:center}.vm-video-frame[data-v-07ecdaa0]{display:flex}.vm-video-side img[data-v-07ecdaa0]{display:block;width:100%}[data-v-07ecdaa0]::-webkit-scrollbar{width:10px}[data-v-07ecdaa0]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.3)}[data-v-07ecdaa0]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}[data-v-07ecdaa0]::-webkit-scrollbar-thumb:hover{background:#555}.vm-video-contacts-header[data-v-07ecdaa0]{display:flex;flex-direction:row;align-items:center}.vm-videochat-search-wrap[data-v-07ecdaa0]{padding:12px;padding-left:0;width:240px}.vm-videochat-search[data-v-07ecdaa0]{display:block;border:0;background-color:hsla(0,0%,100%,.1);border-radius:4px;width:100%;color:#fff;padding-left:24px;height:36px;outline:none}.vm-videochat-search[data-v-07ecdaa0]::-moz-placeholder{color:#fff;font-weight:300}.vm-videochat-search[data-v-07ecdaa0]:-ms-input-placeholder{color:#fff;font-weight:300}.vm-videochat-search[data-v-07ecdaa0]::-ms-input-placeholder{color:#fff;font-weight:300}.vm-videochat-search[data-v-07ecdaa0]::placeholder{color:#fff;font-weight:300}.vm-exit-button[data-v-07ecdaa0]{border:0;background-color:transparent;color:#fff;outline:0;height:60px;display:flex;justify-content:center;align-items:center;flex:0 0 60px}.vm-exit-button i[data-v-07ecdaa0]{transform:rotate(180deg);font-size:36px}.vm-video-control-block[data-v-07ecdaa0]{width:100%;padding:24px}.vm-video-range[data-v-07ecdaa0]{display:flex;width:100%;align-items:center}.vm-video-range i[data-v-07ecdaa0]{margin:12px;color:#fff}input[type=range][data-v-07ecdaa0]{outline:0}input[type=range][data-v-07ecdaa0]::-webkit-slider-thumb{background-color:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.3)}.vm-buttons[data-v-07ecdaa0]{display:flex;justify-content:center}.vm-video-side-header[data-v-07ecdaa0]{align-items:center}.vm-video-side-header .vm-buttons[data-v-07ecdaa0]{margin-left:auto}.vm-video-side-header .vm-buttons .vm-action-button[data-v-07ecdaa0]{height:42px;width:42px}.vm-action-button[data-v-07ecdaa0]{outline:0;background-color:hsla(0,0%,100%,.1);color:#fff;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;height:48px;width:48px;margin:6px}.vm-message-image[data-v-aa7b3c6e]{display:flex}.vm-message-image img[data-v-aa7b3c6e]{max-width:100%;max-height:300px}.vm-link-button[data-v-aa7b3c6e]{display:inline;cursor:pointer;background-color:transparent;border:0;padding:0;margin:0;outline:0}.vm-link-button[data-v-aa7b3c6e]:hover{color:#5749cf}.vm-file-block[data-v-aa7b3c6e]{display:flex;padding:6px 0;align-items:center}.vm-download-icon[data-v-aa7b3c6e]{flex:0 0 50px;width:50px;height:50px;background-color:hsla(0,0%,100%,.4);border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center}.vm-download-icon i[data-v-aa7b3c6e]{color:rgba(99,66,209,.7)}.vm-download-name[data-v-aa7b3c6e]{font-weight:600}.list-enter-active[data-v-aa7b3c6e],.list-leave-active[data-v-aa7b3c6e]{transition:all .3s}.list-enter[data-v-aa7b3c6e],.list-leave-to[data-v-aa7b3c6e]{opacity:0;transform:translateY(30px)}.vm-message-wrap[data-v-aa7b3c6e]{display:flex;flex-direction:column}.vm-date[data-v-aa7b3c6e]{font-weight:600;align-self:center;margin-bottom:12px}.vm-message[data-v-aa7b3c6e]{background-color:#e1c9f5;padding:6px;border-radius:6px 12px 12px 6px;align-self:flex-start}.vm-im[data-v-aa7b3c6e]{justify-content:flex-end}.vm-im .vm-message[data-v-aa7b3c6e]{background-color:#cdd8f2;border-radius:12px 6px 6px 12px;align-self:flex-end}.vm-im.vm-start .vm-message[data-v-aa7b3c6e]{border-radius:12px 12px 6px 12px}.vm-im.vm-end.vm-start .vm-message[data-v-aa7b3c6e]{border-radius:12px 12px 0 12px}.vm-im.vm-end .vm-message[data-v-aa7b3c6e]{border-radius:12px 6px 0 12px}.vm-start .vm-message[data-v-aa7b3c6e]{margin-bottom:6px;border-radius:12px 12px 12px 6px}.vm-middle .vm-message[data-v-aa7b3c6e]{margin-bottom:6px}.vm-end .vm-message[data-v-aa7b3c6e]{margin-bottom:12px;border-radius:6px 12px 12px 0}.vm-start.vm-end .vm-message[data-v-aa7b3c6e]{border-radius:12px 12px 12px 0}.vm-message .vm-title[data-v-aa7b3c6e]{font-weight:500;font-size:16px;line-height:1;margin-bottom:6px;color:#491e81}.vm-side-footer[data-v-aa7b3c6e]{border-top:1px solid hsla(0,0%,100%,.3)}.vm-exit-button[data-v-aa7b3c6e]{border:0;background-color:transparent;color:#fff;outline:0;height:60px;display:flex;justify-content:center;align-items:center;flex:0 0 60px}.vm-exit-button i[data-v-aa7b3c6e]{transform:rotate(180deg);font-size:36px}.chat-page[data-v-aa7b3c6e]{height:calc(100vh - 64px);background-color:#fff}.vm-videochat[data-v-aa7b3c6e]{max-width:1248px;padding:24px;margin:auto;height:100%}.vm-videochat-title[data-v-aa7b3c6e]{text-transform:uppercase;font-size:18px;color:#35284d;font-weight:500}.vm-videochat-wrapper[data-v-aa7b3c6e]{display:flex;height:100%;border-radius:4px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.vm-videochat-side[data-v-aa7b3c6e]{max-height:100%;width:300px;background:linear-gradient(180deg,#8c30da,#5c48d4);border-radius:4px 0 0 4px;z-index:1;justify-content:space-between}.vm-side-header[data-v-aa7b3c6e]{height:60px;display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.3)}.vm-videochat-search-wrap[data-v-aa7b3c6e]{padding:12px;padding-left:0;width:100%}.vm-videochat-search[data-v-aa7b3c6e]{display:block;border:0;background-color:hsla(0,0%,100%,.1);border-radius:4px;width:100%;color:#fff;padding-left:24px;height:36px;outline:none}.vm-videochat-search[data-v-aa7b3c6e]::-moz-placeholder{color:#fff;font-weight:300}.vm-videochat-search[data-v-aa7b3c6e]:-ms-input-placeholder{color:#fff;font-weight:300}.vm-videochat-search[data-v-aa7b3c6e]::-ms-input-placeholder{color:#fff;font-weight:300}.vm-videochat-search[data-v-aa7b3c6e]::placeholder{color:#fff;font-weight:300}.vm-contacts[data-v-aa7b3c6e]{overflow-y:auto;height:calc(100% - 60px)}.vm-contact[data-v-aa7b3c6e]{padding-left:12px;display:flex;align-items:center}.vm-contact:last-child .vm-info[data-v-aa7b3c6e]{border-bottom:0}.vm-avatar[data-v-aa7b3c6e]{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:50%;background-color:hsla(0,0%,100%,.4);font-weight:500;font-size:18px;color:#fff}.vm-online-wrap[data-v-aa7b3c6e]{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background-color:#574d80}.vm-online[data-v-aa7b3c6e]{width:16px;height:16px;border-radius:50%;background-color:#7ec662;background-clip:padding-box;border:2px solid transparent}.vm-info[data-v-aa7b3c6e]{flex:auto;border-bottom:1px solid hsla(0,0%,100%,.3);padding:12px;height:60px;box-sizing:content-box}.vm-name[data-v-aa7b3c6e]{font-weight:500;color:#fff}.vm-videochat-content[data-v-aa7b3c6e]{flex:auto;border-radius:0 4px 4px 0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#f2e8fb,#eaeffa)}.vm-videochat-header[data-v-aa7b3c6e]{height:60px;flex:0 0 60px;border-radius:0 4px 0 0;padding:0 24px}.vm-videochat-header-wrapper[data-v-aa7b3c6e]{display:flex;height:100%;align-items:center;padding:0 12px;border-bottom:1px solid rgba(0,0,0,.1)}.vm-videochat-header-action[data-v-aa7b3c6e]{margin-left:auto}.vm-videochat-header button[data-v-aa7b3c6e]{border:0;outline:0;background-color:#5c48d4;display:flex;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px}.vm-videochat-view[data-v-aa7b3c6e]{height:calc(100% - 120px)}.vm-videochat-footer[data-v-aa7b3c6e]{min-height:60px;background-color:#fff;border-radius:0 0 4px 0;display:flex;flex-shrink:0}.vm-videochat-footer .vm-videochat-action[data-v-aa7b3c6e]{width:60px;display:flex;align-items:flex-end}.vm-videochat-enterarea[data-v-aa7b3c6e]{flex:auto;position:relative}.vm-videochat-enterarea label[data-v-aa7b3c6e]{position:absolute;z-index:1;margin:0;padding:0;top:0;left:0;right:0;bottom:0}.vm-text[data-v-aa7b3c6e]{white-space:pre-line}.vm-textarea-wrap[data-v-aa7b3c6e]{display:flex;align-items:center;height:100%}.vm-videochat-footer textarea[data-v-aa7b3c6e]{position:relative;z-index:2;display:block;background-color:transparent;border:0;width:100%;outline:none;resize:none}.vm-videochat-action label[data-v-aa7b3c6e]{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:0;background-color:transparent;transform:rotate(45deg);color:#bebebe;margin:0;padding:0;cursor:pointer}.vm-videochat-action input[data-v-aa7b3c6e]{display:none}.vm-videochat-action button i[data-v-aa7b3c6e]{font-size:36px}.vm-videochat-action label:hover i[data-v-aa7b3c6e]{color:#7a34d5}.vm-time[data-v-aa7b3c6e]{font-size:13px;color:rgba(0,0,0,.6);font-weight:300;display:flex;align-items:center;justify-content:flex-end}.vm-time i[data-v-aa7b3c6e]{font-size:16px;margin-right:4px;color:rgba(86,72,202,.7)}.vm-time i.wait[data-v-aa7b3c6e]{font-size:16px;margin-right:4px;color:rgba(0,0,0,.6)}.vm-attach-file-button[data-v-aa7b3c6e]{outline:0}.vm-scroller[data-v-aa7b3c6e]{height:100%;padding:24px;display:flex}.vm-scroller[data-v-aa7b3c6e] .vue-recycle-scroller__item-wrapper{margin-top:auto}[data-v-aa7b3c6e]::-webkit-scrollbar{width:10px}[data-v-aa7b3c6e]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.3)}[data-v-aa7b3c6e]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}[data-v-aa7b3c6e]::-webkit-scrollbar-thumb:hover{background:#555}.vm-video-side[data-v-aa7b3c6e]{width:800px;height:100%}