﻿.embed-instruction {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.embed-instruction :is(button, input){
	font-size: inherit;
}

.embed-instruction h2 {
	width: 100%
}

.embed-block {
	padding: 0 2rem;
}

.embed-block:first-of-type {
	border-bottom: 1px solid #ddc07a;
	padding-bottom: 1rem;
}

.embed-block form {
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.embed-instruction input {
	max-width: 3rem;
}

.embed-instruction .fixed-label {
	display: inline-block;
	width: 4.5rem;
}

#frame textarea {
	margin-top: 1rem;
}

@media (min-width: 521px) {
	.embed-instruction {
		flex-direction: row;
		align-items: unset;
	}

	.embed-block:first-of-type {
		border-right: 1px solid #ddc07a;
		border-bottom: 0;
	}
}
