/*
 * The cookie notice: a card at the foot of the screen, over the page, never
 * covering the whole of it.
 */

.bc-cookies {
	position: fixed;
	/* Bottom left, so the chat window keeps the bottom right corner. */
	left: var( --bc-space-4 );
	bottom: var( --bc-space-4 );
	z-index: 9999;
	max-width: 30rem;
	padding: var( --bc-space-4 );
	border-radius: var( --bc-radius-2 );
	background-color: var( --bc-paper );
	box-shadow: 0 16px 36px rgba( 3, 33, 45, 0.18 );
	font-size: var( --bc-text-sm );
}

.bc-cookies[hidden] {
	display: none;
}

.bc-cookies__text {
	margin: 0 0 var( --bc-space-3 );
}

.bc-cookies__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: var( --bc-space-2 );
}

@media ( max-width: 600px ) {

	.bc-cookies {
		right: var( --bc-space-2 );
		bottom: var( --bc-space-2 );
		left: var( --bc-space-2 );
		max-width: none;
	}
}