#balter_maintenance_warnings
{
	position: fixed;
	top: 47px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 300;
	box-sizing: border-box;
	width: min(912px, calc(100vw - 12px));
	max-height: calc(100vh - 60px);
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 2px 6px 12px;

	.balter_maintenance_warning
	{
		box-sizing: border-box;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: 12px 22px;
		background: #fff4cf;
		border: 1px solid #dfaa32;
		border-radius: 6px;
		box-shadow: 0 8px 28px #0004;
		color: #3b3320;
		font-size: 15px;
		line-height: 1.45;

		> div { min-width: 0; overflow-wrap: anywhere; }

		button
		{
			flex: none;
			border: 0;
			background: transparent;
			font-size: 26px;
			line-height: 1;
			cursor: pointer;
			color: inherit;
			align-self: flex-start;
		}
	}
}