.alert {
	&:not([open]) {
		display: none;
	}

	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 8px 32px 8px 8px;
	width: fit-content;
	background: #ffffff;
	border: 1px solid #cccccc;
	font-size: 12px;
	z-index: 1;

	a {
		color: #333;

		&:hover {
			background-color: #daf5ff;
		}
	}

	summary {
		display: block;
		position: absolute;
		top: 4px;
		right: 8px;
		cursor: pointer;
		
		&::before {
			content: "\f00d";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 14px;
			color: #999;
		}
	}
}