.c-select-profile-picture[data-v-c923741c]{background-color:rgb(var(--ui0-bg-topmost_gray_light));border-radius:6px;height:254px;overflow:auto}.c-select-profile-picture .via-scrollbar .via-scrollbar-content[data-v-c923741c]{padding-inline-start:2px;padding-top:2px}.c-select-profile-picture .picture-wrap[data-v-c923741c]{display:flex;flex-wrap:wrap;padding:16px}.c-select-profile-picture .picture-item[data-v-c923741c]{border:1px solid rgb(var(--ui0-bg-surface_gray));border-radius:32px;cursor:pointer;display:inline-block;height:64px;margin-bottom:16px;overflow:hidden;width:64px}@media(max-width:768px){.c-select-profile-picture .picture-item[data-v-c923741c]{height:calc(25% - 9px);width:calc(25% - 9px)}}.c-select-profile-picture .picture-item[data-v-c923741c]:not(:nth-child(4n+1)){margin-inline-start:20px}@media(max-width:768px){.c-select-profile-picture .picture-item[data-v-c923741c]:not(:nth-child(4n+1)){margin-inline-start:12px}}.c-select-profile-picture .picture-item.active[data-v-c923741c],.c-select-profile-picture .picture-item[data-v-c923741c]:hover{outline:2px solid rgb(var(--ui0-base-brand))}.vue-cropper[data-v-a742df44]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);box-sizing:border-box;direction:ltr;height:100%;position:relative;text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.cropper-box-canvas[data-v-a742df44],.cropper-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-face[data-v-a742df44]{inset:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{max-height:none;max-width:none;position:relative;text-align:left;transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:#00000080}.cropper-view-box[data-v-a742df44]{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.cropper-view-box img[data-v-a742df44]{max-height:none;max-width:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-face[data-v-a742df44]{background-color:#fff;left:0;opacity:.1;top:0}.crop-info[data-v-a742df44]{background-color:#000c;color:#fff;font-size:12px;left:0;line-height:20px;min-width:65px;position:absolute;text-align:center}.crop-line[data-v-a742df44]{display:block;height:100%;opacity:.1;position:absolute;width:100%}.line-w[data-v-a742df44]{cursor:n-resize;height:5px;left:0;top:-3px}.line-a[data-v-a742df44]{cursor:w-resize;left:-3px;top:0;width:5px}.line-s[data-v-a742df44]{bottom:-3px;cursor:s-resize;height:5px;left:0}.line-d[data-v-a742df44]{cursor:e-resize;right:-3px;top:0;width:5px}.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:8px;opacity:.75;position:absolute;width:8px}.point1[data-v-a742df44]{cursor:nw-resize;left:-4px;top:-4px}.point2[data-v-a742df44]{cursor:n-resize;left:50%;margin-left:-3px;top:-5px}.point3[data-v-a742df44]{cursor:ne-resize;right:-4px;top:-4px}.point4[data-v-a742df44]{cursor:w-resize;left:-4px;margin-top:-3px;top:50%}.point5[data-v-a742df44]{cursor:e-resize;margin-top:-3px;right:-4px;top:50%}.point6[data-v-a742df44]{bottom:-5px;cursor:sw-resize;left:-4px}.point7[data-v-a742df44]{bottom:-5px;cursor:s-resize;left:50%;margin-left:-3px}.point8[data-v-a742df44]{bottom:-5px;cursor:se-resize;right:-4px}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:20px;opacity:.45;position:absolute;width:20px}.point1[data-v-a742df44]{left:-10px;top:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{right:-10px;top:-10px}.point4[data-v-a742df44]{left:0;top:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}.c-picture-crop .crop-content[data-v-8c98b9e4]{height:322px;margin-bottom:20px}.c-picture-crop .crop-content .vue-cropper[data-v-8c98b9e4]{background-color:rgb(var(--ui0-bg-block_light));background-image:none}.c-picture-crop .crop-content .vue-cropper .cropper-view-box[data-v-8c98b9e4]{border-radius:50%;outline-color:rgb(var(--ui0-base-brand))}.c-picture-crop .crop-content .vue-cropper .crop-point[data-v-8c98b9e4]{background-color:rgb(var(--ui0-base-brand))}.c-picture-cropper-upload[data-v-d94cac88]{padding-top:45px}.c-picture-cropper-upload .img-wrap-btn[data-v-d94cac88]{align-items:center;background-color:rgb(var(--ui0-bg-topmost_gray_light));border:1px dashed rgb(var(--ui0-base-brand));border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;margin:0 auto 18px;overflow:hidden;width:120px}.c-picture-cropper-upload .img-wrap-btn img[data-v-d94cac88]{height:100%}.c-picture-cropper-upload .img-wrap-btn.cropped[data-v-d94cac88]{border-color:transparent}.c-picture-cropper-upload .desc[data-v-d94cac88]{color:rgb(var(--ui0-text-tertiary));line-height:20px;margin-top:4px;min-height:55px;text-align:center}.c-my-info-basic-edit-profile-form.via-form .via-form-item.account-name .form-item-label{margin-bottom:4px}.c-my-info-basic-edit-profile-form.via-form .avatar-wrapper{align-items:center;display:flex;height:72px;justify-content:center;position:relative;width:72px}.c-my-info-basic-edit-profile-form.via-form .avatar-wrapper .edit-icon-btn{align-items:center;background-color:rgb(var(--ui0-bg-surface_gray));border:1px solid rgb(var(--ui0-line-heavy));border-radius:12px;bottom:0;color:rgb(var(--ui0-text-primary));cursor:pointer;display:flex;height:24px;inset-inline-end:-6px;justify-content:center;position:absolute;width:24px}.c-my-info-basic-edit-profile-form.via-form .via-input{border-radius:8px}.c-my-info-basic-edit-profile-form.via-form .via-input.is-active{box-shadow:0 0 3px 1px rgb(var(--ui0-base-brand)/30%)}.c-my-info-basic-edit-profile-form.via-form .account-prefix{border-inline-end:1px solid rgb(var(--ui0-line-heavy));color:rgb(var(--ui0-text-primary));display:inline-block;font-weight:500;line-height:16px;margin-inline-end:6px;padding-inline-end:6px}
