inv-item-match
{
	cursor: pointer;
	
	&:has(> switch input:checked)
	{
		border: 1px solid var(--success-a0);
		background-color: var(--surface-tonal-a10);
	}

	&:has(> switch [disabled])
	{
		cursor: not-allowed;
	}

	& > switch
	{
		--switch-height: 1rem;
		margin-bottom: 0;
	}
}match-box
{
	display: block;
	position: relative;

	header
	{
		position: relative;
		display: block;
		font-size: 1.5rem;
		font-weight: bold;

		quantity
		{
			position: absolute;
			bottom: var(--spacing-base-half);
			right: 0;
			font-size: 1.2rem;
			font-weight: initial;
		}
	}

	body-container
	{
		display: block;
	}

	trade-controls 
	{
		display: flex;
		flex-direction: row;
		margin-top: var(--spacing-base);

		button
		{
			margin-left: auto;
		}
	}

	[SHORTCUT="tradeLink"]
	{
		display: none;
		margin: auto;
		width: max-content;
	}

	&[tradeHID]
	{
		[SHORTCUT="tradeLink"]
		{
			display: block;
		}

		trade-controls
		{
			display: none;
		}
	}

	[SHORTCUT="newItemsBadge"]
	{
		background: var(--primary-a0);
	}
	
	[SHORTCUT="minimise"]
	{
		position: absolute;
		top: 0;
		right: var(--spacing-base);

		transition: var(--transition-base);

		&.ri-add-line
		{
			transform: rotate(90deg);
		}
	}
}