/* Same cap as #edittag. */
.tsf-user-settings {
	max-width: 800px;
}

/* #profile-page .form-table textarea is 500px. Term .form-field fields are 95%. */
#profile-page .tsf-user-settings :is(
	input[type="text"],
	input[type="url"],
	textarea
) {
	width: 95%;
}

.tsf-user-button-wrap,
.tsf-user-select-wrap {
	margin-top: 7px;
	margin-bottom: 14px;
	max-width: 95%;
}

.tsf-user-select-wrap label {
	display: inline-block;
	vertical-align: top;
	line-height: 1.3;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 7px;
}

.tsf-user-select-wrap select {
	display: block;
}

.tsf-user-meta select {
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
}

.tsf-user-checkbox-wrap {
	display: inline-block;
	margin-top: 14px;
	margin-inline-start: 2px;
	max-width: calc( 95% - 2px );
}

@media only screen and ( max-width: 782px ) {
	.tsf-user-button-wrap,
	.tsf-user-select-wrap {
		max-width: 100%;
	}

	.tsf-user-checkbox-wrap {
		width: 100%;
	}

	#profile-page .tsf-user-settings :is(
		input[type="text"],
		input[type="url"],
		textarea
	) {
		width: 100%;
		max-width: none;
	}

	/* WP forgotten template... TODO open trac ticket. */
	/* .form-table td input[type=url] { */
	.tsf-user-settings input[type=url] {
		width: 100%;
		font-size: 16px;
		line-height: 1.5;
		padding: 7px 10px;
		display: block;
		max-width: none;
		box-sizing: border-box;
	}
}