.wp-block-playlist-track {
	&:has([aria-current="true"]) {
		background-color: color-mix(in srgb, currentColor 10%, transparent);
	}

	&:hover {
		background-color: color-mix(in srgb, currentColor 15%, transparent);
	}

	.wp-block-playlist__tracklist-show-numbers & {
		counter-increment: playlist-track;
	}

	.wp-block-playlist-track__button {
		display: flex;
		align-items: center;
		width: 100%;
		padding: var(--wp--preset--spacing--20, 0.5em);
		font-size: inherit;
		font-family: inherit;
		text-align: left;
		background-color: transparent;
		color: inherit;
		border: 0;
		outline-offset: 2px;
		cursor: pointer;

		.wp-block-playlist__tracklist-show-numbers &::before {
			content: counter(playlist-track);
			width: 2ch;
			margin-right: var(--wp--preset--spacing--20, 0.5em);
			font-size: 0.85em;
			opacity: 0.7;
		}

		.wp-block-playlist-track__content {
			flex: 1 1 0;
			min-width: 0;
		}

		.wp-block-playlist-track__title {
			display: block;
		}

		.wp-block-playlist-track__artist {
			display: block;
			font-size: 0.85em;
			opacity: 0.7;
			margin-top: 0.125em;
		}

		.wp-block-playlist-track__length {
			margin-left: auto;
			font-size: 0.85em;
			opacity: 0.7;
		}
	}
}