1#cookie-bar {
2    background: @ini_text_alt;
3    box-shadow: 0 0 10px @ini_text_alt;
4    height:auto;
5    line-height:24px;
6    color:#eeeeee;
7    text-align:center;
8    padding:3px 0;
9    z-index: 10000;
10
11    display: flex;
12    flex-direction: column;
13    align-items: center;
14    gap: 1em;
15}
16
17#cookie-bar.fixed {
18    position:sticky;
19    top:0;
20    left:0;
21    width:100%;
22}
23
24#cookie-bar.fixed.bottom {
25    bottom:0;
26    top:auto;
27}
28
29#cookie-bar p {
30    margin:0;
31    padding:0;
32    max-width: 800px;
33
34    &:last-child {
35        display: flex;
36        flex-direction: row;
37        flex-grow: 0;
38        flex-shrink: 0;
39        gap: 1em;
40    }
41}
42
43#cookie-bar a {
44    color:#ffffff;
45    display:inline-block;
46    border-radius:3px;
47    text-decoration:none;
48    padding:0 6px;
49}
50
51#cookie-bar .cb-enable {
52    background:#007700;
53}
54#cookie-bar .cb-enable:hover {
55    background:#009900;
56}
57#cookie-bar .cb-disable {
58    background:#990000;
59}
60#cookie-bar .cb-disable:hover {
61    background:#bb0000;
62}
63#cookie-bar .cb-policy {
64    background:#0033bb;
65}
66#cookie-bar .cb-policy:hover {
67    background:#0055dd;
68}