.hscp-notice {
	position: fixed;
	z-index: 999999;
	right: 20px;
	bottom: 20px;
	max-width: min(380px, calc(100vw - 40px));
	padding: 12px 16px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 12px;
	background: rgba(9, 35, 66, .96);
	box-shadow: 0 16px 40px rgba(7, 30, 58, .24);
	color: #fff;
	font: 600 14px/1.45 system-ui, sans-serif;
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity .18s ease, transform .18s ease;
}

.hscp-notice.is-visible {
	opacity: 1;
	transform: translateY(0);
}