.fap-safe-notice {
	background: var(--ms-panel-2, rgba(127, 127, 127, .06));
	border: 1px solid var(--ms-line, rgba(127, 127, 127, .24));
	border-radius: 6px;
	color: inherit;
	margin: 22px 0 26px;
	overflow: hidden;
}

.fap-safe-notice summary {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	gap: .7em;
	line-height: 1.55;
	list-style: none;
	overflow-wrap: anywhere;
	padding: 14px 16px;
	transition: color .18s ease;
	word-break: break-word;
}

.fap-safe-notice summary::-webkit-details-marker {
	display: none;
}

.fap-safe-notice summary::before {
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	flex: 0 0 auto;
	height: .48em;
	margin-top: .45em;
	transform: rotate(-45deg);
	transition: transform .18s ease;
	width: .48em;
}

.fap-safe-notice[open] summary::before {
	transform: rotate(45deg);
}

.fap-safe-notice summary:hover,
.fap-safe-notice summary:focus-visible {
	color: var(--ms-pink, #d4145a);
}

.fap-safe-notice-body {
	border-top: 1px solid var(--ms-line, rgba(127, 127, 127, .2));
	font-size: .9rem;
	line-height: 1.85;
	overflow-wrap: anywhere;
	padding: 15px 18px 17px;
	word-break: break-word;
}

.fap-safe-notice-body p {
	margin: 0;
	opacity: .84;
}

.fap-safe-notice-body p + p {
	margin-top: 1em;
}

@media (max-width: 600px) {
	.fap-safe-notice {
		margin: 18px 0 23px;
	}

	.fap-safe-notice summary {
		font-size: .94rem;
		padding: 13px 12px;
	}

	.fap-safe-notice-body {
		font-size: .86rem;
		padding: 13px 13px 15px;
	}
}
