@layer components {
	.client-logo {
		--logo-height: 32px;
		--logo-opacity: 0.7;

		block-size: var(--logo-height);
		opacity: var(--logo-opacity);
		filter: grayscale(1);
		transition:
			opacity 0.2s,
			filter 0.2s;
	}

	.client-logo:hover {
		opacity: 1;
		filter: grayscale(0);
	}
}