.trading {
	padding-inline: 60px;
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;

	@media screen and (max-width: 1600px) {
		padding-inline: 40px;
	}

	@media screen and (max-width: 1200px) {
		padding-inline: 20px;
	}

	&__top {
		margin-top: 16px;
		display: flex;
		gap: 10px;
		height: 550px;

		&_trades {
			max-width: 415px;
			width: 100%;
			height: 100%;
		}

		&_chart {
			width: 100%;
			overflow: hidden;
			display: flex;
			flex-direction: column;

			.settings {
				display: flex;
				align-items: center;
				justify-content: space-between;

				&__dropdown {
					width: 250px;
					height: 48px;

					@media screen and (max-width: 1360px) {
						width: 200px;
					}
				}
			}
		}

		&_form {
			width: 100%;
			height: 100%;
			max-width: 415px;
		}
	}
}

@media screen and (max-width: 1280px) {
	.trading__top {
		gap: 8px;

		&_trades,
		&_form {
			max-width: 310px;
		}
	}
}

@media screen and (max-width: 1024px) {
	.trading__top {
		&_trades,
		&_form {
			max-width: 100%;
		}

		&_chart {
			display: none;
		}
	}
}

@media screen and (max-width: 640px) {
	.trading__top {
		height: 380px;
	}
}

@media screen and (max-width: 580px) {
	.trading__top {
		height: 370px;
	}
}
