.silence[data-v-3b96ae6e] {
	height: 32px;
	background: var(--color-active-background);
	border-radius: 999px;
	padding: 0 12px;
	display: inline-block;
	font-size: 14px;
	color: var(--color-tertiary-label);
	margin-top: 24px
}

.silence .info[data-v-3b96ae6e] {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.waring-icon[data-v-3b96ae6e] {
	margin-right: 6px
}

.avatar-wrapper[data-v-3d2899a1] {
	text-align: center;
	width: 250.66667px;
	height: 175.46667px
}

@media screen and (min-width:1424px) and (max-width:1727px) {
	.avatar-wrapper[data-v-3d2899a1] {
		width: calc(16.66667vw - 37.33333px);
		height: calc(11.66667vw - 26.13333px)
	}
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.avatar-wrapper[data-v-3d2899a1] {
		width: calc(20vw - 28.8px);
		height: calc(14vw - 20.16px)
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.avatar-wrapper[data-v-3d2899a1] {
		width: calc(25vw - 30px);
		height: calc(17.5vw - 21px)
	}
}

@media screen and (min-width:696px) and (max-width:959px) {
	.avatar-wrapper[data-v-3d2899a1] {
		width: calc(33.33333vw - 32px);
		height: calc(23.33333vw - 22.4px)
	}
}

@media screen and (max-width:695px) {
	.avatar-wrapper[data-v-3d2899a1] {
		width: 72px;
		height: 72px
	}
}

.user-image[data-v-3d2899a1] {
	border-radius: 50%;
	margin: 0 auto;
	width: 70%;
	height: 100%;
	object-fit: cover
}

.user-image.no-avatar[data-v-3d2899a1] {
	display: inline-block;
	background-color: var(--color-active-background)
}

@media screen and (max-width:695px) {
	.user-image[data-v-3d2899a1] {
		width: 100%
	}
}

.basic-info[data-v-952f2f2c] {
	display: flex;
	align-items: center
}

.user-basic[data-v-952f2f2c] {
	width: 100%
}

@media screen and (max-width:695px) {
	.user-basic[data-v-952f2f2c] {
		margin-left: 16px
	}
}

.avatar[data-v-952f2f2c] {
	display: none
}

@media screen and (max-width:695px) {
	.avatar[data-v-952f2f2c] {
		display: block
	}
}

.user-nickname[data-v-952f2f2c] {
	width: 100%;
	display: flex;
	align-items: center;
	max-width: calc(100% - 96px)
}

@media screen and (max-width:695px) {
	.user-nickname[data-v-952f2f2c] {
		max-width: 100%
	}
}

.user-nickname .user-name[data-v-952f2f2c] {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: var(--color-primary-label)
}

@media screen and (max-width:695px) {
	.user-nickname .user-name[data-v-952f2f2c] {
		font-size: 18px
	}
}

.verify-icon[data-v-952f2f2c] {
	display: inline-flex;
	margin-left: 6px
}

.verify-icon .icon[data-v-952f2f2c] {
	height: 20px;
	width: 20px
}

@media screen and (max-width:695px) {
	.verify-icon .icon[data-v-952f2f2c] {
		height: 16px;
		width: 16px
	}
}

.user-content[data-v-952f2f2c] {
	width: 100%;
	font-size: 12px;
	line-height: 120%;
	color: var(--color-tertiary-label);
	display: flex;
	margin-top: 8px
}

@media screen and (max-width:695px) {
	.user-content[data-v-952f2f2c] {
		line-height: 120%
	}
}

.user-redId[data-v-952f2f2c] {
	padding-right: 12px
}

.user-IP[data-v-952f2f2c] {
	position: relative
}

.user-IP[data-v-952f2f2c]:before {
	content: "";
	display: block;
	height: 12px;
	border-right: 1px solid var(--color-border);
	position: absolute;
	left: -6px;
	top: 2px
}

.user-desc[data-v-4567dfe8] {
	width: 100%;
	font-size: 14px;
	line-height: 140%;
	color: var(--color-primary-label);
	margin-top: 16px;
	white-space: pre-line
}

.user-tags[data-v-4567dfe8] {
	height: 24px;
	margin-top: 16px;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: var(--color-primary-label);
	text-align: center;
	font-weight: 400;
	line-height: 120%
}

.user-tags .tag-item[data-v-4567dfe8] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	grid-gap: 4px;
	gap: 4px;
	height: 18px;
	border-radius: 41px;
	background: var(--color-active-background);
	height: 24px;
	line-height: 24px;
	margin-right: 6px;
	color: var(--color-tertiary-label)
}

.user-tags .tag-item[data-v-4567dfe8]:first-child {
	padding: 3px 6px
}

.user-tags .tag-item[data-v-4567dfe8]:last-child {
	margin-right: 0
}

.user-tags .tag-item .gender[data-v-4567dfe8] {
	display: flex;
	align-items: center;
	justify-content: center
}

.user-tags .tag-item .gender .gender-text[data-v-4567dfe8] {
	margin-left: 2px
}

.data-info[data-v-e99584b8] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px
}

.user-interactions[data-v-e99584b8] {
	width: 100%;
	display: flex;
	align-items: center
}

.user-interactions>div[data-v-e99584b8] {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 16px
}

@media screen and (max-width:695px) {
	.user-interactions>div[data-v-e99584b8] {
		flex-direction: column
	}
}

.user-interactions>div[data-v-e99584b8]:last-child {
	margin-right: 0
}

.user-interactions .shows[data-v-e99584b8] {
	color: var(--color-tertiary-label);
	font-size: 14px;
	line-height: 120%
}

@media screen and (max-width:695px) {
	.user-interactions .shows[data-v-e99584b8] {
		margin-top: 4px
	}
}

.user-interactions .count[data-v-e99584b8] {
	font-weight: 500;
	font-size: 14px;
	margin-right: 4px
}

[data-v-2782b8b2] .reds-button-new.outlined {
	background: transparent;
	border: 1px solid var(--color-border);
	color: var(--color-secondary-label)
}

[data-v-2782b8b2] .reds-button-new.outlined:hover {
	color: var(--color-primary-label);
	background: var(--color-active-background)
}

.follow-button[data-v-2782b8b2] {
	width: 96px
}

@media screen and (max-width:695px) {
	.follow-button[data-v-2782b8b2] {
		height: 32px;
		width: 80px
	}
}

[data-v-2782b8b2] .reds-button-new-text {
	font-weight: 600;
	font-size: 16px
}

@media screen and (max-width:695px) {
	[data-v-2782b8b2] .reds-button-new-text {
		font-size: 14px;
		font-weight: 500
	}
}

.follow-text[data-v-2782b8b2] {
	color: var(--color-link);
	font-weight: 600;
	cursor: pointer;
	font-size: 16px
}

.user[data-v-3c9ef7ab] {
	padding-top: 72px;
	display: flex;
	align-items: center;
	justify-content: center
}

.user-info[data-v-3c9ef7ab] {
	display: flex;
	justify-content: center;
	padding: 48px 0
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.user-info[data-v-3c9ef7ab] {
		padding: 32px 0
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.user-info[data-v-3c9ef7ab] {
		padding: 24px 0
	}
}

@media screen and (min-width:696px) and (max-width:959px) {
	.user-info[data-v-3c9ef7ab] {
		padding: 24px 0
	}
}

@media screen and (max-width:695px) {
	.user-info[data-v-3c9ef7ab] {
		padding: 16px;
		margin-right: auto;
		width: 100vw
	}
}

.info[data-v-3c9ef7ab] {
	margin-left: 32px
}

@media screen and (min-width:1728px) {
	.info[data-v-3c9ef7ab] {
		width: 533.33333px
	}
}

@media screen and (min-width:1424px) and (max-width:1727px) {
	.info[data-v-3c9ef7ab] {
		width: calc(-42.66667px + 33.33333vw)
	}
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.info[data-v-3c9ef7ab] {
		width: calc(-33.6px + 40vw)
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.info[data-v-3c9ef7ab] {
		width: calc(-36px + 50vw)
	}
}

@media screen and (min-width:696px) and (max-width:959px) {
	.info[data-v-3c9ef7ab] {
		width: calc(-40px + 66.66667vw)
	}
}

@media screen and (max-width:695px) {
	.info[data-v-3c9ef7ab] {
		width: calc(-24px + 100vw)
	}
}

@media screen and (min-width:696px) and (max-width:1191px) {
	.info[data-v-3c9ef7ab] {
		margin-left: 24px
	}
}

@media screen and (max-width:695px) {
	.info[data-v-3c9ef7ab] {
		margin-left: 0;
		width: auto
	}
}

.info-part[data-v-3c9ef7ab] {
	position: relative;
	width: 100%
}

@media screen and (max-width:695px) {
	.avatar[data-v-3c9ef7ab] {
		display: none
	}
}

.follow[data-v-3c9ef7ab] {
	position: absolute;
	margin-left: auto;
	display: block;
	right: 0;
	top: 0
}

@media screen and (max-width:695px) {
	.follow[data-v-3c9ef7ab] {
		bottom: 0;
		top: auto
	}
}

.reds-tab-pane-list {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden
}

.reds-tab-pane-list:empty {
	height: 0
}

.reds-tab-pane-list::-webkit-scrollbar {
	display: none
}

.reds-tabs-list {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	font-size: 16px
}

.reds-tabs-list::-webkit-scrollbar {
	display: none
}

.reds-tabs-list>.active-tag {
	position: absolute;
	height: 40px;
	bottom: 0;
	background-color: var(--color-active-background);
	border-radius: 999px;
	pointer-events: none
}

.reds-tabs-list>.active-bar {
	position: absolute;
	bottom: .5em;
	height: 2px;
	background-color: #ff2e4d;
	border-radius: 2px;
	pointer-events: none
}

.reds-tabs-list>.reds-tab-item {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 40px;
	cursor: pointer;
	color: var(--color-secondary-label);
	white-space: nowrap;
	transition: transform .3s cubic-bezier(.2, 0, .25, 1);
	z-index: 1
}

.reds-tabs-list>.reds-tab-item.active {
	font-weight: 600;
	color: var(--color-primary-label)
}

.reds-tabs-list.text>.reds-tab-item.active {
	transform: scale(1.28)
}

.reds-tabs-list.left {
	justify-content: flex-start
}

.reds-tabs-list.right {
	justify-content: flex-end
}

.reds-tabs-list.center {
	justify-content: center
}

.reds-tab-item {
	display: flex;
	align-items: center
}

.divider[data-v-e8ec6334] {
	width: 100%;
	margin-bottom: 72px;
	height: 1px;
	background: var(--color-border)
}

.static-layout[data-v-851b7154] {
	grid-gap: 16px;
	gap: 16px;
	justify-content: center
}

.tab-content-item[data-v-851b7154] {
	padding-top: 1px;
	padding-left: 1px
}

.user-page-sticky .reds-sticky {
	padding: 16px 0
}

.reds-tab-item[data-v-2dd0b990] {
	font-size: 16px
}

.reds-tab-item[data-v-2dd0b990]:hover {
	color: var(--color-primary-label)
}

.reds-tabs-list[data-v-2dd0b990] {
	justify-content: center
}

@media screen and (min-width:1728px) {
	.reds-tabs-list[data-v-2dd0b990] {
		width: 1445.33333px
	}
}

@media screen and (min-width:1424px) and (max-width:1727px) {
	.reds-tabs-list[data-v-2dd0b990] {
		width: calc(83.33333vw + 5.33333px)
	}
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.reds-tabs-list[data-v-2dd0b990] {
		width: calc(80vw + 4.8px)
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.reds-tabs-list[data-v-2dd0b990] {
		width: calc(75vw + 6px)
	}
}

.collection-icon[data-v-2dd0b990] {
	margin-right: 4px
}

.feeds-tab-container[data-v-2dd0b990] {
	padding-left: var(--horizontalGapPx)
}

.transform-container[data-v-2dd0b990] {
	display: flex;
	will-change: transform;
	transform: translate(0);
	transition: var(--680fbd4c)
}

.lock-icon[data-v-2dd0b990] {
	color: var(--color-secondary-label)
}

[data-v-2dd0b990] .empty-note-container {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

[data-v-2dd0b990] .empty {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

[data-v-2dd0b990] .empty-icon {
	color: var(--color-quaternary-label);
	border-radius: 999px;
	border: 1px solid var(--color-border)
}

[data-v-2dd0b990] .empty-text {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: var(--color-tertiary-label);
	margin-top: 16px
}

.width-auto[data-v-2dd0b990] {
	width: auto
}

.ban[data-v-1cf78efa] {
	width: 100%;
	margin-top: 57px;
	display: flex;
	align-items: center;
	justify-content: center
}

.line[data-v-1cf78efa] {
	margin: 0 33px;
	border-top: 1px solid var(--color-border)
}

.content[data-v-1cf78efa] {
	width: 220px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	color: var(--color-tertiary-label)
}

.content .icon[data-v-1cf78efa] {
	color: var(--color-quaternary-label);
	border-radius: 999px;
	border: 1px solid var(--color-border)
}

div[data-v-1cf78efa] {
	margin-top: 15px
}

.user-page-skeleton[data-v-30d63052] {
	padding-top: 72px
}

.user-info-wrapper[data-v-30d63052] {
	display: flex;
	justify-content: center;
	padding: 48px 0
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.user-info-wrapper[data-v-30d63052] {
		padding: 32px 0
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.user-info-wrapper[data-v-30d63052] {
		padding: 24px 0
	}
}

@media screen and (min-width:696px) and (max-width:959px) {
	.user-info-wrapper[data-v-30d63052] {
		padding: 24px 0
	}
}

@media screen and (max-width:695px) {
	.user-info-wrapper[data-v-30d63052] {
		padding: 16px;
		margin-right: auto;
		width: 100vw
	}
}

.user-info-skeleton-small[data-v-30d63052] {
	width: 100%;
	height: 100%;
	display: none
}

@media screen and (max-width:695px) {
	.user-info-skeleton-small[data-v-30d63052] {
		display: block
	}
}

.user-info-skeleton-small .info-skeleton-small[data-v-30d63052] {
	width: auto;
	color: var(--color-active-background)
}

.info[data-v-30d63052] {
	margin-left: 32px
}

@media screen and (min-width:1728px) {
	.info[data-v-30d63052] {
		width: 533.33333px
	}
}

@media screen and (min-width:1424px) and (max-width:1727px) {
	.info[data-v-30d63052] {
		width: calc(-42.66667px + 33.33333vw)
	}
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.info[data-v-30d63052] {
		width: calc(-33.6px + 40vw)
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.info[data-v-30d63052] {
		width: calc(-36px + 50vw)
	}
}

@media screen and (min-width:696px) and (max-width:959px) {
	.info[data-v-30d63052] {
		width: calc(-40px + 66.66667vw)
	}
}

@media screen and (max-width:695px) {
	.info[data-v-30d63052] {
		width: calc(-24px + 100vw)
	}
}

@media screen and (min-width:696px) and (max-width:1191px) {
	.info[data-v-30d63052] {
		margin-left: 24px
	}
}

@media screen and (max-width:695px) {
	.info[data-v-30d63052] {
		display: none
	}
}

.info-skeleton[data-v-30d63052] {
	height: 100%;
	width: 100%;
	color: var(--color-active-background)
}

.avatar-skeleton-wrapper[data-v-30d63052] {
	text-align: center;
	width: 250.66667px;
	height: 175.46667px
}

@media screen and (min-width:1424px) and (max-width:1727px) {
	.avatar-skeleton-wrapper[data-v-30d63052] {
		width: calc(16.66667vw - 37.33333px);
		height: calc(11.66667vw - 26.13333px)
	}
}

@media screen and (min-width:1192px) and (max-width:1423px) {
	.avatar-skeleton-wrapper[data-v-30d63052] {
		width: calc(20vw - 28.8px);
		height: calc(14vw - 20.16px)
	}
}

@media screen and (min-width:960px) and (max-width:1191px) {
	.avatar-skeleton-wrapper[data-v-30d63052] {
		width: calc(25vw - 30px);
		height: calc(17.5vw - 21px)
	}
}

@media screen and (min-width:696px) and (max-width:959px) {
	.avatar-skeleton-wrapper[data-v-30d63052] {
		width: calc(33.33333vw - 32px);
		height: calc(23.33333vw - 22.4px)
	}
}

@media screen and (max-width:695px) {
	.avatar-skeleton-wrapper[data-v-30d63052] {
		display: none
	}
}

.avatar-skeleton[data-v-30d63052] {
	border-radius: 50%;
	height: 100%;
	color: var(--color-active-background)
}

.tab[data-v-30d63052] {
	height: 72px
}

.note-skeleton[data-v-30d63052] {
	margin-left: var(--b71a9252)
}

.user-page[data-v-374d92a3] {
	background: var(--color-background);
	overflow-y: scroll;
	overflow-x: hidden;
	flex: 1
}

.show-tabs[data-v-374d92a3] {
	width: 100%;
	height: 44px;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.show-tabs .note[data-v-374d92a3] {
	height: 100%;
	padding: 12px 16px;
	font-weight: 500;
	color: var(--color-primary-label)
}

.show-tabs .note .number[data-v-374d92a3] {
	color: var(--color-tertiary-label);
	font-size: 14px
}

.show-tabs .note .line[data-v-374d92a3] {
	padding: 0 3px
}