Odyssey styleguide

<div class="odyssey-inputgroup [modifier class]">
	<label for="metric-dropdown-input"class="odyssey-inputgroup__label">Transaction ID</label>
	<div class="odyssey-input-metric">
		<select class="odyssey-input-metric__metric odyssey-input-metric__select">
			<option>EUR</option>
			<option>USD</option>
		</select>
		<div class="odyssey-input-dropdown">
			<input id="metric-dropdown-input"class="odyssey-input-dropdown__input"placeholder="Enter value">
			<select class="odyssey-input-dropdown__select">
				<option>value</option>
				<option>percentage</option>
			</select>
		</div>
	</div>
	<label for="metric-dropdown-input"class="odyssey-inputgroup__error">That’s not a correct e-mail address</label>
</div>
<hr id="ignore-me" style="opacity: 0.1; margin: 25px 0px;"/>
<div class="odyssey-inputgroup [modifier class]">
	<div class="odyssey-input-metric">
		<select class="odyssey-input-metric__metric odyssey-input-metric__select">
			<option>EUR</option>
			<option>USD</option>
		</select>
		<div class="odyssey-input-dropdown">
			<input class="odyssey-input-dropdown__input" placeholder="Enter value">
			<select class="odyssey-input-dropdown__select">
				<option>value</option>
				<option>percentage</option>
			</select>
		</div>
	</div>
</div>