1/**
2 * This file provides styles for the cookies popup
3 */
4
5#cookiebanner {
6	position: fixed;
7	left: 0;
8	width: 100%;
9	color: @ini_text;
10	background-color: @ini_background_alt;
11	z-index: 1000;
12	padding: 10px;
13	box-sizing: border-box;
14	box-shadow: 0px 0px 10px #666;
15	border-top: @ini_border solid 1px;
16}
17
18#cookiebanner.cb_top { top: 0; }
19
20#cookiebanner.cb_bottom { bottom: 0; }
21
22#cookiebanner p {
23	clear:		both;
24	margin:		0 auto;
25	max-width:	910pt;
26}
27
28#cookiebanner .cb_info {
29	margin-bottom:	6pt;
30}
31#cookiebanner .cb_icon {
32	float: left;
33	width: 64px;
34	height: 64px;
35	background: transparent url('images/cookie.svg') no-repeat center;
36	background-size: 64px;
37	margin: 8px 16px 8px 2px;
38}
39
40#cookiebanner .cb_action {
41	margin-top:	6pt;
42	display:	grid;
43	grid-template-columns: 1fr 1fr;
44	grid-column-gap: 8pt;
45	column-gap: 8pt;
46	justify-items: center;
47}
48#cookiebanner .cb_action > * {
49	font-size:		12pt;
50}
51
52#cookiebanner .cb_action button {
53	background-color:	rgba(0,0,0,0.1);
54	background-image:	none;
55	border: @ini_border solid 2pt;
56	color:	@ini_text;
57	padding: .25em .5em;
58	cursor: pointer;
59}
60
61/* dark mode overrides */
62@media (prefers-color-scheme: dark) {
63	body.darkmode #cookiebanner {
64		color: @ini_text_dark;
65		background-color: @ini_background_dark;
66		box-shadow: 0 0 10px @ini_background_site_dark;
67		border-top-color: @ini_border_dark;
68	}
69	body.darkmode #cookiebanner .cb_action button {
70		background-color:	rgba(0,0,0,0.25);
71		border-color: 		@ini_border_dark;
72		color:				@ini_text_dark;
73	}
74}