@keyframes video-play-start-data-v-491ecd42{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-491ecd42{0%{opacity:1}to{opacity:0}}.invite-modal[data-v-491ecd42] .shopee-modal__header{padding-bottom:40px}.invite-modal-title[data-v-491ecd42]{font-size:20px;color:#333}.invite-modal-btn[data-v-491ecd42]{width:100%;margin-bottom:16px;font-size:18px}@keyframes video-play-start-data-v-34cbb423{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-34cbb423{0%{opacity:1}to{opacity:0}}.video-playing-top-bar-enter-active[data-v-34cbb423]{animation:video-play-start-data-v-34cbb423 .2s linear}.video-playing-top-bar-leave-active[data-v-34cbb423]{animation:video-play-end-data-v-34cbb423 .2s linear}.top-bar-ctn[data-v-34cbb423] .shopee-popover__popper{z-index:99999999!important}.icon-ctn[data-v-34cbb423],.top-bar-ctn[data-v-34cbb423]{display:flex;align-items:center}.stretch[data-v-34cbb423]{position:absolute;right:16px}.stretch[data-v-34cbb423],.stretch[data-v-34cbb423] .shopee-popover__ref,.stretch[data-v-34cbb423] .shopee-tooltip{height:24px}.top-bar-ctn[data-v-34cbb423]{justify-content:space-between;height:48px;padding:8px 0;box-sizing:border-box}.top-bar-ctn .time[data-v-34cbb423]{font-size:18px;color:hsla(0,0%,100%,.45);line-height:24px;padding:8px 0}.top-bar-ctn .share-screen_hint[data-v-34cbb423]{color:#fff;opacity:.85;line-height:20px}.top-bar-ctn .icon-ctn[data-v-34cbb423]{position:relative;margin-left:16px}.top-bar-ctn .icon[data-v-34cbb423]{margin-right:16px;width:24px;height:24px;fill:#fff}.top-bar-ctn .icon.stretch-icon[data-v-34cbb423]{cursor:pointer;fill:#fff;margin-right:0}.full-top[data-v-34cbb423]{height:56px;box-sizing:border-box;padding:16px 0;position:relative;width:100%;box-shadow:none;z-index:9999}.virtual-background-modal .test-video-bg div{border-radius:4px}.virtual-background-modal .test-video-bg,.virtual-background-modal .test-video-bg__prepare{background:#000;width:436px;height:251px;position:relative;border-radius:4px}.virtual-background-modal .test-video-bg .bg-content,.virtual-background-modal .test-video-bg__prepare .bg-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.virtual-background-modal .test-video-bg .bg-content.invalid,.virtual-background-modal .test-video-bg__prepare .bg-content.invalid{display:flex;flex-direction:column;align-items:center}.virtual-background-modal .test-video-bg .bg-content__spin,.virtual-background-modal .test-video-bg__prepare .bg-content__spin{margin-bottom:8px}.virtual-background-modal .test-video-bg .bg-content .invalid-hint,.virtual-background-modal .test-video-bg .bg-content__hint,.virtual-background-modal .test-video-bg__prepare .bg-content .invalid-hint,.virtual-background-modal .test-video-bg__prepare .bg-content__hint{font-size:14px;color:hsla(0,0%,100%,.65);line-height:16px}.virtual-background-modal .test-video-bg .bg-content .icon,.virtual-background-modal .test-video-bg__prepare .bg-content .icon{fill:#ff4742;width:36px;height:36px;margin-bottom:8px}.virtual-background-modal .test-video-bg__prepare{position:absolute;z-index:99}.virtual-background-modal .test-video-valid{width:436px;height:251px;position:relative}.virtual-background-modal__image-ctn{display:flex;flex-wrap:wrap;margin-top:24px}.virtual-background-modal__image-ctn__option{flex:1;border-radius:4px;outline:1px solid rgba(0,0,0,.1)}.virtual-background-modal__image-ctn__option__focus{outline:2px solid #2673dd;border-radius:4px}.virtual-background-modal__image-ctn__option:hover{outline:2px solid #2673dd;cursor:pointer}.virtual-background-modal__image-ctn__inner{position:relative;min-width:100px;min-height:56px}.virtual-background-modal__image-ctn__inner:not(:nth-child(4n+1)){margin-left:12px}.virtual-background-modal__image-ctn__inner:first-child{margin-bottom:12px}.virtual-background-modal__image-ctn__failed,.virtual-background-modal__image-ctn__init{position:absolute;width:100px;height:56px;background:#eee;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px solid rgba(0,0,0,.1);border-radius:4px}.virtual-background-modal__image-ctn__text{font-weight:400;font-size:14px;line-height:20px;margin-top:4px}.virtual-background-modal__image-ctn__icon{width:24px;height:24px}@keyframes video-play-start-data-v-71895aa1{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-71895aa1{0%{opacity:1}to{opacity:0}}.end-interview[data-v-71895aa1]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.end-interview .end-image[data-v-71895aa1]{width:134px;margin-bottom:16px}.end-interview .end-text[data-v-71895aa1]{opacity:.45;font-size:18px;color:#fff;text-align:center;line-height:26px}.end-interview .light-text[data-v-71895aa1]{opacity:.8;font-size:18px;color:#333}@keyframes video-play-start-data-v-253799db{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-253799db{0%{opacity:1}to{opacity:0}}.preparing[data-v-253799db]{width:100%;height:100%;display:flex;align-items:center;position:relative;justify-content:center;flex-direction:column;color:#fff;top:1px;background-color:#0d0e13}.preparing .hint[data-v-253799db]{padding:0 16px;text-align:center;opacity:.65;font-size:12px;margin-bottom:8px}.preparing .start-btn[data-v-253799db]{font-size:18px}.preparing .privacy[data-v-253799db]{font-size:12px;color:hsla(0,0%,100%,.45)}.preparing .privacy .privacy-text[data-v-253799db]{color:#2673dd;text-decoration:none}.preparing .cancel-btn[data-v-253799db]{margin-top:16px;background:transparent;font-size:18px;color:#fff}.preparing .invite-ctn[data-v-253799db]{position:absolute;background:transparent;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.preparing .invite-ctn .hint[data-v-253799db]{padding:0 16px;text-align:center}.full-prepare[data-v-253799db]{justify-content:center;width:100%;height:100%}.full-prepare .hint[data-v-253799db]{padding:0 16px;text-align:center;font-size:18px;margin-bottom:32px}.full-prepare .privacy[data-v-253799db]{font-size:14px}.is-interviewing[data-v-253799db]{background-color:#202124}.is-inviting[data-v-253799db]{background:rgba(0,0,0,.5);top:0}@keyframes video-play-start-data-v-d8ed13de{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-d8ed13de{0%{opacity:1}to{opacity:0}}.service-switch-wrapper[data-v-d8ed13de]{position:relative}.service-switch[data-v-d8ed13de]{opacity:.85}.service-switch .icon-ctn[data-v-d8ed13de]{width:26px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.service-switch .icon-ctn[data-v-d8ed13de]:hover{background:hsla(0,0%,100%,.12);cursor:pointer}.service-switch .icon-ctn .shopee-icon[data-v-d8ed13de]{width:24px;height:24px;fill:hsla(0,0%,100%,.85)}.service-switch .disabled-icon-ctn[data-v-d8ed13de]{cursor:not-allowed}.service-switch .disabled-icon-ctn .icon-ctn[data-v-d8ed13de]:hover{pointer-events:none;background-color:transparent}.service-switch .disabled-icon-ctn[data-v-d8ed13de]:hover{background-color:transparent;cursor:not-allowed}.service-switch .shopee-popper[data-v-d8ed13de]{width:100%;background:#2e2e2e}.full-btn-ctn[data-v-d8ed13de]{width:80px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.full-btn-ctn .button_desc[data-v-d8ed13de]{font-size:12px;line-height:14px;color:hsla(0,0%,100%,.85);max-width:80px}.full-btn-ctn .ellipsis[data-v-d8ed13de]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disabled-ctn[data-v-d8ed13de]{opacity:.5}.switchline-tips[data-v-d8ed13de]{background:#fff;border-radius:4px;padding:12px 16px;position:absolute;color:#333;opacity:1;width:256px;line-height:18px;font-size:14px;box-shadow:0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06);border:1px solid transparent;margin-top:4px;margin-left:-5px;display:flex;align-items:center}.switchline-tips .icon-close[data-v-d8ed13de]{color:#333;width:16px}.switchline-tips[data-v-d8ed13de]:before{top:-5px;margin-left:-5px;position:absolute;width:10px;height:10px;border-style:solid;border-width:0;content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#fff}.switch-full-wrapper .switchline-tips[data-v-d8ed13de]{background:#fff;border-radius:4px;padding:12px 16px;position:absolute;color:#333;opacity:1;width:256px;line-height:18px;font-size:14px;box-shadow:0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06);border:1px solid transparent;margin-top:4px;margin-left:22px;bottom:50px;display:flex}.switch-full-wrapper .switchline-tips .icon-close[data-v-d8ed13de]{color:#333;width:16px}.switch-full-wrapper .switchline-tips[data-v-d8ed13de]:before{bottom:-5px;top:auto;margin-left:-5px;position:absolute;width:10px;height:10px;border-style:solid;border-width:0;content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#fff}@keyframes video-play-start-data-v-596f6c90{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-596f6c90{0%{opacity:1}to{opacity:0}}.video-playing-top-bar-enter-active[data-v-596f6c90]{animation:video-play-start-data-v-596f6c90 .2s linear}.video-playing-top-bar-leave-active[data-v-596f6c90]{animation:video-play-end-data-v-596f6c90 .2s linear}.top-bar-ctn[data-v-596f6c90] .shopee-popover__popper{z-index:99999999!important;width:max-content}.icon-ctn[data-v-596f6c90],.top-bar-ctn[data-v-596f6c90]{display:flex;align-items:center}.stretch[data-v-596f6c90]{position:absolute;right:12px}.stretch[data-v-596f6c90],.stretch[data-v-596f6c90] .shopee-popover__ref,.stretch[data-v-596f6c90] .shopee-tooltip{height:24px}.top-bar-ctn[data-v-596f6c90]{justify-content:space-between;height:48px;box-sizing:border-box;padding:8px 0;z-index:999;position:relative}.top-bar-ctn .time[data-v-596f6c90]{font-size:18px;color:hsla(0,0%,100%,.45);line-height:24px;padding:8px 0}.top-bar-ctn .icon-ctn[data-v-596f6c90]{position:relative;margin-left:16px}.top-bar-ctn .icon[data-v-596f6c90]{margin-right:16px;width:24px;height:24px;fill:#cdced0}.top-bar-ctn .icon.stretch-icon[data-v-596f6c90]{cursor:pointer;fill:#999;margin-right:0}.full-top[data-v-596f6c90]{height:56px;box-sizing:border-box;padding:16px 0;position:relative;width:100%;box-shadow:none;z-index:9999}.device-selector-dropdown_menu,.device-selector-dropdown_menu .shopee-dropdown-menu{background-color:#2d2d2d}.device-selector-dropdown_menu .shopee-dropdown-menu .title{color:hsla(0,0%,100%,.65);font-size:14px;line-height:18px;padding:8px 12px}.device-selector-dropdown_menu .shopee-dropdown-menu .empty{color:hsla(0,0%,100%,.5);font-size:14px;line-height:16px;padding:8px 12px}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-dropdown-item{height:32px;box-sizing:border-box;display:flex}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-dropdown-item:hover{background-color:hsla(0,0%,100%,.12)}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-dropdown-item .shopee-tooltip .shopee-popover__ref{display:flex}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-dropdown-item .shopee-tooltip .shopee-popover__ref .shopee-radio.disabled .shopee-radio__indicator+.shopee-radio__label,.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-radio{color:#fff}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-radio__input:checked+.shopee-radio__indicator{background-color:#91b5f2;border-color:#91b5f2}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-radio__indicator,.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-radio__indicator:before{background-color:#2d2d2d}.device-selector-dropdown_menu .shopee-dropdown-menu .shopee-radio:not(.disabled):hover .shopee-radio__indicator{border-color:#91b5f2}@keyframes video-play-start-data-v-4640abde{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-4640abde{0%{opacity:1}to{opacity:0}}.device-selector-ctn .select-btn[data-v-4640abde]{width:16px;height:32px}.switchline-dropdown{min-width:84px;padding-bottom:8px;opacity:1}.switchline-dropdown__text{color:hsla(0,0%,100%,.65);margin:16px 12px 8px}.switchline-dropdown__radio{margin:0;padding:8px 12px;box-sizing:border-box}.switchline-dropdown__radio .shopee-radio__label{color:#fff}.switchline-dropdown__radio .shopee-radio__input:checked+.shopee-radio__indicator{background-color:#91b5f2;border-color:#91b5f2}.switchline-dropdown__radio:hover{background-color:hsla(0,0%,100%,.12)}.switchline-dropdown__radio:hover .shopee-radio__input:checked+.shopee-radio__indicator{border-color:transparent}.switchline-dropdown__radio .shopee-radio__indicator{background-color:#2d2d2d;border-color:#e5e5e5}.switchline-dropdown__radio .shopee-radio__indicator:before{background-color:#2d2d2d}.switchline-dropdown .shopee-popover__content{padding:0;width:131px}.switchline-dropdown .shopee-radio-group{width:100%}.switchline-dropdown .shopee-radio-group.vertical .shopee-radio:not(:last-child){margin:0}.switchline-dropdown .shopee-radio:not(.disabled,:checked):hover .shopee-radio__indicator{border-color:#e5e5e5}@keyframes video-play-start-data-v-52a4424e{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-52a4424e{0%{opacity:1}to{opacity:0}}@keyframes btn-hangout-wrap-data-v-52a4424e{0%{width:0}to{width:40px}}@keyframes btn-hangout-enter-data-v-52a4424e{0%{opacity:0}33%{opacity:0}to{opacity:1}}@keyframes btn-hangout-leave-data-v-52a4424e{0%{opacity:1}to{opacity:0}}.button-area__normal .video-playing-bottom-hangout-wrap-enter-active[data-v-52a4424e]{animation:btn-hangout-wrap-data-v-52a4424e .2s ease-out}.button-area__normal .video-playing-bottom-hangout-wrap-leave-active[data-v-52a4424e]{animation:btn-hangout-wrap-data-v-52a4424e .2s ease-out;animation-direction:reverse}.button-area__normal .video-playing-bottom-hangout-enter-active[data-v-52a4424e]{animation-name:btn-hangout-enter-data-v-52a4424e;animation-duration:.3s;animation-timing-function:linear}.button-area__normal .video-playing-bottom-hangout-leave-active[data-v-52a4424e]{animation-name:btn-hangout-leave-data-v-52a4424e;animation-duration:.1s;animation-timing-function:linear}.ellipsis[data-v-52a4424e]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-button-area[data-v-52a4424e]{position:absolute;bottom:0;width:100%;border-radius:0 0 4px 4px}.video-button-area[data-v-52a4424e] .shopee-popover__popper{z-index:99999999!important;min-width:auto}.video-button-area[data-v-52a4424e] .shopee-popover__content{word-break:keep-all}.video-button-area .audio-device-selector[data-v-52a4424e],.video-button-area .video-device-selector[data-v-52a4424e]{display:flex;align-items:center;justify-content:center;width:18px;height:32px;line-height:32px;border-radius:4px;cursor:pointer}.video-button-area .audio-device-selector[data-v-52a4424e]:hover,.video-button-area .video-device-selector[data-v-52a4424e]:hover{background:hsla(0,0%,100%,.12)}.video-button-area .icon[data-v-52a4424e]{width:24px;height:24px;cursor:pointer;vertical-align:middle}.video-button-area .disabled-icon[data-v-52a4424e]{fill:#ff4742}.video-button-area .online-icon[data-v-52a4424e]{fill:#999}.video-button-area .button-area__normal[data-v-52a4424e]{display:flex;align-items:center;justify-content:flex-end;background:#0d0e13;box-shadow:0 -1px 0 0 hsla(0,0%,100%,.16);width:100%;line-height:48px;height:48px;box-sizing:border-box;padding:8px 16px;z-index:999;border-radius:0 0 4px 4px;position:relative}.video-button-area .button-area__normal .btn-group-left[data-v-52a4424e]{display:flex;align-items:center;justify-content:center}.video-button-area .button-area__normal .audio-btn-ctn[data-v-52a4424e],.video-button-area .button-area__normal .video-btn-ctn[data-v-52a4424e]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px}.video-button-area .button-area__normal .audio-btn-ctn[data-v-52a4424e]:hover,.video-button-area .button-area__normal .video-btn-ctn[data-v-52a4424e]:hover{background:hsla(0,0%,100%,.12)}.video-button-area .button-area__normal .audio-btn-ctn[data-v-52a4424e] .shopee-popover__ref,.video-button-area .button-area__normal .audio-btn-ctn[data-v-52a4424e] .shopee-tooltip,.video-button-area .button-area__normal .video-btn-ctn[data-v-52a4424e] .shopee-popover__ref,.video-button-area .button-area__normal .video-btn-ctn[data-v-52a4424e] .shopee-tooltip{width:24px;height:24px}.video-button-area .button-area__normal .audio-btn-ctn[data-v-52a4424e] .shopee-popover__ref,.video-button-area .button-area__normal .video-btn-ctn[data-v-52a4424e] .shopee-popover__ref{display:flex;align-items:center}.video-button-area .button-area__normal .video-btn-ctn[data-v-52a4424e]{margin-left:16px}.video-button-area .button-area__normal .hangout-wrap[data-v-52a4424e]{height:1px;width:40px;opacity:0}.video-button-area .button-area__normal .online-ctn[data-v-52a4424e]{position:absolute;right:16px;cursor:pointer;z-index:9;display:flex;align-items:center}.video-button-area .button-area__normal .online-ctn[data-v-52a4424e] .shopee-popover__ref,.video-button-area .button-area__normal .online-ctn[data-v-52a4424e] .shopee-tooltip{width:24px;height:24px}.video-button-area .button-area__normal .online-ctn[data-v-52a4424e] .shopee-popover__ref{display:flex;align-items:center}.video-button-area .button-area__normal .online-ctn .shopee-icon[data-v-52a4424e]{width:24px;height:24px}.video-button-area .button-area__normal .virtual-background-btn[data-v-52a4424e]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px;position:relative;margin-left:16px}.video-button-area .button-area__normal .virtual-background-btn[data-v-52a4424e] .shopee-popover__ref,.video-button-area .button-area__normal .virtual-background-btn[data-v-52a4424e] .shopee-tooltip{width:24px;height:32px}.video-button-area .button-area__normal .virtual-background-btn[data-v-52a4424e] .shopee-icon{width:24px;height:24px}.video-button-area .button-area__normal .disable-bg-btn .virtual-background-btn__icon-ctn[data-v-52a4424e]{cursor:not-allowed}.video-button-area .button-area__normal .disable-bg-btn .virtual-background-btn__icon-ctn .icon[data-v-52a4424e]{pointer-events:none;opacity:.5}.video-button-area .button-area__full[data-v-52a4424e]{display:flex;justify-content:center;align-items:flex-end;box-shadow:none;z-index:99;padding:0;box-sizing:border-box;margin-bottom:6px}.video-button-area .button-area__full .button_desc[data-v-52a4424e]{font-size:12px;line-height:14px;color:hsla(0,0%,100%,.85);max-width:80px}.video-button-area .button-area__full .full-audio-btn-desc[data-v-52a4424e],.video-button-area .button-area__full .full-video-btn-desc[data-v-52a4424e]{margin-left:-18px}.video-button-area .button-area__full .virtual-background-btn-ctn[data-v-52a4424e]{display:flex;flex-direction:column;align-items:center;width:80px}.video-button-area .button-area__full .virtual-background-btn-ctn .virtual-background-btn__icon-ctn[data-v-52a4424e]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px}.video-button-area .button-area__full .virtual-background-btn-ctn .virtual-background-btn__icon-ctn[data-v-52a4424e]:hover{background:hsla(0,0%,100%,.12)}.video-button-area .button-area__full .virtual-background-btn-ctn .virtual-background-btn__icon-ctn .icon[data-v-52a4424e]{width:24px;height:24px;position:relative}.video-button-area .button-area__full .buttons-group[data-v-52a4424e]{display:flex;z-index:99;background:transparent;align-items:center}.video-button-area .button-area__full .buttons-group .button-ctn[data-v-52a4424e]{display:flex;flex-direction:column;align-items:center;width:80px;margin-left:8px}.video-button-area .button-area__full .buttons-group .button-ctn .full-audio-btn-ctn[data-v-52a4424e],.video-button-area .button-area__full .buttons-group .button-ctn .full-video-btn-ctn[data-v-52a4424e]{display:flex;align-items:center}.video-button-area .button-area__full .buttons-group .button-ctn .full-audio-btn-ctn .icon-ctn[data-v-52a4424e],.video-button-area .button-area__full .buttons-group .button-ctn .full-video-btn-ctn .icon-ctn[data-v-52a4424e]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px}.video-button-area .button-area__full .buttons-group .button-ctn .full-audio-btn-ctn .icon-ctn[data-v-52a4424e]:hover,.video-button-area .button-area__full .buttons-group .button-ctn .full-video-btn-ctn .icon-ctn[data-v-52a4424e]:hover{background:hsla(0,0%,100%,.12)}.video-button-area .button-area__full .buttons-group .button-ctn .icon-ctn[data-v-52a4424e]{width:24px;height:24px;position:relative}.video-button-area .button-area__full .buttons-group .button-ctn .hang-out[data-v-52a4424e]{height:32px;line-height:32px}.video-button-area .button-area__full .buttons-group .button-ctn .hang-out .icon[data-v-52a4424e]{width:24px;height:24px}.video-button-area .button-area__full .buttons-group .button-split[data-v-52a4424e]{width:32px;height:46px;position:relative}.video-button-area .button-area__full .buttons-group .button-split[data-v-52a4424e]:after{content:"";position:absolute;height:32px;width:1px;background:hsla(0,0%,100%,.3);left:16px;top:7px}.video-button-area .button-area__full .buttons-group .disable-bg-btn[data-v-52a4424e]{opacity:.5}.video-button-area .button-area__full .buttons-group .disable-bg-btn .virtual-background-btn__icon-ctn[data-v-52a4424e]{cursor:not-allowed}.video-button-area .button-area__full .buttons-group .disable-bg-btn .virtual-background-btn__icon-ctn .icon[data-v-52a4424e]{pointer-events:none}.video-button-area .button-area__full .buttons-group .disable-bg-btn .virtual-background-btn__icon-ctn[data-v-52a4424e]:hover{background-color:transparent}.video-button-area .button-area__full .menu-ctn[data-v-52a4424e]{display:flex;align-items:center;height:46px}.video-button-area .button-area__full .menu-ctn .menu-item[data-v-52a4424e]{display:flex;flex-direction:column;align-items:center;width:80px}.video-button-area .button-area__full .menu-ctn .menu-item[data-v-52a4424e] .shopee-popover__ref,.video-button-area .button-area__full .menu-ctn .menu-item[data-v-52a4424e] .shopee-tooltip{height:32px}.video-button-area .button-area__full .menu-ctn .menu-item+.menu-item[data-v-52a4424e]{margin-left:8px}.video-button-area .button-area__full .menu-ctn .menu-item__icon[data-v-52a4424e]{display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;width:26px;height:32px}.video-button-area .button-area__full .menu-ctn .menu-item__icon[data-v-52a4424e]:hover{background:hsla(0,0%,100%,.12)}.video-button-area .button-area__full .menu-ctn .menu-item__icon .menu-icon[data-v-52a4424e]{width:24px;height:24px}.video-button-area .button-area__full .menu-ctn .menu-layer[data-v-52a4424e]{position:relative;padding:0;margin-left:8px}.video-button-area .button-area__full .menu-ctn .menu-layer__btn[data-v-52a4424e]{display:flex;flex-direction:column;align-items:center}@keyframes video-play-start-data-v-554a8608{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-554a8608{0%{opacity:1}to{opacity:0}}@keyframes btn-hangout-wrap-data-v-554a8608{0%{width:0}to{width:40px}}.video-playing-bottom-hangout-wrap-enter-active[data-v-554a8608]{animation:btn-hangout-wrap-data-v-554a8608 .2s ease-out}.video-playing-bottom-hangout-wrap-leave-active[data-v-554a8608]{animation:btn-hangout-wrap-data-v-554a8608 .2s ease-out;animation-direction:reverse}@keyframes btn-hangout-enter-data-v-554a8608{0%{opacity:0}33%{opacity:0}to{opacity:1}}@keyframes btn-hangout-leave-data-v-554a8608{0%{opacity:1}to{opacity:0}}.video-playing-bottom-hangout-enter-active[data-v-554a8608]{animation-name:btn-hangout-enter-data-v-554a8608;animation-duration:.3s;animation-timing-function:linear}.video-playing-bottom-hangout-leave-active[data-v-554a8608]{animation-name:btn-hangout-leave-data-v-554a8608;animation-duration:.1s;animation-timing-function:linear}.ellipsis[data-v-554a8608]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-button-area[data-v-554a8608] .shopee-popover__popper{z-index:99999999!important;min-width:auto}.video-button-area[data-v-554a8608] .shopee-popover__content{word-break:keep-all}.full-left-area[data-v-554a8608],.left-area[data-v-554a8608],.video-button-area[data-v-554a8608]{display:flex;align-items:center}.full-left-area[data-v-554a8608]{position:absolute;left:23px;bottom:26px}.audio-device-selector[data-v-554a8608],.video-device-selector[data-v-554a8608]{display:flex;align-items:center;justify-content:center;width:18px;height:32px;line-height:32px;border-radius:4px;cursor:pointer}.audio-device-selector[data-v-554a8608]:hover,.video-device-selector[data-v-554a8608]:hover{background:hsla(0,0%,100%,.12)}.video-button-area[data-v-554a8608]{justify-content:space-between;background:#0d0e13;box-shadow:0 -1px 0 0 hsla(0,0%,100%,.1);width:100%;height:32px;padding:8px 16px;z-index:99}.video-button-area .icon[data-v-554a8608]{width:24px;height:24px;cursor:pointer;vertical-align:middle}.video-button-area .green-icon[data-v-554a8608]{height:24px;position:absolute;top:5px;fill:#31b665}.video-button-area .disabled-icon[data-v-554a8608]{fill:#ff4742}.video-button-area .online-icon[data-v-554a8608]{fill:#999}.video-button-area .right-area[data-v-554a8608]{display:flex;align-items:center}.video-button-area .right-area .btn-group-left[data-v-554a8608]{display:flex;align-items:center;justify-content:center}.video-button-area .right-area .audio-btn-ctn[data-v-554a8608],.video-button-area .right-area .video-btn-ctn[data-v-554a8608]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px;position:relative}.video-button-area .right-area .audio-btn-ctn[data-v-554a8608]:hover,.video-button-area .right-area .video-btn-ctn[data-v-554a8608]:hover{background:hsla(0,0%,100%,.12)}.video-button-area .right-area .audio-btn-ctn[data-v-554a8608] .shopee-popover__ref,.video-button-area .right-area .audio-btn-ctn[data-v-554a8608] .shopee-tooltip,.video-button-area .right-area .video-btn-ctn[data-v-554a8608] .shopee-popover__ref,.video-button-area .right-area .video-btn-ctn[data-v-554a8608] .shopee-tooltip{width:24px;height:32px}.video-button-area .right-area .video-btn-ctn[data-v-554a8608]{margin-left:16px}.video-button-area .right-area .hangout-wrap[data-v-554a8608]{height:1px;width:40px;opacity:0}.video-button-area .right-area .online-ctn[data-v-554a8608]{position:absolute;right:16px;cursor:pointer;z-index:9;display:flex;align-items:center}.video-button-area .right-area .online-ctn .shopee-icon[data-v-554a8608],.video-button-area .right-area .online-ctn[data-v-554a8608] .shopee-popover__ref,.video-button-area .right-area .online-ctn[data-v-554a8608] .shopee-tooltip{width:24px;height:24px}.video-button-area .right-area .virtual-background-btn[data-v-554a8608]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px;position:relative;margin-left:16px}.video-button-area .right-area .virtual-background-btn[data-v-554a8608] .shopee-popover__ref,.video-button-area .right-area .virtual-background-btn[data-v-554a8608] .shopee-tooltip{width:24px;height:32px}.video-button-area .right-area .virtual-background-btn[data-v-554a8608] .shopee-icon{width:24px;height:24px}.video-button-area .right-area .disable-bg-btn .virtual-background-btn__icon-ctn[data-v-554a8608]{cursor:not-allowed}.video-button-area .right-area .disable-bg-btn .virtual-background-btn__icon-ctn .icon[data-v-554a8608]{pointer-events:none;opacity:.5}.full-screen-button[data-v-554a8608]{justify-content:center;align-items:flex-end;box-shadow:none;z-index:99;padding:0}.full-screen-button .button_desc[data-v-554a8608]{font-size:12px;line-height:14px;color:hsla(0,0%,100%,.85);max-width:80px}.full-screen-button .full-audio-btn-desc[data-v-554a8608],.full-screen-button .full-video-btn-desc[data-v-554a8608]{margin-left:-18px}.full-screen-button .full-ctn[data-v-554a8608]{z-index:99;background:transparent;margin-bottom:6px}.full-screen-button .full-ctn .full-op-ctn[data-v-554a8608],.full-screen-button .full-ctn[data-v-554a8608]{display:flex;align-items:center}.full-screen-button .full-ctn .full-op-ctn .virtual-background-btn-ctn[data-v-554a8608]{display:flex;flex-direction:column;align-items:center;width:80px}.full-screen-button .full-ctn .full-op-ctn .virtual-background-btn-ctn .virtual-background-btn__icon-ctn[data-v-554a8608]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px}.full-screen-button .full-ctn .full-op-ctn .virtual-background-btn-ctn .virtual-background-btn__icon-ctn[data-v-554a8608]:hover{background:hsla(0,0%,100%,.12)}.full-screen-button .full-ctn .full-op-ctn .virtual-background-btn-ctn .virtual-background-btn__icon-ctn .icon[data-v-554a8608]{width:24px;height:24px;position:relative}.full-screen-button .full-ctn .full-op-ctn .button-ctn[data-v-554a8608]{display:flex;flex-direction:column;align-items:center;width:80px;margin-left:8px}.full-screen-button .full-ctn .full-op-ctn .button-ctn .full-audio-btn-ctn[data-v-554a8608],.full-screen-button .full-ctn .full-op-ctn .button-ctn .full-video-btn-ctn[data-v-554a8608]{display:flex;align-items:center;position:relative}.full-screen-button .full-ctn .full-op-ctn .button-ctn .full-audio-btn-ctn .icon-ctn[data-v-554a8608],.full-screen-button .full-ctn .full-op-ctn .button-ctn .full-video-btn-ctn .icon-ctn[data-v-554a8608]{display:flex;align-items:center;justify-content:center;width:26px;height:32px;line-height:32px;border-radius:4px}.full-screen-button .full-ctn .full-op-ctn .button-ctn .full-audio-btn-ctn .icon-ctn[data-v-554a8608]:hover,.full-screen-button .full-ctn .full-op-ctn .button-ctn .full-video-btn-ctn .icon-ctn[data-v-554a8608]:hover{background:hsla(0,0%,100%,.12)}.full-screen-button .full-ctn .full-op-ctn .button-ctn .icon-ctn[data-v-554a8608]{width:24px;height:24px;position:relative}.full-screen-button .full-ctn .full-op-ctn .button-ctn .hang-out[data-v-554a8608]{height:32px;line-height:32px}.full-screen-button .full-ctn .full-op-ctn .button-ctn .hang-out .icon[data-v-554a8608]{width:24px;height:24px}.full-screen-button .full-ctn .full-op-ctn .button-split[data-v-554a8608]{width:32px;height:46px;position:relative}.full-screen-button .full-ctn .full-op-ctn .button-split[data-v-554a8608]:after{content:"";position:absolute;height:32px;width:1px;background:hsla(0,0%,100%,.3);left:16px;top:7px}.full-screen-button .full-ctn .full-op-ctn .disable-bg-btn[data-v-554a8608]{opacity:.5}.full-screen-button .full-ctn .full-op-ctn .disable-bg-btn .virtual-background-btn__icon-ctn[data-v-554a8608]{cursor:not-allowed}.full-screen-button .full-ctn .full-op-ctn .disable-bg-btn .virtual-background-btn__icon-ctn .icon[data-v-554a8608]{pointer-events:none}.full-screen-button .full-ctn .full-op-ctn .disable-bg-btn .virtual-background-btn__icon-ctn[data-v-554a8608]:hover{background-color:transparent}.full-screen-button .full-ctn .menu-ctn[data-v-554a8608]{display:flex;align-items:center;height:46px}.full-screen-button .full-ctn .menu-ctn .menu-item[data-v-554a8608]{display:flex;flex-direction:column;align-items:center;width:80px}.full-screen-button .full-ctn .menu-ctn .menu-item[data-v-554a8608] .shopee-popover__ref,.full-screen-button .full-ctn .menu-ctn .menu-item[data-v-554a8608] .shopee-tooltip{height:32px}.full-screen-button .full-ctn .menu-ctn .menu-item+.menu-item[data-v-554a8608]{margin-left:8px}.full-screen-button .full-ctn .menu-ctn .menu-item__icon[data-v-554a8608]{display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;width:26px;height:32px}.full-screen-button .full-ctn .menu-ctn .menu-item__icon[data-v-554a8608]:hover{background:hsla(0,0%,100%,.12)}.full-screen-button .full-ctn .menu-ctn .menu-item__icon .menu-icon[data-v-554a8608]{width:24px;height:24px}.full-screen-button .full-ctn .menu-ctn .menu-layer[data-v-554a8608]{position:relative;padding:0;margin-left:8px}.full-screen-button .full-ctn .menu-ctn .menu-layer__btn[data-v-554a8608]{display:flex;flex-direction:column;align-items:center}.menu-layer__dropdown-popper,.menu-layer__dropdown-popper .shopee-dropdown-menu{background:#2d2d2d}.menu-layer__dropdown-popper .shopee-dropdown-menu .shopee-dropdown-item .menu-layer__item{display:flex;align-items:center;height:16px}.menu-layer__dropdown-popper .shopee-dropdown-menu .shopee-dropdown-item .menu-layer__item_icon{width:16px;height:16px;margin-right:8px}.menu-layer__dropdown-popper .shopee-dropdown-menu .shopee-dropdown-item .menu-layer__item_desc{font-size:14px;line-height:16px;color:#fff}@keyframes video-play-start-data-v-11eff910{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-11eff910{0%{opacity:1}to{opacity:0}}.ellipsis[data-v-11eff910]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-base[data-v-11eff910],.video-ref[data-v-11eff910]{width:100%;height:100%;position:relative;border-radius:4px}.video-base.is-full.is-volume-max[data-v-11eff910]:before{content:"";position:absolute;left:-4px;right:-4px;top:-4px;bottom:-4px;border:4px solid #5c7;border-radius:8px}.video-base.is-full .bottom-info[data-v-11eff910]{max-width:calc(100% - 120px)}.video-base.is-full .video-muted .user-name.full-large-size[data-v-11eff910]{left:120px;right:120px}.video-base.is-small .bottom-info[data-v-11eff910]{max-width:calc(100% - 8px)}.video-base.is-small .video-muted .user-name[data-v-11eff910]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;left:8px;right:8px;line-height:24px;font-weight:400}.video-base.is-self[data-v-11eff910] video{transform:rotateY(180deg)}.video-base.is-volume-max[data-v-11eff910]:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:4px solid #5c7;border-radius:4px}.video-ref[data-v-11eff910]{overflow:hidden;background:#202124}.video-ref[data-v-11eff910] div,.video-ref[data-v-11eff910] video{background:#202124!important}.video-loading[data-v-11eff910]{width:100%;height:100%;z-index:9;background:rgba(0,0,0,.5)}.video-loading[data-v-11eff910],.video-muted[data-v-11eff910]{position:absolute;left:0;right:0;top:0;bottom:0}.video-muted[data-v-11eff910]{background:#202124;z-index:998}.video-muted .user-name[data-v-11eff910]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:absolute;top:50%;transform:translateY(-50%);left:24px;right:24px;text-align:center;font-size:18px;line-height:20px;font-weight:500;color:hsla(0,0%,100%,.85);z-index:999}.audio-icon-ctn[data-v-11eff910]{position:absolute;left:4px;top:4px;border-radius:50%;background:rgba(40,44,52,.8);width:24px;height:24px;box-sizing:border-box;padding:3px;z-index:999}.audio-icon-ctn[data-v-11eff910] .shopee-popover__ref,.audio-icon-ctn[data-v-11eff910] .shopee-tooltip{height:18px}.audio-icon-ctn .icon[data-v-11eff910]{width:18px;height:18px;fill:#e5e5e5}.audio-icon-ctn .icon.green-icon[data-v-11eff910]{position:absolute;fill:#31b665}.bottom-info[data-v-11eff910]{position:absolute;bottom:0;z-index:999;display:flex;max-width:calc(100% - 24px);background:rgba(40,44,52,.8);border-radius:0 4px 0 4px;padding:1px 4px;height:18px;box-sizing:border-box}.bottom-info[data-v-11eff910] .shopee-popover__ref,.bottom-info[data-v-11eff910] .shopee-tooltip{height:16px}.bottom-info .role-icon[data-v-11eff910]{width:16px;height:16px}.bottom-info .self-desc[data-v-11eff910],.bottom-info .user-desc[data-v-11eff910]{color:#fff;font-size:12px;line-height:16px;padding-left:4px}.video-base,.video-ref{width:100%;height:100%;border-radius:4px;position:relative}.ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-base.is-full .bottom-info{max-width:calc(100% - 120px)}.video-base.is-full .video-muted .user-name.full-large-size{left:120px;right:120px}.video-base.is-small .bottom-info{max-width:calc(100% - 8px)}.video-base.is-small .video-muted .user-name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;left:8px;right:8px;line-height:24px;font-weight:400}.video-base.is-self ::v-deep video{transform:rotateY(180deg)}.video-ref{overflow:hidden;background:#202124}.video-ref ::v-deep div,.video-ref ::v-deep video{background:#202124!important}.video-muted{position:absolute;top:0;left:0;right:0;bottom:0;background:#202124;z-index:998}.video-muted .user-name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:absolute;top:50%;transform:translateY(-50%);left:24px;right:24px;text-align:center;font-size:18px;line-height:20px;font-weight:500;color:hsla(0,0%,100%,.85);z-index:999}.video-loading{left:0;right:0;top:0;bottom:0;height:100%;z-index:9;background:rgba(0,0,0,.5)}.expand-ctn,.video-loading{position:absolute;width:100%}.expand-ctn{display:flex;justify-content:space-between;align-items:center;padding:10px 0;z-index:999}.expand-ctn .icon-ctn{width:24px;height:24px;flex:0 0 24px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:10px;cursor:pointer}.expand-ctn .icon-ctn .collapse-icon{margin:0;fill:#2c3038}.expand-ctn .expand-text{color:#fff;margin-left:10px}.expand-ctn .collapsed-full-small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:184px}.collapsed-ctn{background:rgba(40,44,52,.5);border-radius:4px}.collapsed-ctn .collapsed-icon{background:#2c3038;fill:#fff}.collapsed-ctn .collapsed-icon .collapse-icon{fill:#cdced0}.collapsed-video{visibility:hidden}.audio-icon-ctn{position:absolute;left:4px;top:4px;border-radius:50%;background:rgba(40,44,52,.8);width:24px;height:24px;box-sizing:border-box;padding:3px;z-index:999}.audio-icon-ctn .icon{width:18px;height:18px;fill:#e5e5e5}.audio-icon-ctn .icon.green-icon{position:absolute;fill:#31b665}.bottom-info{position:absolute;bottom:0;z-index:999;display:flex;max-width:calc(100% - 24px);background:rgba(40,44,52,.8);border-radius:0 4px 0 4px;padding:1px 4px;height:18px;box-sizing:border-box}.bottom-info ::v-deep .shopee-popover__ref,.bottom-info ::v-deep .shopee-tooltip{height:16px}.bottom-info .role-icon{width:16px;height:16px}.bottom-info .self-desc,.bottom-info .user-desc{color:#fff;font-size:12px;line-height:16px;padding-left:4px}.bottom-info-large{max-width:calc(100% - 146px)}.bottom-info-full-large{max-width:calc(100% - 120px)}.bottom-info-full-small{max-width:calc(100% - 24px)}.bottom-info-small{max-width:calc(100% - 8px)}@keyframes video-play-start-data-v-397068be{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-397068be{0%{opacity:1}to{opacity:0}}.end-interview[data-v-397068be]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.end-interview .end-image[data-v-397068be]{width:134px;height:100px;margin-bottom:8px}.end-interview .end-image.is-full[data-v-397068be]{width:240px;height:180px;margin-bottom:24px}.end-interview .end-text[data-v-397068be]{opacity:.65;font-size:12px;color:#fff;text-align:center;line-height:18px}.end-interview .end-text.is-full[data-v-397068be]{opacity:.45;font-size:20px;line-height:22px}@keyframes video-play-start-data-v-a8eb12a0{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-a8eb12a0{0%{opacity:1}to{opacity:0}}.video[data-v-a8eb12a0]{position:relative;width:360px;height:298px}.video .container[data-v-a8eb12a0]{background-color:#0d0e13;width:100%;height:100%;position:relative;border-radius:4px}.video .container .button-area[data-v-a8eb12a0]{position:absolute;bottom:0;width:calc(100% - 32px);border-radius:0 0 4px 4px}.video .container .video-ctn[data-v-a8eb12a0]{height:202px;position:relative;z-index:99}.video .container .video-ctn .video-switching[data-v-a8eb12a0]{position:absolute;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;z-index:999999;background:#202124}.video .container .video-ctn .preparing-ctn[data-v-a8eb12a0]{z-index:9;width:100%;height:100%;position:absolute}.video .container .video-ctn .video-big-ctn[data-v-a8eb12a0]{width:360px;height:202px}.video .container .video-ctn .video-big-ctn[data-v-a8eb12a0] .preparing-ctn .name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:280px;font-size:20px;font-weight:500;color:#fff;line-height:24px;text-align:center}.video .container .video-ctn .video-small-ctn[data-v-a8eb12a0]{width:120px;height:68px;position:absolute;right:4px;bottom:4px;z-index:9999;background:#0d0e13;transform:translateZ(1px);-moz-transform:translateZ(1px);-webkit-transform:translateZ(1px);will-change:transform;-moz-will-change:transform;-webkit-will-change:transform;border:1px solid #fff;border-radius:4px}.video .container .video-ctn .video-small-ctn[data-v-a8eb12a0] .preparing-ctn .name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:104px;font-size:18px;font-weight:400;color:#fff;line-height:24px;text-align:center}.video .container .video-ctn .is-self-video[data-v-a8eb12a0]{overflow:hidden}.video .container .video-ctn .is-self-video[data-v-a8eb12a0] video{transform:rotateY(180deg)}.video .container .remote-video-ctn[data-v-a8eb12a0] .muted{background:rgba(40,44,52,.7);visibility:visible!important;border-radius:0 4px 4px 0}.video .hide-video[data-v-a8eb12a0]{visibility:hidden}.video .interview-bar[data-v-a8eb12a0] .icon,.video .interview-bar[data-v-a8eb12a0] .icon.stretch-icon{fill:#9c9fa3}.full-video[data-v-a8eb12a0]{width:calc(100% - 360px);height:calc(100vh - 56px);min-height:544px;position:absolute;left:0}.full-video .container[data-v-a8eb12a0]{border-radius:0}.full-video .container .video-ctn[data-v-a8eb12a0]{position:relative;height:calc(100vh - 186px);min-height:414px;z-index:99;justify-content:center;display:flex;align-items:center}.full-video .container .video-ctn .video-big-ctn[data-v-a8eb12a0]{width:100%;height:100%}.full-video .container .video-ctn .video-small-ctn[data-v-a8eb12a0]{width:240px;height:136px;z-index:99999;bottom:24px;right:16px}.full-video .container .video-ctn .collapse-small[data-v-a8eb12a0]{border:none;height:48px;background:transparent}.full-video .container .video-ctn .collapse-bg[data-v-a8eb12a0]{border:none}.full-video .container .video-ctn .collapse-bg .preparing-ctn[data-v-a8eb12a0],.full-video .container .video-ctn .collapse-bg[data-v-a8eb12a0] .small-muted-ctn{visibility:hidden!important}.full-video .container .button-area[data-v-a8eb12a0]{height:74px;width:100%;background:transparent}.hide[data-v-a8eb12a0]{visibility:hidden}.video-user.video-no-transform[data-v-a8eb12a0]{transform:none!important;-webkit-transform:none!important}@keyframes video-play-start-data-v-11b9c9c1{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-11b9c9c1{0%{opacity:1}to{opacity:0}}.video-playing-enter-active[data-v-11b9c9c1]{animation:video-play-start-data-v-11b9c9c1 .3s linear}.video-playing-leave-active[data-v-11b9c9c1]{animation:video-play-end-data-v-11b9c9c1 .3s linear}.video-playing-leave-active.video-list[data-v-11b9c9c1]{animation:none;display:none}.video-playing-leave-active.prepare-scene[data-v-11b9c9c1]{width:344px}.video-playing-leave.video-list[data-v-11b9c9c1]{animation:none;display:none}.video-playing-leave.prepare-scene[data-v-11b9c9c1]{width:344px}.prepare-scene[data-v-11b9c9c1]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.prepare-scene .hint[data-v-11b9c9c1]{color:hsla(0,0%,100%,.65);font-size:14px;line-height:16px;text-align:center}.prepare-scene .start-btn[data-v-11b9c9c1]{margin-top:16px;width:200px}.prepare-scene .start-btn.loading[data-v-11b9c9c1]{cursor:not-allowed}.video-normal-transition[data-v-11b9c9c1]{transition-property:height,min-height;transition-duration:.3s;transition-timing-function:cubic-bezier(.37,0,.63,1)}.video[data-v-11b9c9c1]{position:relative;width:360px;height:298px;background-color:#0d0e13;box-sizing:border-box;border-radius:4px}.video.video-playing[data-v-11b9c9c1]{height:calc(100vh - 160px);min-height:440px}.video.video-playing .interview-user-video-ctn[data-v-11b9c9c1]{padding:8px;box-sizing:border-box;height:calc(100% - 96px);overflow:hidden}.video.video-playing .interview-user-video-ctn.can-scroll[data-v-11b9c9c1]{scrollbar-color:hsla(0,0%,100%,.3) #232428;scrollbar-width:6px;overflow-y:scroll;overflow-x:overlay}.video.video-playing .interview-user-video-ctn.can-scroll[data-v-11b9c9c1]::-webkit-scrollbar{width:6px;height:0;background-color:#232428}.video.video-playing .interview-user-video-ctn.can-scroll[data-v-11b9c9c1]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3)}.video.video-playing .interview-user-video-ctn.can-scroll .video-list[data-v-11b9c9c1]{margin-bottom:-4px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;width:344px}.video.video-playing .interview-user-video-ctn.can-scroll .video-list .video-user[data-v-11b9c9c1]{width:170px;height:96px;border-radius:4px;margin-bottom:4px;box-sizing:border-box}.video.video-playing .interview-user-video-ctn.can-scroll .video-list .video-user[data-v-11b9c9c1]:nth-of-type(2n){margin-left:4px}.video.video-playing .interview-user-video-ctn.no-scroll[data-v-11b9c9c1]{overflow:hidden}.video.video-playing .interview-user-video-ctn.no-scroll .video-list .video-user[data-v-11b9c9c1]{width:344px;height:196px;border-radius:4px}.video.video-playing .interview-user-video-ctn.no-scroll .video-list .video-user+.video-user[data-v-11b9c9c1]{margin-top:8px}.video .interview-user-video-ctn[data-v-11b9c9c1]{height:calc(100% - 96px);position:relative;z-index:99}.full-video[data-v-11b9c9c1]{width:calc(100% - 360px);height:calc(100vh - 56px);min-height:544px;position:absolute;left:0;bottom:0;background-color:#0d0e13;box-sizing:border-box}.full-video .interview-user-video-ctn[data-v-11b9c9c1]{position:absolute;height:calc(100vh - 186px);min-height:414px;width:100%;box-sizing:border-box;top:56px;bottom:74px;left:0;z-index:99;padding:16px 16px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.full-video .interview-user-video-ctn .video-list[data-v-11b9c9c1]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-left:-8px;margin-bottom:-8px}.full-video .interview-user-video-ctn .video-list .video-user[data-v-11b9c9c1]{margin-bottom:8px;margin-left:8px}@keyframes video-play-start-data-v-3407b4ec{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-3407b4ec{0%{opacity:1}to{opacity:0}}.video-candidate[data-v-3407b4ec]{padding:12px 16px;background:#232428;border-radius:0 0 4px 4px}.video-candidate .info-text[data-v-3407b4ec]{color:#fff}.video-candidate .name[data-v-3407b4ec]{opacity:.65;font-weight:500;font-size:18px}.video-candidate .bar[data-v-3407b4ec]{color:hsla(0,0%,100%,.16);margin:0 8px}.video-candidate .phone[data-v-3407b4ec]{font-size:18px;opacity:.45}.video-candidate .title[data-v-3407b4ec]{font-size:14px;opacity:.45;margin-top:4px}@keyframes video-play-start-data-v-1b4796c2{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-1b4796c2{0%{opacity:1}to{opacity:0}}.rtc[data-v-1b4796c2]{border-radius:4px;height:100%}@keyframes video-play-start-data-v-523d57d6{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-523d57d6{0%{opacity:1}to{opacity:0}}.rtc[data-v-523d57d6]{background:#0d0e13;border-radius:4px}@keyframes video-play-start-data-v-39521fe0{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-39521fe0{0%{opacity:1}to{opacity:0}}.chat-item-ctn[data-v-39521fe0]{padding-top:12px}.chat-item-ctn .chat-msg[data-v-39521fe0]{background:#fff;padding:0 8px}.chat-item-ctn .chat-msg__info[data-v-39521fe0]{line-height:20px}.chat-item-ctn .chat-msg .role-icon[data-v-39521fe0]{line-height:20px;width:16px;height:20px;vertical-align:bottom}.chat-item-ctn .time-stamp[data-v-39521fe0]{display:inline-block;padding:0;width:56px;margin-right:8px;font-size:14px;line-height:20px;height:20px;color:#999}.chat-item-ctn .text[data-v-39521fe0]{font-size:14px;line-height:20px;height:20px;color:#333;word-break:break-word;word-wrap:break-word}.chat-item-ctn .chat-desc[data-v-39521fe0]{border-radius:4px;line-height:20px;font-size:14px}.chat-item-ctn .chat-desc[data-v-39521fe0] .link{color:#2673dd}.chat-item-ctn .role[data-v-39521fe0]{margin:0 4px;color:#333;font-weight:500}.chat-item-ctn .op[data-v-39521fe0],.chat-item-ctn .role[data-v-39521fe0]{font-size:14px;line-height:20px;height:20px}.chat-item-ctn .system-msg[data-v-39521fe0]{padding:4px 8px;border-radius:4px;font-size:14px;width:fit-content}.chat-item-ctn .system-msg .text[data-v-39521fe0]{color:#333}.chat-item-ctn .system-msg .red[data-v-39521fe0]{color:#ff4742}.chat-item-ctn .system-msg .code-run-link[data-v-39521fe0]{margin-left:8px}.chat-item-ctn .red[data-v-39521fe0]{color:#ff4742}@keyframes video-play-start-data-v-2d77dd82{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-2d77dd82{0%{opacity:1}to{opacity:0}}.chat-inside-ctn[data-v-2d77dd82]{height:calc(100% - 42px);position:relative;overflow:hidden;padding:0 8px;scrollbar-width:none;-ms-overflow-style:none}.chat-inside-ctn[data-v-2d77dd82]::-webkit-scrollbar{display:none}.chat-inside-ctn .chat-item__list[data-v-2d77dd82]{position:relative}.chat-inside-ctn .chat-item__list .load-fail[data-v-2d77dd82]{display:inline-block;padding-top:12px;color:#666;font-size:12px;line-height:18px;height:18px;text-align:center;width:100%}.chat-inside-ctn .chat-item__list .load-fail .retry[data-v-2d77dd82]{cursor:pointer;color:#0046ab}.chat-inside-ctn .chat-item__list .loading[data-v-2d77dd82]{height:18px;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.chat-inside-ctn .chat-item__list .loading .point+.point[data-v-2d77dd82]{margin-left:4px}.chat-inside-ctn .chat-item__list .loading .point[data-v-2d77dd82]{width:6px;height:6px;border-radius:50%;background:#d8d8d8}.chat-inside-ctn .chat-item__list .loading .point[data-v-2d77dd82]:first-child{animation:load-data-v-2d77dd82 .6s linear infinite alternate;animation-delay:.3s}.chat-inside-ctn .chat-item__list .loading .point[data-v-2d77dd82]:nth-child(2){animation:load-data-v-2d77dd82 .6s linear infinite alternate;animation-delay:.6s}.chat-inside-ctn .chat-item__list .loading .point[data-v-2d77dd82]:nth-child(3){animation:load-data-v-2d77dd82 .6s linear infinite alternate;animation-delay:.9s}@keyframes load-data-v-2d77dd82{0%{opacity:1;-webkit-transform:scale(1)}to{opacity:.2;-webkit-transform:scale(.2)}}.chat-inside-ctn .chat-item__list .group-date[data-v-2d77dd82]{text-align:center;color:#999;font-size:12px;line-height:18px;font-weight:400;margin:0;padding-top:12px}.chat-inside-ctn .chat-item__list .item[data-v-2d77dd82]:last-of-type{padding-bottom:16px}@keyframes video-play-start-data-v-3da89eba{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-3da89eba{0%{opacity:1}to{opacity:0}}.chat-input-ctn[data-v-3da89eba]{width:100%;border-top:1px solid #eee}.chat-input-ctn .chat-end[data-v-3da89eba]{padding:12px 0;align-items:center;justify-content:center}.chat-input-ctn .chat-end .desc[data-v-3da89eba]{margin:0;padding:0;font-size:14px;line-height:16px;height:16px;color:#b7b7b7;text-align:center}.chat-input-ctn .chat-doing[data-v-3da89eba]{padding:8px 16px;display:flex;align-items:center;height:24px}.chat-input-ctn .chat-doing .input-wrap[data-v-3da89eba]{min-height:22px;display:flex;align-items:center;margin-right:16px}.chat-input-ctn .chat-doing .input-wrap .input[data-v-3da89eba]{scrollbar-color:#d8d8d8 #fff;scrollbar-width:6px;width:288px;resize:none;height:18px;border:none;font-size:14px;line-height:16px;color:#333;font-family:auto;outline:none;padding:0;margin:0}.chat-input-ctn .chat-doing .input-wrap .input[data-v-3da89eba]::-webkit-scrollbar{width:6px;height:0;background-color:#fff}.chat-input-ctn .chat-doing .input-wrap .input[data-v-3da89eba]::-webkit-scrollbar-thumb{background-color:#d8d8d8}.chat-input-ctn .chat-doing .input-wrap .input[data-v-3da89eba]::placeholder{color:#b7b7b7;font-size:14px;line-height:16px}.chat-input-ctn .chat-doing .icon[data-v-3da89eba]{width:24px;height:24px;color:#2673dd;cursor:pointer}.chat-input-ctn .chat-doing .icon.disabled[data-v-3da89eba]{color:#ccc;cursor:not-allowed}@keyframes video-play-start-data-v-6f65edf1{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-6f65edf1{0%{opacity:1}to{opacity:0}}.nickname-modal[data-v-6f65edf1] .shopee-modal__content{width:570px}.nickname-modal[data-v-6f65edf1] .shopee-alert{border-color:#3d72bf}.nickname-modal[data-v-6f65edf1] .shopee-alert-title{margin-right:0}.nickname-modal-form[data-v-6f65edf1]{display:flex;justify-content:center;height:52px;margin-top:28px}.nickname-modal-form__label[data-v-6f65edf1]{line-height:32px;margin-right:16px}.nickname-modal-form[data-v-6f65edf1] .shopee-input{width:320px}@keyframes video-play-start-data-v-561535f4{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-561535f4{0%{opacity:1}to{opacity:0}}.ellipsis[data-v-561535f4]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-item[data-v-561535f4]{display:flex;align-items:center;justify-content:space-between;position:relative;box-sizing:border-box;height:20px}.user-info-item .name[data-v-561535f4]{font-size:14px;line-height:16px;height:16px;color:#333;display:flex;align-items:center;flex-shrink:1}.user-info-item .name[data-v-561535f4] .shopee-popover__ref,.user-info-item .name[data-v-561535f4] .shopee-tooltip{height:16px}.user-info-item .name .desc[data-v-561535f4]{flex-shrink:1}.user-info-item .name .self[data-v-561535f4]{flex-shrink:0;color:#666;padding-left:4px}.user-info-item .name .edit-icon[data-v-561535f4]{margin-left:6px;color:#000;cursor:pointer}.user-info-item .status[data-v-561535f4]{flex-shrink:0;height:18px}.user-info-item .status .icon[data-v-561535f4]{width:16px;height:16px}.user-info-item .status .incall[data-v-561535f4]{display:flex;align-items:center}.user-info-item .status .incall .desc[data-v-561535f4]{padding-left:4px;color:#5c7;font-size:12px;line-height:18px}.user-info-item .status .incall-show[data-v-561535f4]{display:flex;align-items:center;height:16px}.user-info-item .status .incall-show .audio[data-v-561535f4]{height:16px}.user-info-item .status .incall-show .audio .speaking[data-v-561535f4]{position:absolute}.user-info-item .status .incall-show .video[data-v-561535f4]{height:16px;padding-left:8px}.nickname-edit .shopee-popover__content{text-align:center}@keyframes video-play-start{0%{opacity:0}to{opacity:1}}@keyframes video-play-end{0%{opacity:1}to{opacity:0}}.multi-notify-dropdown_menu .notify-message-ctn .shopee-popover__ref,.multi-notify-dropdown_menu .notify-message-ctn .shopee-tooltip{width:100%}.multi-notify-dropdown_menu .notify-lang-ctn{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 16px;border-bottom:1px solid #eee;min-width:368px;margin-bottom:8px}.multi-notify-dropdown_menu .notify-lang-ctn.lang-select-title{justify-content:center}.multi-notify-dropdown_menu .notify-lang-ctn .lang-label{color:#333;font-size:14px;line-height:18px}.multi-notify-dropdown_menu .notify-lang-ctn .change-btn{height:18px}.multi-notify-dropdown_menu .notify-lang-ctn .back-btn{position:absolute;width:16px;height:16px;fill:#333;left:12px;top:18px;cursor:pointer}.multi-notify-dropdown_menu .notify-dropdown_item{display:flex;align-items:flex-start}.multi-notify-dropdown_menu .notify-dropdown_item .icon{width:16px;height:16px;margin-top:2px;margin-right:8px}.multi-notify-dropdown_menu .notify-dropdown_item .text p{margin:0}.multi-notify-dropdown_menu .notify-dropdown_item .text .title{font-size:14px;line-height:22px;font-weight:500;color:#000;margin-bottom:2px}.multi-notify-dropdown_menu .notify-dropdown_item .text .tips{font-size:12px;line-height:18px;color:#999}.multi-notify-dropdown_menu .notify-dropdown_lang-item{line-height:20px;color:#333;font-size:14px;font-weight:400}.multi-notify-dropdown_menu .notify-dropdown_lang-item.select{font-weight:500;color:#2673dd}.multi-notify-dropdown_menu .shopee-dropdown-item.disabled{cursor:pointer;opacity:1}.multi-notify-dropdown_menu .shopee-dropdown-item.disabled:hover{background:rgba(0,0,0,.04)}.multi-notify-dropdown_menu .shopee-dropdown-item.disabled.forbidden{cursor:not-allowed;opacity:.5}.multi-notify-dropdown_menu .shopee-dropdown-item.disabled.forbidden:hover{background:#fff}@keyframes video-play-start-data-v-76d1c13b{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-76d1c13b{0%{opacity:1}to{opacity:0}}.notify-btn[data-v-76d1c13b] .shopee-icon{width:16px;height:16px}.notify-btn[data-v-76d1c13b] span{margin-left:4px}@keyframes video-play-start-data-v-ff2b706e{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-ff2b706e{0%{opacity:1}to{opacity:0}}.ellipsis[data-v-ff2b706e]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-panel[data-v-ff2b706e]{position:relative;box-sizing:border-box;padding:16px}.candidate-panel .header[data-v-ff2b706e]{display:flex;align-items:center;justify-content:flex-start}.candidate-panel .header .role-icon[data-v-ff2b706e]{width:16px;height:16px}.candidate-panel .header .desc[data-v-ff2b706e]{padding:1px 0 1px 4px;font-size:12px;line-height:16px;height:16px;box-sizing:border-box;color:#666}.candidate-panel .info[data-v-ff2b706e],.candidate-panel .status[data-v-ff2b706e]{margin-top:20px}.candidate-panel .info .info-tooltip-ctn[data-v-ff2b706e],.candidate-panel .info .info-tooltip-ctn[data-v-ff2b706e] .shopee-popover__ref,.candidate-panel .info .info-tooltip-ctn[data-v-ff2b706e] .shopee-tooltip{height:20px}.candidate-panel .info .info-icon[data-v-ff2b706e]{flex:0 0 16px;width:16px;height:16px;padding-right:8px}.candidate-panel .info .info-desc[data-v-ff2b706e]{flex:1;font-size:14px;color:#666;line-height:20px;height:20px}.candidate-panel .info .is-fix-width[data-v-ff2b706e]{max-width:304px}.candidate-panel .info .job[data-v-ff2b706e],.candidate-panel .info .notify[data-v-ff2b706e],.candidate-panel .info .phone[data-v-ff2b706e]{display:flex;align-items:center}.candidate-panel .info .notify[data-v-ff2b706e]{margin-top:8px;justify-content:space-between}.candidate-panel .info .notify .phone[data-v-ff2b706e]{flex:1}.candidate-panel .info .notify .notify-btn[data-v-ff2b706e]{flex:0;height:24px}@keyframes video-play-start-data-v-6d792a06{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-6d792a06{0%{opacity:1}to{opacity:0}}.interviewer-panel[data-v-6d792a06]{position:relative;box-sizing:border-box;padding:16px}.interviewer-panel .header[data-v-6d792a06]{display:flex;align-items:center;justify-content:flex-start}.interviewer-panel .header .role-icon[data-v-6d792a06]{width:16px;height:16px}.interviewer-panel .header .desc[data-v-6d792a06]{padding:1px 0 1px 4px;font-size:12px;line-height:16px;height:16px;box-sizing:border-box;color:#666}.interviewer-panel .info .status+.status[data-v-6d792a06],.interviewer-panel .info[data-v-6d792a06]{margin-top:16px}@keyframes video-play-start-data-v-706ba42c{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-706ba42c{0%{opacity:1}to{opacity:0}}.participants[data-v-706ba42c]{scrollbar-color:rgba(0,0,0,.5) #fff;scrollbar-width:6px;position:relative;box-sizing:border-box;overflow-y:auto;height:100%}.participants[data-v-706ba42c]::-webkit-scrollbar{width:6px;height:0;background-color:#fff}.participants[data-v-706ba42c]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5)}.participants[data-v-706ba42c] .shopee-popover__popper{z-index:99999999!important}.participants[data-v-706ba42c] .tooltips-hidden{min-width:0;border:none}.participants[data-v-706ba42c] .tooltips-hidden .shopee-popover__content{padding:0!important}.participants .divide[data-v-706ba42c]{background:#eee;background-clip:content-box;width:100%;padding:0 16px;box-sizing:border-box;height:1px}@keyframes video-play-start-data-v-482539ec{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-482539ec{0%{opacity:1}to{opacity:0}}.multi-participants[data-v-482539ec]{scrollbar-color:rgba(0,0,0,.5) #fff;scrollbar-width:6px;position:relative;box-sizing:border-box;overflow-y:auto;height:100%}.multi-participants[data-v-482539ec]::-webkit-scrollbar{width:6px;height:0;background-color:#fff}.multi-participants[data-v-482539ec]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5)}.multi-participants[data-v-482539ec] .shopee-popover__popper{z-index:99999999!important}.multi-participants[data-v-482539ec] .tooltips-hidden{min-width:0;border:none}.multi-participants[data-v-482539ec] .tooltips-hidden .shopee-popover__content{padding:0!important}.multi-participants .divide[data-v-482539ec]{background:#eee;background-clip:content-box;width:100%;padding:0 16px;box-sizing:border-box;height:1px}@keyframes video-play-start-data-v-282a7c59{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-282a7c59{0%{opacity:1}to{opacity:0}}.chat-panel[data-v-282a7c59]{display:flex;flex-direction:column;position:relative}.chat-panel[data-v-282a7c59] .shopee-popover__popper{z-index:99999999!important}.chat-panel[data-v-282a7c59] .tooltips-hidden{min-width:0;border:none}.chat-panel[data-v-282a7c59] .tooltips-hidden .shopee-popover__content{padding:0!important}.chat-panel[data-v-282a7c59] .shopee-badge-x__sup{background-color:#ff4742}.chat-panel.full[data-v-282a7c59]{background:#fff;z-index:9;flex-basis:360px;width:360px;height:calc(100vh - 56px);flex-grow:0;flex-shrink:0;position:absolute;right:0;bottom:0;top:0;margin:0}.chat-panel .svg[data-v-282a7c59]{width:24px;margin-right:10px}.chat-panel .chat-header[data-v-282a7c59]{z-index:9;padding:16px;width:auto;background:#fff;box-shadow:0 1px 0 #eee}.chat-panel .chat-header .interviewer-role .basic[data-v-282a7c59],.chat-panel .chat-header .interviewer-role .info[data-v-282a7c59]{display:flex;align-items:center}.chat-panel .chat-header .interviewer-role .basic .shopee-popover__ref[data-v-282a7c59],.chat-panel .chat-header .interviewer-role .basic[data-v-282a7c59] .shopee-tooltip{height:26px}.chat-panel .chat-header .interviewer-role .basic .name[data-v-282a7c59]{font-size:18px;color:#333;line-height:26px;height:26px;max-width:285px}.chat-panel .chat-header .interviewer-role .basic .status[data-v-282a7c59]{margin-left:8px;font-weight:400}.chat-panel .chat-header .interviewer-role .info[data-v-282a7c59]{margin-top:6px;font-size:14px;color:#666;line-height:20px;height:20px;display:flex;align-items:center}.chat-panel .chat-header .interviewer-role .info .shopee-popover__ref[data-v-282a7c59],.chat-panel .chat-header .interviewer-role .info[data-v-282a7c59] .shopee-tooltip{height:20px}.chat-panel .chat-header .interviewer-role .info.notify[data-v-282a7c59]{height:24px;line-height:24px}.chat-panel .chat-header .interviewer-role .info.notify .shopee-popover__ref[data-v-282a7c59],.chat-panel .chat-header .interviewer-role .info.notify[data-v-282a7c59] .shopee-tooltip{height:24px}.chat-panel .chat-header .interviewer-role .info .icon[data-v-282a7c59]{flex:0 0 16px;width:16px;height:16px;padding-right:8px}.chat-panel .chat-header .interviewer-role .info .job-ctn[data-v-282a7c59],.chat-panel .chat-header .interviewer-role .info .phone-ctn[data-v-282a7c59]{flex:1 1 auto}.chat-panel .chat-header .interviewer-role .info .notify-ctn[data-v-282a7c59]{flex:0 0 auto;padding-left:16px}.chat-panel .chat-header .interviewer-role .info .notify-btn[data-v-282a7c59] .shopee-icon{width:16px;height:16px}.chat-panel .chat-header .interviewer-role .info .notify-btn[data-v-282a7c59] span{margin-left:4px}.chat-panel .chat-header .interviewer-role .info .phone[data-v-282a7c59]{max-width:176px}.chat-panel .chat-header .interviewer-role .info .job[data-v-282a7c59],.chat-panel .chat-header .interviewer-role .info .phone.end[data-v-282a7c59]{max-width:304px}.chat-panel .chat-header .interviewer-role .ellipsis[data-v-282a7c59]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .chat-header .interviewee-role[data-v-282a7c59]{display:flex;align-items:center}.chat-panel .chat-header .interviewee-role .text[data-v-282a7c59]{font-size:18px;color:#333;line-height:26px;height:26px;font-weight:500}.chat-panel .chat-header .interviewee-role .status[data-v-282a7c59]{margin-left:8px;font-weight:400}.chat-panel[data-v-282a7c59] .chat-list,.chat-panel[data-v-282a7c59] .shopee-tabs-tabpane,.chat-panel[data-v-282a7c59] .shopee-tabs__content{height:100%}.chat-panel[data-v-282a7c59] .chat-input-ctn .chat-end{height:40px}.chat-panel .chat-tabs[data-v-282a7c59]{overflow:hidden;flex:1}.chat-panel .chat-tabs[data-v-282a7c59] .active .participants-total,.chat-panel .chat-tabs[data-v-282a7c59] .shopee-tabs__nav-tab:hover .participants-total{color:#2673dd}.chat-panel .chat-tabs[data-v-282a7c59] .participants-total{padding-left:4px;color:#999;font-weight:400}.chat-panel .chat-tabs[data-v-282a7c59] .shopee-tabs__content{flex:1;overflow:hidden}.chat-panel .chat-tabs[data-v-282a7c59] .shopee-tabs__nav{margin-bottom:0}.chat-panel__expand-icon__ctn[data-v-282a7c59]{position:absolute;right:24px;top:21px;cursor:pointer;z-index:999;transition-property:opacity;transition-duration:.1s;transition-timing-function:linear}.chat-panel__expand-icon__ctn__visible[data-v-282a7c59]{opacity:1}.chat-panel__expand-icon__ctn__hidden[data-v-282a7c59]{opacity:0}.chat-panel__expand-icon[data-v-282a7c59]{width:16px;height:16px;fill:#666;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.37,0,.63,1)}.chat-panel__expand-icon.down[data-v-282a7c59]{transform:rotate(180deg)}.collapse-content .chat-header[data-v-282a7c59],.collapse-content .interviewee-role[data-v-282a7c59],.collapse-content .interviewer-role[data-v-282a7c59]{display:none}.popover-inner[data-v-282a7c59]{display:flex;align-items:center}.popover-inner .popover-content[data-v-282a7c59]{max-width:180px;cursor:pointer;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.popover-inner .popover-content__info__icon[data-v-282a7c59]{width:16px;height:16px;margin-right:4px}.popover-inner .popover-content__info__name[data-v-282a7c59]{text-overflow:ellipsis;display:inline-block;max-width:156px;white-space:nowrap;overflow:hidden;font-weight:500}.popover-inner .popover-content__info i[data-v-282a7c59],.popover-inner .popover-content__info span[data-v-282a7c59]{vertical-align:middle;font-size:14px}.popover-inner .popover-content__text[data-v-282a7c59]{vertical-align:middle}.popover-inner .popover-icon[data-v-282a7c59]{margin-left:12px;width:16px;height:16px;fill:#d8d8d8;cursor:pointer}.chat-panel-enter-active[data-v-282a7c59],.chat-panel-leave-active[data-v-282a7c59]{transition:all .3s ease-in-out}@keyframes video-play-start-data-v-51821833{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-51821833{0%{opacity:1}to{opacity:0}}.chat-panel[data-v-51821833]{display:flex;flex-direction:column;position:relative}.chat-panel[data-v-51821833] .shopee-popover__popper{z-index:99999999!important}.chat-panel[data-v-51821833] .tooltips-hidden{min-width:0;border:none}.chat-panel[data-v-51821833] .tooltips-hidden .shopee-popover__content{padding:0!important}.chat-panel[data-v-51821833] .shopee-badge-x__sup{background-color:#ff4742}.chat-panel.full[data-v-51821833]{background:#fff;z-index:9;flex-basis:360px;width:360px;height:calc(100vh - 56px);flex-grow:0;flex-shrink:0;position:absolute;right:0;bottom:0;top:0;margin:0}.chat-panel .svg[data-v-51821833]{width:24px;margin-right:10px}.chat-panel .chat-header[data-v-51821833]{z-index:9;padding:16px;width:auto;background:#fff;box-shadow:0 1px 0 #eee}.chat-panel .chat-header .interviewer-role .basic[data-v-51821833],.chat-panel .chat-header .interviewer-role .info[data-v-51821833]{display:flex;align-items:center}.chat-panel .chat-header .interviewer-role .basic .shopee-popover__ref[data-v-51821833],.chat-panel .chat-header .interviewer-role .basic[data-v-51821833] .shopee-tooltip{height:26px}.chat-panel .chat-header .interviewer-role .basic .name[data-v-51821833]{font-size:18px;color:#333;line-height:26px;height:26px;max-width:285px}.chat-panel .chat-header .interviewer-role .basic .status[data-v-51821833]{margin-left:8px;font-weight:400}.chat-panel .chat-header .interviewer-role .info[data-v-51821833]{margin-top:6px;font-size:14px;color:#666;line-height:20px;height:20px;display:flex;align-items:center}.chat-panel .chat-header .interviewer-role .info .shopee-popover__ref[data-v-51821833],.chat-panel .chat-header .interviewer-role .info[data-v-51821833] .shopee-tooltip{height:20px}.chat-panel .chat-header .interviewer-role .info.notify[data-v-51821833]{height:24px;line-height:24px}.chat-panel .chat-header .interviewer-role .info.notify .shopee-popover__ref[data-v-51821833],.chat-panel .chat-header .interviewer-role .info.notify[data-v-51821833] .shopee-tooltip{height:24px}.chat-panel .chat-header .interviewer-role .info .icon[data-v-51821833]{flex:0 0 16px;width:16px;height:16px;padding-right:8px}.chat-panel .chat-header .interviewer-role .info .job-ctn[data-v-51821833],.chat-panel .chat-header .interviewer-role .info .phone-ctn[data-v-51821833]{flex:1 1 auto}.chat-panel .chat-header .interviewer-role .info .notify-ctn[data-v-51821833]{flex:0 0 auto;padding-left:16px}.chat-panel .chat-header .interviewer-role .info .notify-btn[data-v-51821833] .shopee-icon{width:16px;height:16px}.chat-panel .chat-header .interviewer-role .info .notify-btn[data-v-51821833] span{margin-left:4px}.chat-panel .chat-header .interviewer-role .info .phone[data-v-51821833]{max-width:176px}.chat-panel .chat-header .interviewer-role .info .job[data-v-51821833],.chat-panel .chat-header .interviewer-role .info .phone.end[data-v-51821833]{max-width:304px}.chat-panel .chat-header .interviewer-role .ellipsis[data-v-51821833]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .chat-header .interviewee-role[data-v-51821833]{display:flex;align-items:center}.chat-panel .chat-header .interviewee-role .text[data-v-51821833]{font-size:18px;color:#333;line-height:26px;height:26px;font-weight:500}.chat-panel .chat-header .interviewee-role .status[data-v-51821833]{margin-left:8px;font-weight:400}.chat-panel[data-v-51821833] .multiple-chat-list,.chat-panel[data-v-51821833] .shopee-tabs-tabpane,.chat-panel[data-v-51821833] .shopee-tabs__content{height:100%}.chat-panel[data-v-51821833] .chat-input-ctn .chat-end{height:40px}.chat-panel .multiple-chat-tabs[data-v-51821833]{overflow:hidden;flex:1}.chat-panel .multiple-chat-tabs[data-v-51821833] .active .participants-total,.chat-panel .multiple-chat-tabs[data-v-51821833] .shopee-tabs__nav-tab:hover .participants-total{color:#2673dd}.chat-panel .multiple-chat-tabs[data-v-51821833] .participants-total{padding-left:4px;color:#999;font-weight:400}.chat-panel .multiple-chat-tabs[data-v-51821833] .shopee-tabs__content{flex:1;overflow:hidden}.chat-panel .multiple-chat-tabs[data-v-51821833] .shopee-tabs__nav{margin-bottom:0}.chat-panel__expand-icon__ctn[data-v-51821833]{position:absolute;right:24px;top:21px;cursor:pointer;z-index:999;transition-property:opacity;transition-duration:.1s;transition-timing-function:linear}.chat-panel__expand-icon__ctn__visible[data-v-51821833]{opacity:1}.chat-panel__expand-icon__ctn__hidden[data-v-51821833]{opacity:0}.chat-panel__expand-icon[data-v-51821833]{width:16px;height:16px;fill:#666;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.37,0,.63,1)}.chat-panel__expand-icon.down[data-v-51821833]{transform:rotate(180deg)}.collapse-content .chat-header[data-v-51821833],.collapse-content .interviewee-role[data-v-51821833],.collapse-content .interviewer-role[data-v-51821833]{display:none}.popover-inner[data-v-51821833]{display:flex;align-items:center}.popover-inner .popover-content[data-v-51821833]{max-width:180px;cursor:pointer;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.popover-inner .popover-content__info__icon[data-v-51821833]{width:16px;height:16px;margin-right:4px}.popover-inner .popover-content__info__name[data-v-51821833]{text-overflow:ellipsis;display:inline-block;max-width:156px;white-space:nowrap;overflow:hidden;font-weight:500}.popover-inner .popover-content__info i[data-v-51821833],.popover-inner .popover-content__info span[data-v-51821833]{vertical-align:middle;font-size:14px}.popover-inner .popover-content__text[data-v-51821833]{vertical-align:middle}.popover-inner .popover-icon[data-v-51821833]{margin-left:12px;width:16px;height:16px;fill:#d8d8d8;cursor:pointer}.chat-panel-enter-active[data-v-51821833],.chat-panel-leave-active[data-v-51821833]{transition:all .3s ease-in-out}@keyframes video-play-start-data-v-134c47e0{0%{opacity:0}to{opacity:1}}@keyframes video-play-end-data-v-134c47e0{0%{opacity:1}to{opacity:0}}.permission-ctn.no-screen-windows[data-v-134c47e0] .shopee-modal__content{width:800px}.permission-ctn .windows-screen__tips[data-v-134c47e0]{color:#333;font-size:14px;line-height:20px;margin:0}.permission-ctn .text-desc[data-v-134c47e0]{margin-bottom:24px}.permission-ctn .text-desc .tips[data-v-134c47e0]{color:#333;font-size:14px;line-height:20px;margin:0}.permission-ctn .text-desc .tips[data-v-134c47e0] .icon{width:20px;height:20px;display:inline-block;margin:0 4px -4px}.permission-ctn .text-desc .tips[data-v-134c47e0] .lock{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAENSURBVHgB7ZTRbcIwEIbvv5Z3RnA3gA2SDTpCKoGULSomqPqWlrTJJs0IGYER/I5yVxsUFFAcsHjlf/DZPv+fLP+SQRPK1usFhD5AtCDCXAmNzvBWF8Uu5EEQluUJP8mfn6tSS4AFaeLXAk7rsmjGfBwCOlilqlYgafX7vax+vlJhXTq8ZZUq6Bu/3SpxxYCwqcuy6ffr7bYlxafvZas8uRnIDOOrMLeXPaA77LF05mbglLoOdqp/FkqW54b3+g6IUUUCuFSVducWnbvhte/JzD3LIPXn4VHeH1L1sKNVj6mOqe+5C/j6cmJcnDMULzNcRL/hNT2AD+D9QLUULxsEimJDEfL/pfsNojzR+gd7Nma7/6txKAAAAABJRU5ErkJggg==) no-repeat 50%}.permission-ctn .text-desc .tips[data-v-134c47e0] .cam{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEgSURBVHgBrZOxisJAEIZnl2vvLtVdebl7CK+0ERsrbQzpfAQLS0ERtLCx8gkkBFJoY6OFr2Bv4YKdgoptYNcdYRfBGDZu/mZnwszHzPAHIGcR3/e38nUhm1gQBL8q8TzPDcOQYUxfgMF9D8IopSuVU7DQHcy1BibBrIBJMCsgPLm91Q2T9GZYt47juBFF0ToXIOe8Ojjuiv1SQd6NOEk1hAADTjpGK99MS0XnGQwlBLiCiJHxDbEB37/ZEj7KFf0d45/JVKUOrswgw99yGI/gu9XW+ZeM98OezokpaFP6Fyp+l1MpKMIui7mue8k2aVOY2kYLb6bWxJHVpGrKzMDPmvewplOr6zzDDQunNNugpBOYuW04bWJDSsWZCtKFvHUF/0Zel16d4OMAAAAASUVORK5CYII=) no-repeat 50%}.permission-ctn .text-desc.second[data-v-134c47e0]{margin-top:24px}.permission-ctn .text-title[data-v-134c47e0]{margin-bottom:24px}.permission-ctn .text-title p[data-v-134c47e0]{font-size:14px;line-height:20px;margin:0;font-weight:400;color:#333}.permission-ctn .text-title .title[data-v-134c47e0]{font-weight:500;margin-bottom:8px}.permission-ctn .image-desc[data-v-134c47e0]{background:#f6f6f6;display:flex;align-items:center;justify-content:space-between}.permission-ctn .image-desc.chrome[data-v-134c47e0]{padding:24px 72px}.permission-ctn .image-desc.os[data-v-134c47e0]{padding:24px 30px}.permission-ctn .image-desc.screen[data-v-134c47e0]{padding:24px}.permission-ctn .image-desc .image[data-v-134c47e0]{border-radius:4px}.permission-ctn .image-desc .chrome-left[data-v-134c47e0]{width:242px;height:286px}.permission-ctn .image-desc .chrome-right[data-v-134c47e0]{width:286px;height:286px}.permission-ctn .image-desc .mac[data-v-134c47e0],.permission-ctn .image-desc .windows[data-v-134c47e0]{width:334px;height:286px;margin-bottom:12px}.permission-ctn .image-desc .image-left[data-v-134c47e0],.permission-ctn .image-desc .image-right[data-v-134c47e0]{display:flex;flex-direction:column;align-items:center}.permission-ctn .image-desc .image-left .desc[data-v-134c47e0],.permission-ctn .image-desc .image-right .desc[data-v-134c47e0]{font-size:14px;line-height:20px;color:#666}.permission-ctn .image-desc .mac-ctn[data-v-134c47e0]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.permission-ctn .image-desc .mac-ctn .screen-mac[data-v-134c47e0]{width:334px;height:286px}.permission-ctn .image-desc .mac-ctn p[data-v-134c47e0]{margin:12px 0 0;color:#666;font-size:14px;line-height:20px;text-align:center}