.tsf-js .hide-if-tsf-js,
.tsf-no-js .hide-if-no-tsf-js {
	display: none;
}

.tsf-title-wrap {
	position: relative;
	display: block;
	padding: 0;
	height: auto;
	width: auto;
}

.tsf-title-offset-wrap {
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
}

.tsf-title-offset {
	visibility: hidden;
	height: 0;
	display: inline-block;
	position: absolute;
	inset-inline-start: 0;
	color: transparent;
	white-space: pre;
}

.tsf-title-placeholder-additions,
.tsf-title-placeholder-prefix {
	position: absolute;
	color: #777;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: content-box;
	top: 0;
	inset-inline-start: 0;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	will-change: left, right;
}

.tsf-title-placeholder-additions {
	display: none;
}

.fixed .column-tsf-seo-bar-wrap {
	width: 11%;
}

.tsf-seo-bar {
	display: flow-root;
	width: 95%;
	max-width: 190px;
	padding: 0;
}

.tsf-seo-bar-inner-wrap {
	border-radius: 3px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tsf-seo-bar-section-wrap {
	min-width: 2em;
	flex: 1 1 auto;
}

.tsf-seo-bar-item {
	display: block;
	color: #fff;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border: 1px solid rgba( 0, 0, 0, .1 );
	text-shadow: 0 0 3px rgba( 0, 0, 0, .7 );
	-webkit-user-select: none;
	user-select: none;
}

.tsf-seo-bar-item:focus {
	outline: none;
	box-shadow: 0 0 0 1px currentColor inset;
}

body.no-js .tsf-seo-bar-item {
	cursor: default;
}

.tsf-seo-bar-bad {
	background-color: #d63638;
}
.tsf-seo-bar-okay {
	background-color: #ffae00;
}
.tsf-seo-bar-good {
	background-color: #00a32a;
}
.tsf-seo-bar-unknown {
	background-color: #3582c4;
}
.tsf-seo-bar-undefined {
	background-color: #8c8f94;
}

body.tsf-seo-bar-low-contrast .tsf-seo-bar-bad {
	background-color: #d63638;
}
body.tsf-seo-bar-low-contrast .tsf-seo-bar-okay {
	background-color: #e6ca75;
}
body.tsf-seo-bar-low-contrast .tsf-seo-bar-good {
	background-color: #36b37e;
}
body.tsf-seo-bar-low-contrast .tsf-seo-bar-unknown {
	background-color: #6886c5;
}
body.tsf-seo-bar-low-contrast .tsf-seo-bar-undefined {
	background-color: #9e9e9e;
}

/* Taxonomies overflow fix */
#col-container,
#col-right {
	overflow: initial;
}

.tsf-help {
	font-weight: normal;
}

/**
 * General fields.
 */
.tsf-flex {
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	flex-flow: column wrap;
	justify-content: flex-start;
}

input:is( .tsf-default-selected, .tsf-warning-selected ) {
	position: relative;
	will-change: opacity; /* animations glitch if GPU is not ready; mix-blend-mode bug */
	color: #00a32a;
	border-color: currentColor;
}
input.tsf-warning-selected {
	color: #d63638;
}

input:is( .tsf-default-selected, .tsf-warning-selected ):after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: inherit;
	background-color: currentColor;
	mix-blend-mode: color;
}

input:is( .tsf-default-selected, .tsf-warning-selected ):focus {
	border-color: currentColor;
	box-shadow: 0 0 0 1px currentColor;
}

label.tsf-disabled {
	color: #999;
}
label.tsf-disabled,
input.tsf-disabled {
	cursor: default;
}

.tsf-fields {
	font-size: 13px;
	line-height: 1.5;
	margin: 1em 0;
}

.tsf-fields .tsf-toblock {
	display: block;
	width: 100%;
	margin-bottom: 4px;
}

.tsf-fields p.description {
	margin: 7px 0 5px;
	color: #666;
}

.tsf-option-spacer {
	margin: 1em 0;
}

.tsf-select-wrap {
	margin-top: 7px;
	margin-bottom: 14px;
}
.tsf-select-wrap:last-of-type {
	margin-bottom: 0;
}

.tsf-select-block > select {
	margin-top: 7px;
	margin-bottom: 14px;
	display: block;
}
.tsf-select-block:last-of-type > select {
	margin-bottom: 0;
}

.tsf-checkbox-wrapper {
	margin-top: 15px;
}

.tsf-checkbox-wrapper:first-child {
	margin-top: 0;
}

.tsf-metaboxes legend h4 {
	margin: 2px 0;
}

.tsf-metaboxes legend p:last-of-type {
	margin-bottom: 0;
}

/**
 * Start AJAX
 */
.tsf-counter-wrap .tsf-ajax {
	margin-inline-start: .5ch;
}

.tsf-ajax:before {
	display: inline-block;
	line-height: 1;
	font-family: dashicons;
	font-style: normal;
	font-weight: 400;
	font-size: 1.225em;
	vertical-align: middle;
	content: "";
}

.tsf-ajax.tsf-loading:before {
	content: "\f463";
	color: #2271b1;
	animation: tsf-spin 1.5s linear infinite;
}

.tsf-ajax.tsf-error:before {
	content: "\f158";
	color: #d63638;
}

.tsf-ajax.tsf-success:before {
	content: "\f147";
	color: #00a32a;
}

.tsf-ajax.tsf-unknown:after {
	content: "\f223";
	color: #057c99;
}

:is( .tsf-metaboxes, #tsf-inpost-box, .tsf-term-meta, .tsf-quick-edit-columns ) :is( input[type=text], input[type=url], textarea )::placeholder {
	transition: color .165s ease-in, text-shadow .165s ease-in;
	text-shadow: 0 0 0 rgba( 114, 119, 124, .75 );
}

:is( .tsf-metaboxes, #tsf-inpost-box, .tsf-term-meta, .tsf-quick-edit-columns ) :is( input[type=text], input[type=url], textarea ):focus::placeholder {
	color: transparent;
	text-shadow: 0 0 1px rgba( 114, 119, 124, .75 );
}

@keyframes tsf-spin {
	0% {
		transform: rotate( 0deg );
	}
	100% {
		transform: rotate( 360deg );
	}
}

@media screen and ( max-width: 782px ) {
	.tsf-metaboxes p.tsf-fields,
	.tsf-inpost-box p.tsf-fields {
		line-height: 2.8;
	}

	#tsf-title-location label span,
	#tsf-home-title-location label span {
		min-width: 40px;
	}

	.wp-list-table .is-expanded td.tsf-seo-bar-wrap:not( .hidden ) {
		overflow: initial !important;
	}
}

@media screen and ( max-width: 642px ) {
	.tsf-nav-desktop {
		display: none;
	}
}

/* Hide deceptive notice from Awesome Motive */
#wpbody .aioseo-conflicting-plugins-notice {
	display: none;
}
