.af-up__editor-note {
	padding: 12px 14px;
	border: 1px dashed color-mix(in srgb, currentColor 25%, transparent);
	border-radius: 10px;
	font-size: 13px;
	opacity: 0.8;
	margin-bottom: 10px;
}

.af-up__sub {
	margin: 0;
	padding: 12px 20px 0;
	font-size: 14px;
	line-height: 1.45;
	color: color-mix(in srgb, var(--af-fl-text, #111) 72%, transparent);
}

.af-up__status {
	margin: 0;
	padding: 10px 20px 16px;
	font-size: 13px;
	color: color-mix(in srgb, var(--af-fl-text, #111) 75%, transparent);
}

.af-up__status.is-error {
	color: #b42318;
}

/* Match site scroll-to-top: 31.5×31.5, inset 30px — mirrored to bottom-left. */
.af-up__trigger {
	position: fixed;
	left: 30px;
	bottom: 30px;
	z-index: 99990;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 31.5px;
	height: 31.5px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--af-fl-accent, #111);
	color: var(--af-fl-surface, #fff);
	box-shadow: 0 2px 10px color-mix(in srgb, #000 18%, transparent);
	cursor: pointer;
	line-height: 0;
	appearance: none;
	-webkit-appearance: none;
}

.af-up__trigger:hover,
.af-up__trigger:focus-visible {
	outline: none;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px color-mix(in srgb, #000 22%, transparent);
}

.af-up__triggerIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	line-height: 0;
}

.af-up__triggerIcon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.af-up__triggerDot {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #e11d48;
	border: 1.5px solid var(--af-fl-surface, #fff);
	box-sizing: border-box;
}

/* Hide floating trigger while the preference modal is open. */
body.af-up-open .af-up__trigger {
	visibility: hidden;
	pointer-events: none;
}