/**
 * @file
 * Cookies UI styles
 * Use in templates\misc\cookies-container.html.twig
 */

/**
 * Cookies module custom colors
 */

/* Small banner */
.cookiesjsr-banner, .cookiesjsr-btn{
  background-color: var(--color-primary--1);
}
.cookiesjsr-btn.important{
  color:var(--color-primary--1);
}

/* Popin */
.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab{
  background-color: var(--color-primary--1);
}
.cookiesjsr-btn.invert{
  border-color: var(--color-primary--1);
  color: var(--color-primary--1)
}
.cookiesjsr-btn.important.invert{
  border-color: var(--color-primary--1);
  background-color: var(--color-primary--1);
}
.cookiesjsr-service--always-on span{
  padding:0.5rem 1rem;
  border:2px solid #fff;
  font-weight: 700;
}