.dhe-spotify-playlists {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	gap: var(--theme-content-spacing, 2rem);
}
.dhe-spotify-card {
	display: flex;
	flex-direction: column;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid currentColor;
	border-color: color-mix(in srgb, currentColor 18%, transparent);
	border-radius: var(--theme-border-radius, 6px);
	background-color: var(--theme-palette-color-6, #20082e);
}
.dhe-spotify-title { margin-top: 0; }
.dhe-spotify-instruction { margin: -.5rem 0 1rem; }
.dhe-spotify-description { margin-top: 0; }
.dhe-spotify-tracks { margin: 1rem 0 1.5rem; padding: 0; list-style: none; }
.dhe-spotify-tracks li + li { margin-top: .75rem; }
.dhe-track-link { display: flex; align-items: center; gap: .75rem; text-decoration: none; }
.dhe-track-information { min-width: 0; overflow-wrap: anywhere; }
.dhe-track-artwork { flex: 0 0 auto; width: 3rem; height: 3rem; object-fit: contain; }
.dhe-artwork-small .dhe-track-artwork { width: 3rem; height: 3rem; }
.dhe-artwork-medium .dhe-track-artwork { width: 4.5rem; height: 4.5rem; }
.dhe-artwork-large .dhe-track-artwork { width: 6rem; height: 6rem; }
.dhe-track-name, .dhe-track-artist { display: block; }
.dhe-track-name { font-weight: 700; }
.dhe-track-artist { font-size: .9em; opacity: .75; }
.dhe-spotify-card .wp-block-buttons { margin-top: auto; }
.dhe-spotify-attribution { margin: .75rem 0 0; font-size: .8em; opacity: .75; }
@media (prefers-reduced-motion: no-preference) {
	.dhe-spotify-tracks a { transition: opacity .2s ease; }
	.dhe-spotify-tracks a:hover { opacity: .72; }
}