body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-content: center;
	align-items: center;
	justify-content: center;
	height: 100vh;
}
main {
	background-color: hsl(var(--gray-3-hsl));
	padding: 5vw;
}
main form {
	max-width: 800px;
	width: 90vw;
}
main .device-selection {
	max-width: 800px;
	width: 90vw;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
main .device-selection p {
	margin: 0;
}
main .device-card {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1rem;
	border: 1px solid hsl(var(--gray-5-hsl));
	background: hsl(var(--gray-2-hsl));
}
main .device-card small {
	word-break: break-word;
}
main .device-card button,
main .device-selection-cancel button {
	cursor: pointer;
}
main figure {
	margin-bottom: 5vw;
	max-height: 40vh;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 1;
}
main figure img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-fit: contain;
}
/*main a {*/
/*	float: right;*/
/*}*/
#submit-btn{
	margin-top: 1.5rem;
	display: flex;
	justify-content: space-between;

	button{
		cursor: pointer;	
	}
}