.lmal-hidden[hidden] {
	display: none !important;
}

.lmal-controls {
	box-sizing: border-box;
	clear: both;
	margin: 1.5rem 0;
	width: 100%;
}

.lmal-align-left {
	text-align: left;
}

.lmal-align-center {
	text-align: center;
}

.lmal-align-right {
	text-align: right;
}

.lmal-button {
	appearance: none;
	background: #1d4ed8;
	border: 1px solid #1d4ed8;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	padding: 0.75rem 1.1rem;
}

.lmal-button:hover {
	background: #1e40af;
	border-color: #1e40af;
	color: #fff;
}

.lmal-button:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.lmal-sentinel {
	height: 1px;
	width: 100%;
}

.lmal-fade {
	animation: lmal-fade-in 0.35s ease both;
}

@keyframes lmal-fade-in {
	from {
		opacity: 0;
		transform: translateY(6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.lmal-fade {
		animation: none;
	}
}