


.header-grid{
	display: flex;
	align-items: center;
}
.header-grid > *{
	line-height: 1.33;
	text-align: left;
	flex: 1 1 auto;
	margin: 0;
}
.header-grid > img{
	flex: 0 0 auto;
}
.header-grid > h3::before{
	content: none;
}
.form-stack > *{
	margin: 0;
}
.form-stack > * + *{
	margin-top: 2.4rem !important;
}

.form-button{
	cursor: pointer;
	line-height: 1.33;
	font-size: 1.125rem;
	color: #fff;
	background: #900;
	border: inherit;
	border-radius: .3125em;
	margin: 0 !important;
	padding: .75em 1.25em;
}



.form-modal-switch{
	border: 3px solid red;
}
.form-modal{
	line-height: 1.5;
	font-size: 1rem;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 333ms ease;
}
.form-modal-bg{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	margin: 0 !important;
}
.form-modal-body{
	background: #fff;
	box-sizing: border-box;
	max-width: 80vw;
	max-height: 80vh;
	overflow: auto;
	padding: 1em 2em 2em;
}
.form-modal-header{
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	position: sticky;
	top: -1em;
	background: #fff;
	padding: 1em 0;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 1em;
}
.form-modal-close{
	cursor: pointer;
	line-height: 1;
	font-size: 1.75em;
	flex: 0 0 auto;
}
.form-modal-switch:not(:checked) + .form-modal{
	visibility: hidden;
	opacity: 0;
}

.series-list > *{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: .5em;
}
.series-list > *::before{
//	content: "▶";
}



.js-agree-target[disabled]{
	opacity: .33;
	pointer-events: none;
}
