/* Cookieconsent */

.cookieconsent {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: .5rem;
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: var(--spacing-xs);
  color: var(--color-warning);
  background-color: var(--color-warning-bg);
  border-block-start: 4px solid var(--color-warning);
  font-size: var(--fs-s);
  transform: translateY(100vh);
  transition: all 130ms ease-out;
  z-index: 99;

  .cookieconsent__actions {
    display: flex;
    gap: .5rem;
  }

  &[hidden] {
    display: none;
  }
}

[data-cookieconsentopen] {
  transform: translateY(0);
}