$o-account-bp1: 760;

.o-account {
	@include template(menu, content);
	display: grid;
	grid-template-areas: "menu" "content";
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	grid-row-gap: space(4);

	@include mq($o-account-bp1) {
		grid-template-areas: "menu content";
		grid-template-columns: 3fr 8fr;
		grid-template-rows: auto;
	}
}


.o-account__content {
	max-width: 672px;
}


.o-account__data {
	max-width: 472px;
}


.o-account__list {
	list-style: none;
	margin-top: space(4);
	margin-left: 0;
}


.o-account__item {
	&:nth-child(n+2) {
		margin-top: space(2);
	}
}


.o-account__link {
	@include font-size(m);
	padding: 0;
	border: none;
	text-decoration: none;
	cursor: pointer;
	color: palette(neutral, 900);
	transition: all 100ms linear;
	background: none;

	&:hover {
		color: palette(action, 500);
	}
}