.cookie-notice {
  position: fixed;
  z-index: 90;
  right: 20px;
  bottom: 20px;
  width: min(460px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  overflow: auto;
  padding: 22px;
  border: 1px solid #dedfd3;
  border-radius: 14px;
  background: #fffefa;
  color: #343731;
  box-shadow: 0 8px 32px #0002;
  font:
    14px/1.6 Arial,
    sans-serif;
  text-align: left;
  letter-spacing: normal;
}
.cookie-notice[hidden] {
  display: none;
}
.cookie-notice h2 {
  margin: 0 0 10px;
  font:
    400 23px/1.25 Georgia,
    serif;
  color: inherit;
  letter-spacing: normal;
}
.cookie-notice p {
  margin: 0 0 16px;
  color: inherit;
  font: inherit;
}
.cookie-notice-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.cookie-notice a {
  color: #ac3917;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-notice button {
  border: 1px solid #c84c23;
  border-radius: 7px;
  padding: 9px 18px;
  background: #c84c23;
  color: white;
  font:
    700 14px/1.5 Arial,
    sans-serif;
  cursor: pointer;
}
.cookie-notice :is(a, button):focus-visible {
  outline: 3px solid #c84c23;
  outline-offset: 4px;
}
:root[data-theme="dark"] .cookie-notice {
  background: #242820;
  color: #e6e7dd;
  border-color: #626a54;
}
:root[data-theme="dark"] .cookie-notice a {
  color: #ffa176;
}
:root[data-theme="dark"] .cookie-notice button {
  background: #ffa176;
  color: #1c2019;
  border-color: #ffa176;
}
@media (max-width: 500px) {
  .cookie-notice {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
    padding: 18px;
  }
}
@media print {
  .cookie-notice {
    display: none;
  }
}