.checkout {
	padding: 1em;
	max-width: 40em;
	margin: 0 auto;
}
.checkout .bar {
	margin-bottom: 1em;
}
.checkout .form {
	max-width: 40em;
	padding: 4em 2em;
}

/* Step */

.answers button,
.answers p,
.radio > div {
	font-size: 1.4em;
}
.answers .htk-select {
	max-width: 10em;
	display: block;
	margin: 0 auto;
	font-size: 1.6em;
	height: 1.8em;
}
.answers p {
	margin: 0.3em 0;
}
.target {
	max-width: 28em;
	margin: 0 auto;
}
.address {
	border-radius: 0.1em;
	padding: 0.6em 1.4em;
}
.address.selected {
	background-color: rgba(1, 1, 1, .1);
}
.address:hover {
	cursor: pointer;
	background-color: rgba(1, 1, 1, .05);
}
.address p.consignee {
	font-weight: bold;
}
.radio {
	max-width: 20em;
	margin: 0 auto;
}
.radio > div {
	padding: 0.5em;
}
.thin-calendar {
	width: inherit;
	max-width: 24em;
	margin: 0 auto;
	box-shadow: .05em .05em .2em rgba(0, 0, 0, .2);
}
.thin-calendar tr > th {
	color: white;
}
.htk-assistant .thin {
	float: right;
}