/* Утилиты */
.ib {
  display: inline-block;
}

/* Баннер cookies */
#cookies-eu-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #eee;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  color: #444;
  font-size: 14px;
  line-height: 1.4;
  padding: 1em 2em;
  text-align: center;
  transform: translateY(100%);
  transition: none;
}

#cookies-eu-banner[style*="display: block"] {
  animation: showCookieBanner 1s ease-in-out 1s forwards;
}

#cookies-eu-banner.before-remove {
  animation: hideCookieBanner 1s ease-in-out forwards;
}

/* Ссылка "Подробнее" */
#cookies-eu-more {
  padding: 0 0.25em;
  white-space: nowrap;
}

/* Кнопки */
button {
  cursor: pointer;
  padding: 0.25em 0.5em 0.2em;
  transition: all 300ms;
}

/* Кнопка "Отклонить" */
#cookies-eu-reject {
  background: none;
  border: 1px solid #b7b7b7;
  color: #6b6b6b;
}

#cookies-eu-reject:hover {
  border-color: #6b6b6b;
  color: #333;
}

/* Кнопка "Принять" */
#cookies-eu-accept {
  background: #1976D2;
  border: 1px solid #1976D2;
  color: #FFFFFF;
}

#cookies-eu-accept:hover {
  background: none;
  color: #1976D2;
}

/* Анимации */
@keyframes showCookieBanner {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}

@keyframes hideCookieBanner {
    from {
      transform: translateY(0%);
    }
    to {
      transform: translateY(100%);
    }
}