.track-editor {
	display: flex;
	flex-direction: column;

	align-items: center;

	min-width: 600px;
	gap: 20px;

	.track-editor-actions {
		display: flex;
		flex-direction: row;

		align-items: center;
		justify-content: flex-end;

		align-self: center;

		gap: 10px;
	}

	.track-editor-field {
		display: flex;
		flex-direction: column;

		align-items: flex-start;

		gap: 10px;

		width: 100%;

		.track-editor-field-header {
			display: inline-flex;
			flex-direction: row;

			justify-content: flex-start;
			align-items: center;

			gap: 7px;

			width: 100%;

			h3 {
				font-size: 1.2rem;
			}
		}

		.track-editor-field-actions {
			display: flex;
			flex-direction: row;

			justify-content: flex-start;
			align-items: center;

			gap: 10px;

			width: 100%;
		}
	}
}
