.creamy-semantic-anchor {
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	visibility: hidden;
	width: 0;
}

.creamy-anchor-gallery-host {
	position: relative;
}

.creamy-anchor-overlay {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	inset: auto;
	justify-content: flex-start;
	pointer-events: none;
	z-index: var(--creamy-anchor-overlay-z-index, 8);
}

.creamy-anchor-overlay--gallery {
	left: 0;
	position: absolute;
	top: 0;
}

.creamy-anchor-overlay--portal {
	left: 0;
	position: fixed;
	top: 0;
	will-change: transform;
}

.creamy-anchor-overlay > * {
	inset: auto !important;
	max-width: 100% !important;
	pointer-events: none;
	position: relative !important;
	user-select: text;
	width: var(--creamy-anchor-popup-width, auto) !important;
}

.creamy-anchor-overlay--interactive > * {
	pointer-events: auto;
}

[data-creamy-anchor-mount="flow"] {
	inset: auto !important;
	position: relative !important;
}

.creamy-anchor-overlay--top-center {
	justify-content: center;
}

.creamy-anchor-overlay--top-right {
	justify-content: flex-end;
}

.creamy-anchor-overlay--center-left {
	align-items: center;
}

.creamy-anchor-overlay--center {
	align-items: center;
	justify-content: center;
}

.creamy-anchor-overlay--center-right {
	align-items: center;
	justify-content: flex-end;
}

.creamy-anchor-overlay--bottom-left {
	align-items: flex-end;
}

.creamy-anchor-overlay--bottom-center {
	align-items: flex-end;
	justify-content: center;
}

.creamy-anchor-overlay--bottom-right {
	align-items: flex-end;
	justify-content: flex-end;
}