#stcm-wrapper {
  --primaryColor: #7c3aed;
  --backgroundColor: #ffffff;
  --textColor: #111827;
  --iconColor: #ffffff;
  --iconBackgroundColor: #7c3aed;
  --backdropBackgroundColor: rgba(17, 24, 39, 0.28);
  --backdropBackgroundBlur: 10px;
  --boxShadow: 0 24px 70px rgba(17, 24, 39, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --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(124, 58, 237, 0.18);
  border-radius: 12px;
  background: var(--backgroundColor);
}

#stcm-wrapper #stcm-banner {
  width: min(560px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  padding: 24px;
  animation-delay: 0s;
}

#stcm-wrapper #stcm-banner.stcm-pos-bottom-left,
#stcm-wrapper #stcm-banner.stcm-pos-bottom-right {
  left: 16px;
  right: auto;
  bottom: 16px;
  transform: translate(0, -20px);
}

#stcm-wrapper #stcm-banner.stcm-pos-bottom-left.stcm-loaded,
#stcm-wrapper #stcm-banner.stcm-pos-bottom-right.stcm-loaded {
  transform: none;
}

#stcm-wrapper #stcm-icon,
#stcm-wrapper #stcm-icon.stcm-pos-bottom-left,
#stcm-wrapper #stcm-icon.stcm-pos-bottom-right {
  left: 16px;
  right: auto;
  bottom: 16px;
  top: auto;
}

#stcm-wrapper #stcm-banner .stcm-actions {
  gap: 12px;
}

#stcm-wrapper #stcm-banner .stcm-actions-row {
  gap: 12px;
}

#stcm-wrapper #stcm-banner p,
#stcm-wrapper #stcm-modal p,
#stcm-wrapper .stcm-consent-description {
  color: rgba(55, 65, 81, 0.88);
}

#stcm-wrapper #stcm-modal h2 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
  color: var(--textColor);
}

#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(55, 65, 81, 0.92);
  background: rgba(249, 250, 251, 1);
  border-color: rgba(209, 213, 219, 1);
}

#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: #111827;
  background: rgba(243, 244, 246, 1);
}

#stcm-wrapper .stcm-preferences-button {
  color: rgba(75, 85, 99, 0.92);
}

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

#stcm-wrapper .stcm-credit-link {
  color: rgba(107, 114, 128, 0.88);
  font-size: 12px;
}

@media (max-width: 640px) {
  #stcm-wrapper #stcm-icon,
  #stcm-wrapper #stcm-icon.stcm-pos-bottom-left,
  #stcm-wrapper #stcm-icon.stcm-pos-bottom-right {
    left: 12px;
    right: auto;
    bottom: 12px;
    top: auto;
    width: 46px;
    height: 46px;
  }

  #stcm-wrapper #stcm-banner,
  #stcm-wrapper #stcm-banner.stcm-pos-bottom-left,
  #stcm-wrapper #stcm-banner.stcm-pos-bottom-right {
    left: 12px;
    right: auto;
    bottom: 12px;
    width: min(560px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    padding: 20px;
  }
}