/**
 * Cookie consent dark theme.
 */

:root {
  --cc-bg: rgba(9, 9, 11, 0.94);
  --cc-primary-color: #f4f4f5;
  --cc-secondary-color: #c4c4cd;
  --cc-btn-primary-bg: #f4f4f5;
  --cc-btn-primary-color: #09090b;
  --cc-btn-primary-border-color: #f4f4f5;
  --cc-btn-primary-hover-bg: #ffffff;
  --cc-btn-primary-hover-color: #09090b;
  --cc-btn-primary-hover-border-color: #ffffff;
  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.06);
  --cc-btn-secondary-color: #f4f4f5;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.08);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.1);
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.12);
  --cc-separator-border-color: rgba(255, 255, 255, 0.08);
  --cc-toggle-on-bg: #f4f4f5;
  --cc-toggle-off-bg: #52525b;
  --cc-toggle-on-knob-bg: #09090b;
  --cc-toggle-off-knob-bg: #fafafa;
  --cc-toggle-enabled-icon-color: #09090b;
  --cc-toggle-disabled-icon-color: #fafafa;
  --cc-toggle-readonly-bg: #3f3f46;
  --cc-toggle-readonly-knob-bg: #71717a;
  --cc-toggle-readonly-knob-icon-color: #27272a;
  --cc-section-category-border: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.04);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.06);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.1);
  --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.02);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-overlay-bg: rgba(0, 0, 0, 0.8);
  --cc-footer-bg: rgba(255, 255, 255, 0.02);
  --cc-footer-color: #a1a1aa;
  --cc-footer-border-color: rgba(255, 255, 255, 0.08);
  --cc-font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  --cc-modal-border-radius: 1rem;
  --cc-btn-border-radius: 0.75rem;
  --cc-modal-max-width: 380px;
  --cc-pm-max-width: 520px;
  --cc-cookie-table-border: rgba(255, 255, 255, 0.08);
}

html.show--consent #cookie-settings-btn,
html.show--preferences #cookie-settings-btn {
  display: none !important;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title,
#cc-main .pm__table-caption,
#cc-main .pm__table-head > tr {
  color: #ffffff;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__table-td,
#cc-main .pm__footer,
#cc-main .pm__service-title {
  color: var(--cc-secondary-color);
}

#cc-main .pm__section-title {
  font-weight: 600;
}

.bug-report-modal {
  background: var(--cc-overlay-bg);
}

.bug-report-modal__panel {
  width: min(calc(100vw - 2rem), var(--cc-modal-max-width));
  max-width: var(--cc-modal-max-width);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--cc-modal-border-radius);
  background: var(--cc-bg);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.bug-report-modal__title,
.bug-report-modal__label {
  color: #ffffff;
}

.bug-report-modal__desc,
.bug-report-modal__optional {
  color: var(--cc-secondary-color);
}

.bug-report-modal__field {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: var(--cc-primary-color);
}

.bug-report-modal__field::placeholder {
  color: rgba(196, 196, 205, 0.72);
}

.bug-report-modal__field:focus {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 2px rgba(244, 244, 245, 0.18);
}

.bug-report-modal__btn {
  border: 1px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.bug-report-modal__btn--primary {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  border-color: var(--cc-btn-primary-border-color);
}

.bug-report-modal__btn--primary:hover {
  background: var(--cc-btn-primary-hover-bg);
  color: var(--cc-btn-primary-hover-color);
  border-color: var(--cc-btn-primary-hover-border-color);
}

.bug-report-modal__btn--secondary,
.bug-report-modal__icon-btn {
  background: var(--cc-btn-secondary-bg);
  color: var(--cc-btn-secondary-color);
  border-color: var(--cc-btn-secondary-border-color);
}

.bug-report-modal__btn--secondary:hover,
.bug-report-modal__icon-btn:hover {
  background: var(--cc-btn-secondary-hover-bg);
  color: var(--cc-btn-secondary-hover-color);
  border-color: var(--cc-btn-secondary-hover-border-color);
}

.bug-report-modal__success {
  border-color: rgba(52, 211, 153, 0.25);
  background: rgba(16, 185, 129, 0.12);
}