Odyssey styleguide

<div class="odyssey-menu">
	<input class="odyssey-menu__check" id="account_dropdown" type="checkbox" hidden>
	<label class="odyssey-menu__label odyssey-menu__label-hide-text-mobile" for="account_dropdown">
		<div class="odyssey-menu__icon"></div>
		<span class="odyssey-menu__text">This Is A Long Account Name</span>
		<div class="odyssey-menu__arrow"></div>
	</label>
	<div class="odyssey-menu__expand">
		<div class="odyssey-menu__content">
			<ul class="odyssey-menulist">
				<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="/accounts/1">Account 1</a></li>
				<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="/accounts/1">Account 2</a></li>
				<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="/accounts/1">Account 3</a></li>
				<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="/accounts/1">Account 4</a></li>
				<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="/accounts/1">Account 5</a></li>
				<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="/accounts/1">Account 6</a></li>
			</ul>
			<ul class="odyssey-menulist odyssey-menulist--border-radius">
				<li class="odyssey-menulist__item odyssey-menulist__item--top-border odyssey-menulist__item--regular-text">
				<a class="odyssey-menulist__link" href="/"><i class="odyssey-menulist__icon"></i>Add account</a>
				</li>
			</ul>
		</div>
	</div>
</div>