.userprofile[data-v-518d9212]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--color-background-mask);inset:0;opacity:0;pointer-events:none;z-index:997}.userprofile.visible[data-v-518d9212]{opacity:1;pointer-events:auto}.userprofile .contain[data-v-518d9212]{background:var(--color-background);border:1px solid var(--color-border-soft);border-radius:var(--radius-10);left:50%;max-height:80vh;max-width:80vw;opacity:0;overflow:hidden;top:50%;transform:translate(-50%,-50%);width:420px;z-index:2}.userprofile .contain.visible[data-v-518d9212]{animation:fadeAndMoveIn .3s ease-out forwards}.userprofile .contain .close[data-v-518d9212]{height:var(--height-2);right:var(--margin-4);top:var(--margin-4);width:var(--width-2)}.userprofile .contain .close .icon[data-v-518d9212]{color:var(--color-text-assist-2);font-size:var(--font-size-3)}.userprofile .contain .close[data-v-518d9212]:hover{transform:rotate(90deg)}.userprofile .contain .content[data-v-518d9212]{line-height:1;padding:var(--padding-20) 0;width:100%}.userprofile .contain .content .avatar[data-v-518d9212]{background:var(--color-background-mute);border-radius:50%;height:var(--width-6);width:var(--width-6)}.userprofile .contain .content .nickname[data-v-518d9212]{font-size:var(--font-size-4);font-weight:600;margin-top:var(--margin-4)}.userprofile .contain .content .uid[data-v-518d9212]{color:var(--color-text-assist-2);font-size:var(--font-size);margin-top:var(--margin-2);-webkit-user-select:text;-moz-user-select:text;user-select:text}.userprofile .contain .content .count[data-v-518d9212]{margin-top:var(--margin-10)}.userprofile .contain .content .count .item[data-v-518d9212]{padding:0 var(--padding-10)}.userprofile .contain .content .count .item .value[data-v-518d9212]{font-size:var(--font-size-1);min-height:var(--height-2)}.userprofile .contain .content .count .item .label[data-v-518d9212]{color:var(--color-text-assist-2);font-size:var(--font-size);margin-top:var(--margin-2)}.userprofile .contain .content .count .item[data-v-518d9212]:after{background:var(--color-border);content:"";height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.userprofile .contain .content .count .item[data-v-518d9212]:last-child:after{display:none}.userprofile .contain .content .logout[data-v-518d9212]{margin-top:var(--margin-10);width:200px}