.photohappy-files__preview-list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	max-width: 100%;
	vertical-align: top;
}

.photohappy-files__preview-list:empty {
	display: none;
}

.photohappy-files__preview-list:not([data-photohappy-preview-owned="true"]):not([data-photohappy-preview-ready="true"]) {
	display: none;
}

.photohappy-files__preview-list[data-photohappy-preview-owned="true"]:not(:empty) + .photohappy-files__fallback,
.photohappy-files__preview-list[data-photohappy-preview-ready="true"]:not(:empty) + .photohappy-files__fallback {
	display: none;
}

@supports selector(:has(*)) {
	.photohappy-files__preview-list:not(:has(.photohappy-files__preview-image)) {
		display: none;
	}

	.photohappy-files__preview-list:has(.photohappy-files__preview-image) + .photohappy-files__fallback {
		display: none;
	}
}

.photohappy-files__preview-item {
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	flex: 0 0 3rem;
	height: 3rem;
	overflow: hidden;
	width: 3rem;
}

.photohappy-files__preview-image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@media (forced-colors: active) {
	.photohappy-files__preview-item {
		border-color: CanvasText;
	}
}