.raffleCover {
	background: linear-gradient(to bottom, #dac2b8 0%, #e3d2cb 100%);
	margin: 0 0 5px;
}
@media (max-width: 730px) {
	.raffleCover {
		background: linear-gradient(to bottom, #a67966 0%, #b08674 100%);
	}
}
.raffleCover > div {
	max-width: 640px;
	margin: 0 auto;
	aspect-ratio: 724/360;
	background: url("imgs/cover.webp") no-repeat center / contain;
}
@media (prefers-color-scheme: dark) {
	.raffleCover {
		background: #1a1a1a;
	}
	.raffleCover > div {
		filter: brightness(80%) contrast(110%);
	}
}

body > main > article .alert {
	margin:0 0 25px;
}

.raffleForm {
	margin: 0;
	padding: 20px;
	background: rgba(0, 0, 0, 0.05);
	border-radius:5px;
}
.raffleForm h6 {
	margin: 0 0 10px;
}
.raffleForm .input {
	margin: 0 0 10px;
}

.raffleForm .nomineesWrapper {
	display: flex;
	flex-flow: column;
	gap: 10px;
	padding: 15px 0 0;
}
.raffleForm .nomineesWrapper .nominee {
	padding: 5px 0 5px 15px;
	border-left: 4px solid rgba(0, 0, 0, 0.1);
}
.raffleForm .addMoreNomineesBtnWrp {
	font-size: 0.9em;
	padding: 5px 0 0 20px;
}
.raffleForm .addMoreNomineesBtnWrp a {
	white-space: nowrap;
	display: inline-block;
	margin-right: 5px;
}
.raffleForm .addMoreNomineesBtnWrp span {
	white-space: nowrap;
	color: #666;
	font-size: 0.9em;
	display: inline-block;
}
.raffleForm .agreeTerms {
	font-size: 0.9em;
	display: flex;
	flex-flow: column;
	gap: 10px;
	margin: 25px 0;
}

.raffleForm .producerInputWrapper {
	position: relative;
	overflow: visible;
}
.raffleForm .producerSuggester {
	position: absolute;
	bottom: 11px;
	left: 0;
	right: 0;
	background: var(--bgr-nav);
	border: 1px solid #aaa;
	padding: 10px;
	text-align: left;
	font-size: 0.9em;
	color: var(--clr-text);
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	gap: 5px;
	transform: translate(0%, 100%);
	z-index: 1;
}
@media (prefers-color-scheme: dark) {
	.raffleForm .producerSuggester {
		border: 1px solid #444;
	}
}
.raffleForm .producerSuggester a:active { color: var(--clr-link); }
@media (hover: hover) {
	.raffleForm .producerSuggester a:hover { color: var(--clr-link); }
}

.raffleForm.loading { opacity:0.8; cursor:wait; }
.raffleForm.loading * { pointer-events: none; }

.lastNominationsWrapper {
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.lastNomination-item {
	margin: 0 0 5px;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	padding: 10px;
}
@media (prefers-color-scheme: dark) {
	.lastNomination-item {
		background: rgba(0, 0, 0, 0.15);
	}
}
.lastNomination-item h5 {
	display: block;
	margin: 0 0 12px;
	padding: 0 0 10px 0;
	font-size: 0.85em;
	position: relative;
}
.lastNomination-item h5::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--clr-text);
	opacity: 0.3;
}
.lastNomination-item h5 em {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -3px 6px 0 0;
	vertical-align: middle;
	background: rgba(0,0,0,0.2) no-repeat center / contain;
	border-radius: 50%;
}
.lastNomination-item h5 span {
	font-weight: normal;
	font-size: 0.8em;
	opacity: 0.9;
}
.lastNomination-item .nominees {
	display: flex;
	flex-flow: column;
	gap: 8px;
	padding: 0 0 0 4px;
}
.lastNomination-item .nominee {
	font-size: 0.85em;
	position: relative;
	padding: 0 0 0 20px;
}
.lastNomination-item .nominee::before {
	content: attr(rel);
	position: absolute;
	left: 1px;
	top: 0;
}
.lastNomination-item .nominee strong {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lastNomination-item .nominee span {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lastNomination-item .nominee em {
	display: inline-block;
	padding: 0 5px;
	overflow: hidden;
	font-style: normal;
}