HQShop {
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;

	.inventory {
		flex-grow: 1;
		flex-direction: column;
		padding: 5px 10px;
		pointer-events: all;
		gap: 10px;
		border-radius: 0px 10px 10px 0px;

		.techlist {
			gap: 0;
			padding: 5px;
		}

		.items {
			padding: 0;
			margin: 0;
			flex-direction: column;
			flex-grow: 1;
			gap: 15px;
			scrollbar-width: auto;

			.item {
				align-items: center;

				.btn-buy {
					min-width: 110px;
				}

				.info {
					flex-direction: column;
				}
			}

			.tech {
				padding: 10px 5px;
				.info {
					padding: 0 5px;
				}
			}

			.tech.researching {
				border-radius: 15px;
				background-color: #048;
			}

			.research-time {
				gap: 5px;
			}
		}
	}

	.gutter {
		align-self: flex-start;
		padding: 10px;
		border-radius: 0px 10px 0px 0px;
		gap: 10px;
		pointer-events: all;
		flex-shrink: 0;
	}
}