/*
 * Marketplace Core: the public notice form "Report illegal content" (DSA Art. 16; theme
 * independent, mobile first). Loaded only on that page.
 */
.bmp-notice-form__field {
	margin: 0 0 1em;
}
.bmp-notice-form__field label {
	display: block;
	margin-bottom: 0.25em;
	font-weight: 600;
}
.bmp-notice-form__field input,
.bmp-notice-form__field select,
.bmp-notice-form__field textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 36em;
	min-height: 44px;
}
.bmp-notice-form__help {
	display: block;
	margin-top: 0.25em;
	font-size: 0.9em;
	opacity: 0.8;
}
.bmp-notice-form__check {
	display: flex;
	gap: 0.5em;
	align-items: flex-start;
	max-width: 36em;
}
.bmp-notice-form__check input {
	flex: none;
	width: 24px;
	height: 24px;
	margin: 0.1em 0 0;
}
.bmp-notice-form__problem {
	padding: 0.75em 1em;
	border-left: 4px solid #b42318;
	background: rgba(180, 35, 24, 0.06);
}
.bmp-notice-form__done {
	padding: 0.75em 1em;
	border-left: 4px solid #067647;
	background: rgba(6, 118, 71, 0.06);
}
.bmp-notice-form__note {
	font-size: 0.9em;
	opacity: 0.8;
}
/* People never see the field robots fill. */
.bmp-notice-form__trap {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.bmp-notice-form .button {
	min-height: 44px;
}
.bmp-notice-link {
	font-size: 0.9em;
}
@media (forced-colors: active) {
	.bmp-notice-form__problem,
	.bmp-notice-form__done {
		border-left-color: CanvasText;
	}
}