:root {
  --base-size: 1rem;
  --color-primary: #16a34a;
  --color-secondary: #6c757d;
  --color-lighter: #f8f9fa;
  --color-light: #eee;
  --color-medium: #aaa;
  --color-dark: #555;
  --color-darker: #111;
}

#klaro {
  position: relative;
  z-index: 9999;
}

.cookie-modal label {
  color: var(--color-dark);
  background: none;
  border: none;
}

body .klaro .cookie-modal h1,
body .klaro .cookie-modal h1 + p {
  font-size: calc(var(--base-size) * 1);
}
body .klaro .cookie-modal .cm-btn,
body .klaro .cookie-modal .cookie-notice .cm-btn,
body .klaro .cookie-modal .cm-btn.cm-btn-info,
body .klaro .cookie-modal .cookie-notice .cm-btn.cm-btn-info,
body .klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept-all,
body .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cookie-notice .cm-list-input:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: var(--color-primary);
}
body .klaro .cookie-modal a,
body .klaro .cookie-modal .cookie-notice a {
  color: var(--color-dark);
}
body .klaro .cookie-modal .cm-modal.cm-klaro {
  background: var(--color-lighter);
  color: var(--color-darker);
}
body .klaro .cookie-modal p,
body .klaro .cookie-modal strong,
body .klaro .cookie-modal h1,
body .klaro .cookie-modal h2,
body .klaro .cookie-modal ul,
body .klaro .cookie-modal li,
body .klaro .cookie-modal .cookie-notice p,
body .klaro .cookie-modal .cookie-notice strong,
body .klaro .cookie-modal .cookie-notice h1,
body .klaro .cookie-modal .cookie-notice h2,
body .klaro .cookie-modal .cookie-notice ul,
body .klaro .cookie-modal .cookie-notice li {
  color: var(--color-darker);
}
body .klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept-all {
  cursor: pointer;
}
body .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: var(--color-lighter);
}
body .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider {
  background-color: var(--color-primary);
}
body .klaro .cookie-modal .cm-btn {
  cursor: pointer;
}

.call-klaro-btn {
  font-size: calc(var(--base-size) * 1);
  line-height: 1;
  position: fixed;
  bottom: 0;
  left: calc(var(--base-size) * 1);
  z-index: 9999;
  border-top-left-radius: calc(var(--base-size) * 0.5);
  border-top-right-radius: calc(var(--base-size) * 0.5);
  cursor: pointer;
  background: var(--color-light);
  color: var(--color-dark);
  padding: calc(var(--base-size) * 0.75);
  padding-left: calc(var(--base-size) * 2.25);
  text-decoration: none;
  transition: background 0.3s, color 0.3s;
}
@media only screen and (max-width: 48em) {
  .call-klaro-btn {
    position: relative;
    left: auto;
    margin-left: calc(var(--base-size) * 1);
  }
}
.call-klaro-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--base-size) * 0.75);
  transform: translateY(-50%);
  display: block;
  width: calc(var(--base-size) * 1.2);
  height: calc(var(--base-size) * 1.2);
  background-color: currentColor;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-75 29-147t81-128.5q52-56.5 125-91T475-881q21 0 43 2t45 7q-9 45 6 85t45 66.5q30 26.5 71.5 36.5t85.5-5q-26 59 7.5 113t99.5 56q1 11 1.5 20.5t.5 20.5q0 82-31.5 154.5t-85.5 127q-54 54.5-127 86T480-80Zm-60-480q25 0 42.5-17.5T480-620q0-25-17.5-42.5T420-680q-25 0-42.5 17.5T360-620q0 25 17.5 42.5T420-560Zm-80 200q25 0 42.5-17.5T400-420q0-25-17.5-42.5T340-480q-25 0-42.5 17.5T280-420q0 25 17.5 42.5T340-360Zm260 40q17 0 28.5-11.5T640-360q0-17-11.5-28.5T600-400q-17 0-28.5 11.5T560-360q0 17 11.5 28.5T600-320ZM480-160q122 0 216.5-84T800-458q-50-22-78.5-60T683-603q-77-11-132-66t-68-132q-80-2-140.5 29t-101 79.5Q201-644 180.5-587T160-480q0 133 93.5 226.5T480-160Zm0-324Z"/></svg>') center/contain no-repeat;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-75 29-147t81-128.5q52-56.5 125-91T475-881q21 0 43 2t45 7q-9 45 6 85t45 66.5q30 26.5 71.5 36.5t85.5-5q-26 59 7.5 113t99.5 56q1 11 1.5 20.5t.5 20.5q0 82-31.5 154.5t-85.5 127q-54 54.5-127 86T480-80Zm-60-480q25 0 42.5-17.5T480-620q0-25-17.5-42.5T420-680q-25 0-42.5 17.5T360-620q0 25 17.5 42.5T420-560Zm-80 200q25 0 42.5-17.5T400-420q0-25-17.5-42.5T340-480q-25 0-42.5 17.5T280-420q0 25 17.5 42.5T340-360Zm260 40q17 0 28.5-11.5T640-360q0-17-11.5-28.5T600-400q-17 0-28.5 11.5T560-360q0 17 11.5 28.5T600-320ZM480-160q122 0 216.5-84T800-458q-50-22-78.5-60T683-603q-77-11-132-66t-68-132q-80-2-140.5 29t-101 79.5Q201-644 180.5-587T160-480q0 133 93.5 226.5T480-160Zm0-324Z"/></svg>') center/contain no-repeat;
}
.call-klaro-btn:hover {
  background: var(--color-primary);
  color: var(--color-light);
}

.call-klaro {
  cursor: pointer;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/base/_settings.scss%22,%22../scss/base/_klaro.scss%22,%22../scss/base/_button.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTJ;EACE;EACA;;;AAIA;EACE;EACA;EACA;;;AAOE;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACzER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAlBF;IAmBI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE%22,%22file%22:%22klaro-cookie-overrides.css%22%7D */