/*
 * Icon tile: the square that carries a feature's icon.
 */

.kimaai-icon-tile {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--wp--preset--color--brand-soft);
	border-radius: var(--wp--custom--radius--md);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--brand-faint) 100%);
	box-shadow: var(--wp--preset--shadow--xs), inset 0 -2px 0 var(--wp--preset--color--brand-soft);
	color: var(--wp--preset--color--action);
}

.is-style-night .kimaai-icon-tile {
	border-color: var(--wp--preset--color--night-border);
	background: var(--wp--preset--color--night-raised);
	box-shadow: none;
	color: var(--wp--preset--color--brand-light);
}