.market-item {
	background: white;
	border-radius: 1px;
	margin: 1vmin 0 0 1vmin;
	padding: 1.5em 4.9vw 1.5em 2.8rem;

	.basics-container {
		display: inline-block;
		padding-right: 1em;
		vertical-align: middle;
		width: 70%;

		.basics {
			.description {
				color: black;
				margin: 0.5rem 2.5vw 0 0;
				width: 100%;
			}

			.properties {
				color: @color-dark-active;
			}
		}

		.buttons {
			margin: 2.5rem 0 1rem;

			.button {
				font-size: 1rem;
				font-weight: 700;
				height: 2.4em;
				line-height: 2.3em;
				margin: 0 1rem 0 0;
				padding: 0 0.75em;
			}
		}
	}

	.outcomes {
		display: inline-block;
		vertical-align: middle;
		width: 30%;

		.outcome {
			border-left: 4px solid @color-border-muted;
			display: flex;
			font-size: 1.3rem;
			font-weight: 700;
			line-height: 1.4em;
			margin-top: 0.1em;
			padding: 0.3em;

			.outcome-name {
				display: inline-block;
				text-align: left;
				width: 70%;
			}

			.outcome-price {
				display: inline-block;
				font-weight: 400;
				margin-right: 1em;
				overflow: hidden;
				text-align: right;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 30%;

				.colorize();
			}
		}
	}

	.favorite-button {
		font-size: 1.8rem;
		position: absolute;
		right: 1.6rem;
		top: 1.6rem;

		&.on {
			font-size: 2rem;
			right: 1rem;
			top: 0.7rem;
		}
	}
}