#stcm-wrapper {
  --boxShadow: 0 26px 80px rgba(0, 0, 0, 0.38);
  --fontFamily: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --primaryColor: #10b981;
  --backgroundColor: #08110f;
  --textColor: #f3f7f5;
  --backdropBackgroundColor: rgba(2, 6, 5, 0.36);
  --backdropBackgroundBlur: 6px;
  --iconColor: rgba(8, 17, 15, 0.72);
  --iconBackgroundColor: #10b981;
}

#stcm-banner,
#stcm-modal,
#stcm-wrapper .stcm-modal-content {
  border: 1px solid rgba(177, 205, 194, 0.18);
  background: rgba(8, 17, 15, 0.82);
  backdrop-filter: blur(18px);
  box-shadow: var(--boxShadow);
}

#stcm-banner {
  width: min(560px, calc(100% - 32px));
  border-radius: 8px;
}

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

#stcm-wrapper .stcm-button-primary {
  background: linear-gradient(135deg, #10b981, #059669);
  border-color: #10b981;
  color: #ffffff;
}

#stcm-wrapper .stcm-button-primary:hover {
  background: #08110f;
  color: #10b981;
}

#stcm-wrapper .stcm-button-secondary {
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.08);
  color: #d9e2de;
}

#stcm-wrapper .stcm-button-secondary:hover {
  background: rgba(16, 185, 129, 0.16);
  color: #ffffff;
}

#stcm-wrapper a,
#stcm-banner .stcm-preferences-button {
  color: #10b981;
}

#stcm-wrapper a:hover,
#stcm-banner .stcm-preferences-button span:hover {
  color: #ffffff;
}

#stcm-icon {
  border: 1px solid rgba(16, 185, 129, 0.38);
  background: rgba(8, 17, 15, 0.72) !important;
  background-color: rgba(8, 17, 15, 0.72) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(12px);
}

#stcm-icon svg {
  fill: #10b981 !important;
}

@media (max-width: 520px) {
  #stcm-banner {
    right: 12px;
    bottom: 12px;
    left: 12px;
    width: auto;
    max-width: none;
    padding: 24px;
  }
}