/* Reserve scroll space so the fixed notice does not hide the end of the page. */
body:has([data-cookie-notice]:not([hidden])) [data-cookie-notice-space] {
  height: 19rem;
}

html:has([data-cookie-notice]:not([hidden])) {
  scroll-padding-bottom: 19rem;
}

@media (min-width: 640px) {
  body:has([data-cookie-notice]:not([hidden])) [data-cookie-notice-space] {
    height: 12rem;
  }

  html:has([data-cookie-notice]:not([hidden])) {
    scroll-padding-bottom: 12rem;
  }
}

@media (min-width: 1024px) {
  body:has([data-cookie-notice]:not([hidden])) [data-cookie-notice-space] {
    height: 9rem;
  }

  html:has([data-cookie-notice]:not([hidden])) {
    scroll-padding-bottom: 9rem;
  }
}