:root {
  --cookies-popup-bg: #EEEEEE;
  --cookies-popup-text-color: #0E0E10;
}
/* @group COOKIES */

.cookiesjsr--app {
    font-size: 14px;
}
.cookiesjsr-banner {
    z-index: 10000;
    left: 30px;
    bottom: 30px;
    height: auto;
    width: 450px;
    max-width: 90%;
    display: block;
    padding: 1em;
    background-color: var(--cookies-popup-bg, #EEEEEE);
    color: var(--cookies-popup-text-color, #0E0E10);
    max-height: calc(100vh - 200px);
    border-radius: 8px;
}
.cookiesjsr-banner--info {
  padding: 0;
  margin-bottom: 20px;
  max-height: none;
  font-size: 13px;
  width: auto;
  overflow: unset;
  text-align: left;
}
.cookiesjsr-btn, .cookiesjsr-btn.invert {
  width: auto;
  padding: 0 15px;
  font-size: 11px;
  min-height: 35px;
  color: var(--cookies-popup-text-color);
  border: 1px solid var(--cookies-popup-text-color);
  background-color: var(--cookies-popup-bg);
}
.cookiesjsr-btn.important, .cookiesjsr-btn.important.invert {
  color: var(--cookies-popup-bg);
  border-color: var(--cookies-popup-text-color);
  background-color: var(--cookies-popup-text-color);
}
.cookiesjsr-banner a {
  color: var(--color-orange);
}
.cookiesjsr-layer {
    background: var(--cookies-popup-bg);
  border-radius: 8px;
  max-height: calc(100vh - 200px);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
    color: var(--cookies-popup-bg);
    background: var(--cookies-popup-text-color);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
    color: var(--cookies-popup-bg);
    background: var(--cookies-popup-text-color);
    font-weight: 400;
}
.cookiesjsr-service--always-on span {
    background-color: var(--cookies-popup-text-color);
}
.cookiesjsr-banner button.denyAll {
  display:inline-block;
}

/* @end */