.taxonomy-manager {
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--color-neutral-10) 50%, transparent),
		0 1px 2px var(--color-neutral-0);
}

.taxonomy-manager__header {
	display: flex;
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--color-neutral-10) 50%, transparent),
		0 1px 2px var(--color-neutral-0);
	background: var(--color-surface);
}

.taxonomy-manager__header .search-card {
	margin-bottom: 1px;
	display: flex;
	flex-grow: 1;
	box-shadow: none;
}

.taxonomy-manager__header .search-card .search {
	height: 58px;
}

.taxonomy-manager__actions {
	flex-grow: 0;
	padding: 16px 24px;
}

.taxonomy-manager .ReactVirtualized__List {
	direction: ltr !important;
}

.taxonomy-manager__nested-list {
	margin-left: 2em;
}

.taxonomy-manager__list-item {
	background-color: var(--color-neutral-0);
}

.taxonomy-manager__list-item-card {
	cursor: pointer;
}

.taxonomy-manager__list-item-card.card.is-compact {
	padding: 0;
}

.taxonomy-manager__item {
	display: flex;
	flex-direction: row;

	.taxonomy-manager__icon {
		padding: 15px;
		color: var(--color-neutral-light);
		.gridicon {
			display: block;
		}
	}
	&.is-default .taxonomy-manager__icon {
		color: var(--color-accent);
	}

	.taxonomy-manager__label {
		line-height: 54px;
		white-space: nowrap;
		overflow: hidden;
		flex-grow: 1;
		position: relative;

		&::after {
			@include long-content-fade();
		}

		.taxonomy-manager__list-item.is-placeholder & {
			color: transparent;
			background-color: var(--color-neutral-0);
			animation: loading-fade 1.6s ease-in-out infinite;
		}

		.taxonomy-manager__default-label {
			text-transform: uppercase;
			color: var(--color-accent);
			font-size: $font-body-extra-small;
			margin-left: 10px;
		}

		.taxonomy-manager__podcast-indicator {
			margin-left: 6px;

			.gridicon {
				position: relative;
				top: 2px;
			}
		}
	}

	span[role="button"],
	.button {
		&:focus-visible,
		&:focus {
			box-shadow: inset 0 0 0 2px var(--color-primary-light);
		}
	}

	.taxonomy-manager__count {
		margin: auto;
	}

	.ellipsis-menu {
		.ellipsis-menu__toggle.button.is-borderless {
			cursor: pointer;
			font-size: $font-title-medium;
			color: var(--color-text-subtle);
			padding: 15px 24px;
			min-width: 24px;
			.gridicon {
				top: 2px;
			}
		}

		&.is-menu-visible .ellipsis-menu__toggle.button.is-borderless {
			color: var(--color-accent);
		}
	}
}

.taxonomy-manager .virtual-list__list-row.is-empty {
	padding: 16px 24px;
	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
}
