.wp-block-solaris-artists-single-artist {
	--artist-gap: 1.5rem;
	--artist-image-ratio: 1 / 1;
	--artist-image-width: 40%;
}

.solaris-artist {
	box-sizing: border-box;
	display: flex;
	gap: var(--wp--style--block-gap, var(--artist-gap));
}

.solaris-artist--image-top {
	flex-direction: column;
}

.solaris-artist--image-left {
	flex-direction: row;
}

.solaris-artist--image-right {
	flex-direction: row-reverse;
}

.solaris-artist__image {
	flex: 0 0 var(--artist-image-width);
	margin: 0;
	max-width: 100%;
}

.solaris-artist--image-top .solaris-artist__image {
	width: var(--artist-image-width);
}

.solaris-artist__image-element {
	aspect-ratio: var(--artist-image-ratio);
	display: block;
	height: auto;
	object-fit: cover;
	object-position: var(--artist-image-position, center);
	width: 100%;
}

.solaris-artist__content {
	flex: 1 1 auto;
	min-width: 0;
}

.solaris-artist__name {
	margin-block-start: 0;
}

.solaris-artist__notice {
	border: 1px solid currentColor;
	padding: 1rem;
}

.solaris-artist-picker {
	list-style: none;
	margin: 0;
	max-height: 20rem;
	overflow: auto;
	padding: 0;
	width: 100%;
}

.solaris-artist-picker__item + .solaris-artist-picker__item {
	margin-top: 0.5rem;
}

.solaris-artist-picker__button {
	align-items: center;
	display: flex;
	gap: 0.75rem;
	height: auto;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
}

.solaris-artist-picker__thumbnail,
.solaris-artist-picker__thumbnail-placeholder {
	background: #f0f0f0;
	flex: 0 0 48px;
	height: 48px;
	object-fit: cover;
	width: 48px;
}

.solaris-artist-picker__button span {
	display: block;
}

@media (max-width: 600px) {
	.solaris-artist--image-left,
	.solaris-artist--image-right {
		flex-direction: column;
	}

	.solaris-artist--image-left .solaris-artist__image,
	.solaris-artist--image-right .solaris-artist__image {
		width: 100%;
	}
}