#scroll-to-top {
	position: fixed;
	z-index: 99;
	cursor: pointer;
	height: max-content;
	width: max-content;
	padding: 10px;
	border: 0;
	float: var(--amai-stt-float);
	bottom: var(--amai-stt-gap);
	right: var(--amai-stt-gap-r);
	left: var(--amai-stt-gap-l);
	background-color: var(--amai-stt-bg);
	fill: var(--amai-stt-fill);
}

#conv-popup {
	z-index: 99;
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	background-color: var(--amai-popup-shadow);
	color: var(--amai-popup-color);
	display: flex;
}

#conv-popup>div {
	margin: auto;
	width: 500px;
	height: auto;
	max-width: 90vw;
	aspect-ratio: 1/1;
	vertical-align: middle;
	background-color: var(--amai-popup-bgc);
	background-image: var(--amai-popup-bgi);
	background-size: contain;
}

#conv-popup #conv-popup-x {
	cursor: pointer;
	position: absolute;
	height: 2em;
	width: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--amai-popup-x-color);
	background-color: var(--amai-popup-x-bgc);
}

#conv-popup .popup-default {
	direction: rtl;
	display: grid;
	height: 100%;
	text-align: center;
	grid-template-rows: 1fr 4fr 1fr;
	grid-template-areas:
		"title"
		"content"
		"button";
}

#conv-popup .popup-default a {
	color: var(--amai-popup-btn-color);
	background-color: var(--amai-popup-btn-bgc);
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	text-decoration: none;
}

#conv-popup .popup-default :is(h2, div, p) {
	color: var(--amai-popup-color);
}