.inventory-item-lineitem {
	display: flex;
	align-items: center;
	padding: calc(4 * var(--spacing));
	border-bottom: 1px solid var(--color-neutral-200);

	.image {
		width: calc(16 * var(--spacing));
		height: calc(16 * var(--spacing));
		margin-right: calc(4 * var(--spacing));
	}

	svg {
		width: calc(5 * var(--spacing));
		height: calc(5 * var(--spacing));
	}

	.details {
		flex-grow: 1;
	}
}

.inventory-item {
	.image {
		height: calc(64 * var(--spacing));
	}
}

.inventory-category-header {
	display: flex;
	align-items: center;
	padding: calc(4 * var(--spacing));
	gap: calc(2 * var(--spacing));
	background-color: var(--bg-color);

	svg {
		width: calc(4 * var(--spacing));
		height: calc(4 * var(--spacing));
	}
}

@media (width < 40rem) {
	.inventory-item {
		h3 {
			margin-bottom: calc(2 * var(--spacing));
		}

		button.primary {
			width: 100%;
		}
	}

	.inventory-header {
		display: flex;
		gap: calc(4 * var(--spacing));
	}

	.inventory-photos {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: calc(2 * var(--spacing));

		.image {
			max-height: calc(25 * var(--spacing));
		}
	}

	.inventory-notes {
		display: flex;
		flex-direction: column;
		gap: calc(2 * var(--spacing));
	}
}