@keyframes cookie-consent-reveal {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-cookie-consent] {
  opacity: 0;
  animation: cookie-consent-reveal 350ms ease-out 2.2s forwards;
}

[data-cookie-consent] > div {
  overflow: hidden;
}

[data-cookie-consent-content] {
  width: 100%;
  flex-flow: column nowrap;
  line-height: 1.35;
  white-space: normal;
  transform-origin: center;
}

[data-cookie-consent-copy-separator] {
  display: none;
}

[data-cookie-consent-actions] {
  flex-wrap: nowrap;
  justify-content: center;
  margin-left: 0;
  white-space: nowrap;
}

@media (min-width: 768px) {
  [data-cookie-consent-content] {
    width: max-content;
    max-width: none;
    flex-direction: row;
    gap: 0.5rem;
    white-space: nowrap;
  }

  [data-cookie-consent-copy-separator] {
    display: inline;
  }

  [data-cookie-consent-actions] {
    margin-left: 0.25rem;
  }
}

/* The fixed consent bar must never cover the footer's final legal row. */
.site-footer {
  padding-bottom: var(--cookie-consent-height, 0px);
}

[data-cookie-consent-accept] {
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  [data-cookie-consent] {
    opacity: 1;
    animation: none;
  }
}