inv-item-bid
{
	position: relative;
	
	right-align
	{
		width: 100%;
		font-size: 0.8rem;
		text-align: right;
		margin-top: 0.2rem;

		bids,
		body:not([anon]) total-bids,
		lowest-price
		{
			display: block;
		}
	}

	bid
	{
		display: block;
	}

	&[intent='Want'] button[propose],
	body[anon] & button[propose]
	{
		display: none;
	}

	self-bid
	{
		width: 100%;

		hr
		{
			margin: 0.3rem;
		}
		
		span
		{
			float: right;
		}
	}

	[SHORTCUT="bidEdit"]
	{
		width: 100%;
		
		input, select, button
		{
			font-size: 0.8rem;
			padding: 0.2rem;
			padding-left: 0.6rem;
			padding-right: 0.4rem;
			min-height: 0;
		}

		select
		{
			flex-grow: 0;
			max-width: 4rem;
			background-position: right 0rem center;
		}

		labeled-input
		{
			flex-grow: 1;
			margin-bottom: 0;
			
			label
			{
				font-size: 0.6rem;
				left: calc(var(--border-radius));
			}
		}

		group
		{
			padding-top: var(--spacing-base-half);

			button
			{
				height: initial;
				padding-left: 0.4rem;
				padding-right: 0.4rem;
			}
		}
	}

	:where(body[anon] total-bids),
	:where(body[anon] button[title="Bid"]),
	:where(body[anon] bid a),
	:where(body[anon] bid note),
	&:not([intent='Want']):not([hasSelfBid]) self-bid,
	&:not([intent='Want']) self-bid button,
	&:not([intent='Want']) button[title="Delete"],
	&[intent]:not([fromSearch]) button[title="Bid"],
	&[hasSelfBid] button[title="Bid"]
	{
		display: none;
	} 

	button[title="Delete"],
	button[title="Bid"]
	{
		position: absolute;
		top: 0.2rem;
		right: 0.2rem;
	}
}