/*
 * Category tiles: each category's picture in a 140 x 110 frame with soft
 * corners, filled edge to edge, its name under it. WooCommerce's block
 * stylesheet floats the picture beside the name in a 50px box with selectors
 * two and three classes deep, so these are written one deeper to win.
 */
.wp-block-woocommerce-product-categories.os-tiles .wc-block-product-categories-list-item {
	margin: 0;
}

.wp-block-woocommerce-product-categories.os-tiles .wc-block-product-categories-list-item__image {
	display: block;
	box-sizing: border-box;
	width: 140px;
	max-width: none;
	height: 110px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 12px;
	background: var(--wp--preset--color--tint);
}

.wp-block-woocommerce-product-categories.os-tiles .wc-block-product-categories-list-item__image img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}