#otherLink
{
	position: absolute;
	top: calc(var(--nav-height) + var(--spacing-base-half));
	right: var(--spacing-base);
}

#emptyMessage
{
	text-align: center;
	display: none;

	body:not(:has(trade-summary)):not(:has(spinner)) &
	{
		display: block;
	}
}


body:not(:has(trade-summary)) #searchInput
{
	display: none;
}


row
{
	display: flex;
	flex-direction: row;
	gap: var(--spacing-base);
	flex-wrap: wrap;
}
column
{
	display: block;
	width: calc(50% - var(--spacing-base)/2);
	
	@media screen and (max-width: 800px) 
	{
		width: 100%;
	}
}

header
{
	display: flex;
	flex-direction: row;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	span
	{
		flex-grow: 1;
		text-align: left;
		font-size: 1.1rem;
		font-weight: bold;
	}
}