.image-tagger.ArtBrowser {
	.image {
		display: flex;
		flex-direction: column;
		gap: 8px;
		position: relative;

		img {
			width: 100%;
			aspect-ratio: 1;
			object-fit: contain;
			transition: all 100ms ease-in-out;
		}

		&:has(input[type="checkbox"]:checked) img {
			transform: scale(0.85);
		}

		.details {
			display: flex;
			flex-direction: column;
			gap: 4px;
			padding: 0px 4px 4px;
		}

		input[type="checkbox"] {
			position: absolute;
		}
	}
}