.bmc-cookie-bar[hidden], .bmc-cookie-settings[hidden] { display: none !important; }
.bmc-cookie-bar, .bmc-cookie-settings {
  position: fixed;
  z-index: 10000;
  color: #f7f1e8;
  background: #191714;
  border: 1px solid #ffffff50;
  font: 1rem/1.5 var(--body, system-ui, sans-serif);
}
.bmc-cookie-bar {
  left: 50%;
  bottom: max(1rem, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(58rem, calc(100% - 2rem));
  padding: 1.25rem;
  box-shadow: 0 .6rem 2rem #0008;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.bmc-cookie-bar > div:first-child { flex: 1 1 25rem; }
.bmc-cookie-bar h2 { margin: 0 0 .4rem; font: 700 1.2rem/1.2 var(--body, system-ui, sans-serif); }
.bmc-cookie-bar p { margin: 0; }
.bmc-cookie-bar .bmc-cookie-policy { margin-top: .5rem; }
.bmc-cookie-policy a { text-decoration: underline; }
.bmc-cookie-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.bmc-cookie-actions button, .bmc-cookie-settings {
  padding: .55rem .8rem;
  cursor: pointer;
  color: #f7f1e8;
  background: #191714;
  border: 1px solid #ffffff80;
  font: inherit;
}
.bmc-cookie-actions button:hover, .bmc-cookie-settings:hover { background: #37312d; }
.bmc-cookie-settings { left: .75rem; bottom: max(.75rem, env(safe-area-inset-bottom)); font-size: .85rem; }
@media (max-width: 520px) {
  .bmc-cookie-bar { padding: 1rem; font-size: .9rem; }
  .bmc-cookie-actions { width: 100%; }
  .bmc-cookie-actions button { flex: 1 1 9rem; }
}