.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer;font-size:inherit}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translate(-50%);width:282px}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;height:100%;justify-content:space-around;width:100%}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.session-item[data-v-a0c69f52]{border-bottom:1px solid #323232;cursor:pointer;height:64px;padding:0 12px;position:relative}.session-item.active .date[data-v-a0c69f52]{color:#fff}.session-item .countdown-container[data-v-a0c69f52]{background-color:#e0e0e0;border-radius:4px;bottom:0;height:18px;left:18px;overflow:hidden;position:absolute;width:120px}.session-item .countdown-container .countdown-progress[data-v-a0c69f52]{animation:countdown 30s linear forwards;background-color:red;height:100%;transform-origin:left}.session-item .avatar-box[data-v-a0c69f52]{height:50px;position:relative;width:50px}.session-item .avatar-box .avatar[data-v-a0c69f52]{border-radius:50%;height:100%;width:100%}.session-item .avatar-box .drop[data-v-a0c69f52]{border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.session-item .avatar-box .drop.drop1[data-v-a0c69f52]{background:#90ea5c}.session-item .avatar-box .drop.drop2[data-v-a0c69f52]{background:#e100e0}.session-item .avatar-box .drop.drop3[data-v-a0c69f52]{background:#ff8c00}.session-item .info[data-v-a0c69f52]{margin-left:12px}.session-item .info .nick[data-v-a0c69f52]{color:#e2e0dd;font-size:16px;max-width:150px}.session-item .info .message[data-v-a0c69f52]{color:#858585;font-size:14px;margin-top:5px;max-width:180px}.session-item .date[data-v-a0c69f52]{color:#858585;font-size:14px}.session-item .unread[data-v-a0c69f52]{background:#ff4a4a;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:10px;margin-top:4px;padding:0 4px;width:10px}