.unk-spotify {
	display: inline-flex;
	position: relative;
	z-index: 2;
	flex-direction: column;
	isolation: isolate;
	color: var(--unk-color-text);
	text-transform: uppercase;
}

.unk-spotify[hidden] {
	display: none;
}

.unk-spotify__status {
	display: inline-block;
	align-self: flex-start;
	position: relative;
	z-index: 1;
	color: var(--unk-color-text-muted);
	white-space: nowrap;
}

.unk-spotify__link {
	align-self: flex-start;
	position: relative;
	z-index: 1;
	color: inherit;
	text-decoration: none;
}

.unk-spotify__message {
	display: inline;
	position: relative;
	z-index: 1;
	color: var(--unk-color-accent);
}

.unk-spotify__cover {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 10rem;
	height: 10rem;
	opacity: 0;
	visibility: hidden;
	object-fit: cover;
	pointer-events: none;
	will-change: transform;
}

.unk-spotify__cover--visible {
	opacity: 1;
	visibility: visible;
}

.unk-spotify__cover[hidden] {
	display: none;
}

.unk-spotify__link:hover,
.unk-spotify__link:focus-visible {
	color: var(--unk-color-accent);
}