.wishlist-button-container {
	display: inline-block;
	height: 20px;
	text-align: left;
	position: relative;
}

.wishlist-button {
	background: none;
	border: none;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}
.wishlist-heart {
	width: 2ex;
	height: 2ex;
	vertical-align: -0.3ex;
}
.wishlist-spinner {
	display: inline-block;
	vertical-align: -0.3ex;
	width: calc(2ex - 2 * 0.4ex);
	height: calc(2ex - 2 * 0.4ex);
	border: 0.4ex solid #aaa;
	border-top-color: #000;
	border-radius: 50%;
	animation: wishlist-spin 1s linear infinite;
}
@keyframes wishlist-spin {
	100% {
		transform:rotate(360deg);
	}
}

.wishlist-picker:empty {
	display: none;
}
.wishlist-picker {
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	transform: translateX(-40%);
	z-index: 1;
	width: 200px;
	border: 1px solid #aaa;
	border-radius: 10px;
	box-shadow: 0 0 3px #0005;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.wishlist-picker-wishlist {
	all: unset;
	display: block;
	cursor: pointer;
	padding: 10px;
	font-size: 14px;
	&:hover, &:focus-visible {
		background-color: #f4f4f4;
	}
	&:not(:last-child) {
		border-bottom: 1px dotted black;
	}
}