html,
body {
  height: auto!important;
  overflow-x: hidden!important;
  width: 100vw!important;
}

.cc_div {
  font-family: "Poppins", sans-serif;
}

.c--anim #cm-ov, 
.c--anim #cs-ov {
  backdrop-filter: blur(6px);
}

.force--consent.show--consent.show--settings .c--anim #cs-ov {
  opacity: 0 !important;
}
.cc_div .act .b-bn .exp:before, .cc_div .b-bn .exp:before {
  border-color: var(--cc-text);
  margin-top: -2px;
}


/** Light color-scheme **/
:root{
  --cc-bg: #fff;
  --cc-text: #212529;
  --cc-border-radius: .35em;
  /* --cc-btn-primary-bg: #6B3330; */
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #1d2e38;
  --cc-btn-secondary-bg: var(--cc-btn-primary-bg);
  --cc-btn-secondary-text: var(--cc-bg);
  --cc-btn-secondary-hover-bg: var(--cc-btn-primary-hover-bg);
  /* --cc-btn-secondary-bg: #eaeff2; */
  /* --cc-btn-secondary-text: var(--cc-text); */
  /* --cc-btn-secondary-hover-bg: #d8e0e6; */
  --cc-btn-border-radius: 4px;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f5f5f5;
  --cc-cookie-category-block-bg-hover: #eaeaea;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode{
  --cc-bg: #181b1d;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: #a6c4dd;
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: #c2dff7;
  --cc-btn-secondary-bg: #33383c;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #3e454a;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #454c54;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-block-text: #b3bfc5;
  --cc-cookie-category-block-bg: #23272a;
  --cc-cookie-category-block-bg-hover: #2b3035;
  --cc-section-border: #292d31;
  --cc-cookie-table-border: #2b3035;
  --cc-webkit-scrollbar-bg: #667481;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

.cc_div .c-bn:focus {
  background-color: var(--cc-btn-primary-hover-bg);
  outline: 4px solid orange;
}

.cc_div .b-tg:focus-within {
  outline: 4px solid orange;
}
.cc_div .b-tg:focus-within .c-tg {
  background-color: orange !important;

}

.b-bn .b-tl:focus {
  outline: 4px solid orange;
}
}
div[data-service] .c-n-c {
  font-size: 0.875rem;
}
div[data-service] .c-n-c .c-l-b::before {
  /* margin-top: -3px; */
  top: 14px;
  border-left-color: var(--cc-btn-primary-bg);
}
div[data-service] .c-n-c .c-l-b:hover:before {
  border-left-color: var(--cc-text);
}
div[data-service] .c-bg::before {
  background-image: linear-gradient(14deg, var(--cc-btn-primary-bg) 0px, rgba(235, 235, 235, 0.1) 100%);
}
div[data-service] .c-n-c .c-l-b, div[data-service] .c-n-c .c-la-b {
  font-size: 0.875rem;
  border-radius: 0;
}
div[data-service] .c-n-c .c-l-b {
  background-color: var(--cc-bg);
  color: var(--cc-btn-primary-bg);
}
div[data-service] .c-n-c .c-l-b:hover {
  background-color: #f5f5f5;
  color: var(--cc-text);
}
div[data-service] .c-n-c .c-la-b {
  background-color: var(--cc-btn-primary-bg);
  color: var(--cc-bg);
}
div[data-service] .c-n-c .c-la-b:hover {
  background-color: var(--cc-btn-primary-hover-bg);
}


.ratio > div[data-service] {
  position: absolute;
}