#stcm-wrapper {
  --primaryColor: #25d982;
  --backgroundColor: #080a0b;
  --textColor: #f4f3ec;
  --iconColor: #07100d;
  --iconBackgroundColor: #25d982;
  --backdropBackgroundColor: rgba(0, 0, 0, 0.52);
  --backdropBackgroundBlur: 10px;
  --boxShadow: 0 24px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#stcm-wrapper #stcm-banner,
#stcm-wrapper #stcm-modal {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 217, 130, 0.18), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
    var(--backgroundColor);
}

#stcm-wrapper #stcm-banner {
  max-width: min(760px, calc(100vw - 32px));
}

#stcm-wrapper #stcm-banner p,
#stcm-wrapper #stcm-modal p,
#stcm-wrapper .stcm-consent-description {
  color: rgba(244, 243, 236, 0.72);
}

#stcm-wrapper .stcm-button {
  border-radius: 999px;
  font-weight: 700;
}

#stcm-wrapper .stcm-button-secondary,
#stcm-wrapper .stcm-button-tertiary,
#stcm-wrapper .stcm-reject-all,
#stcm-wrapper .stcm-modal-reject-all {
  color: rgba(244, 243, 236, 0.84);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

#stcm-wrapper .stcm-button-secondary:hover,
#stcm-wrapper .stcm-button-tertiary:hover,
#stcm-wrapper .stcm-reject-all:hover,
#stcm-wrapper .stcm-modal-reject-all:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

#stcm-wrapper .stcm-preferences-button {
  color: rgba(244, 243, 236, 0.66);
}

#stcm-wrapper .stcm-toggle input:checked + .stcm-toggle-track {
  background: var(--primaryColor);
}

#stcm-wrapper .stcm-credit-link {
  color: rgba(244, 243, 236, 0.48);
  font-size: 12px;
}
