:root{
  --sp24-bridge-surface:var(--sp-surface);
  --sp24-bridge-surface-2:var(--sp-surface-2);
  --sp24-bridge-border:var(--sp-border);
  --sp24-bridge-border-strong:var(--sp-border-strong);
  --sp24-bridge-text:var(--sp-text);
  --sp24-bridge-muted:var(--sp-text-muted);
  --sp24-bridge-primary:var(--sp-primary);
  --sp24-bridge-gradient:var(--sp-gradient);
  --sp24-bridge-radius:var(--sp-radius-lg);
  --sp24-bridge-shadow:var(--sp-shadow-md);
}

html[data-theme="light"]{
  --sp24-bridge-highlight-bg:rgba(79,70,229,.08);
  --sp24-bridge-highlight-border:rgba(79,70,229,.16);
}

html[data-theme="dark"]{
  --sp24-bridge-highlight-bg:rgba(165,180,252,.10);
  --sp24-bridge-highlight-border:rgba(165,180,252,.18);
}

html[data-theme="light"] body.sp24-affiliate-body{
  background:var(--sp-bg)!important;
  color:var(--sp-text)!important;
}

html[data-theme="dark"] body.sp24-affiliate-body{
  background:var(--sp-bg)!important;
  color:var(--sp-text)!important;
}

html[data-theme="light"] .sp24-affiliate-page,
html[data-theme="dark"] .sp24-affiliate-page{
  color:var(--sp24-bridge-text)!important;
}

html[data-theme="light"] .sp24-aff-section-header p,
html[data-theme="dark"] .sp24-aff-section-header p{
  color:var(--sp24-bridge-muted)!important;
}

html[data-theme="light"] .theme-socialpanel24-general .sp24-aff-step h4,
html[data-theme="dark"] .theme-socialpanel24-general .sp24-aff-step h4{
  color:var(--sp24-bridge-text)!important;
  font-weight:var(--sp-fw-semibold)!important;
}

html[data-theme="light"] .theme-socialpanel24-general .sp24-aff-step p,
html[data-theme="dark"] .theme-socialpanel24-general .sp24-aff-step p{
  color:var(--sp24-bridge-muted)!important;
}

html[data-theme="light"] .sp24-aff-step-divider,
html[data-theme="dark"] .sp24-aff-step-divider{
  color:var(--sp24-bridge-border-strong)!important;
}

html[data-theme="light"] .sp24-aff-step-icon,
html[data-theme="dark"] .sp24-aff-step-icon{
  background:var(--sp24-bridge-surface)!important;
  border:1px solid var(--sp24-bridge-border)!important;
  color:var(--sp24-bridge-primary)!important;
  box-shadow:var(--sp-shadow-sm)!important;
}

html[data-theme="light"] .sp24-aff-step-num,
html[data-theme="dark"] .sp24-aff-step-num{
  background:var(--sp24-bridge-gradient)!important;
  border-color:var(--sp24-bridge-surface)!important;
}

html[data-theme="light"] .sp24-aff-feature-card,
html[data-theme="dark"] .sp24-aff-feature-card{
  background:var(--sp24-bridge-surface)!important;
  border-color:var(--sp24-bridge-border)!important;
  border-radius:var(--sp24-bridge-radius)!important;
  box-shadow:var(--sp-shadow-sm)!important;
}

html[data-theme="light"] .theme-socialpanel24-general .sp24-aff-feature-card h4,
html[data-theme="dark"] .theme-socialpanel24-general .sp24-aff-feature-card h4{
  color:var(--sp24-bridge-text)!important;
  font-weight:var(--sp-fw-semibold)!important;
}

html[data-theme="light"] .theme-socialpanel24-general .sp24-aff-feature-card p,
html[data-theme="dark"] .theme-socialpanel24-general .sp24-aff-feature-card p{
  color:var(--sp24-bridge-muted)!important;
}

html[data-theme="light"] .sp24-aff-calc-card,
html[data-theme="dark"] .sp24-aff-calc-card{
  background:var(--sp24-bridge-surface)!important;
  border-color:var(--sp24-bridge-border)!important;
  border-radius:var(--sp24-bridge-radius)!important;
  box-shadow:var(--sp24-bridge-shadow)!important;
}

html[data-theme="light"] .sp24-aff-calc-result,
html[data-theme="dark"] .sp24-aff-calc-result{
  background:var(--sp24-bridge-surface)!important;
  border-color:var(--sp24-bridge-border)!important;
}

html[data-theme="light"] .sp24-aff-calc-result span,
html[data-theme="dark"] .sp24-aff-calc-result span{
  color:var(--sp24-bridge-muted)!important;
}

html[data-theme="light"] .sp24-aff-calc-result strong,
html[data-theme="dark"] .sp24-aff-calc-result strong{
  color:var(--sp24-bridge-text)!important;
}

html[data-theme="light"] .sp24-aff-calc-result-highlight,
html[data-theme="dark"] .sp24-aff-calc-result-highlight{
  background:var(--sp24-bridge-highlight-bg)!important;
  border-color:var(--sp24-bridge-highlight-border)!important;
}

html[data-theme="light"] .sp24-aff-calc-tip,
html[data-theme="dark"] .sp24-aff-calc-tip{
  background:var(--sp24-bridge-surface-2)!important;
  border-color:var(--sp24-bridge-border)!important;
  color:var(--sp24-bridge-muted)!important;
  border-radius:var(--sp-radius-lg)!important;
}

html[data-theme="light"] .sp24-aff-slider,
html[data-theme="dark"] .sp24-aff-slider{
  background:var(--sp24-bridge-border)!important;
}

html[data-theme="light"] .sp24-aff-slider::-webkit-slider-thumb,
html[data-theme="dark"] .sp24-aff-slider::-webkit-slider-thumb{
  background:var(--sp24-bridge-gradient)!important;
}

html[data-theme="light"] .sp24-aff-slider::-moz-range-thumb,
html[data-theme="dark"] .sp24-aff-slider::-moz-range-thumb{
  background:var(--sp24-bridge-gradient)!important;
}

.sp24-blog-details img,
.sp24-blog-details video,
.sp24-blog-details iframe,
.sp24-blog-details embed,
.sp24-blog-details object{
  max-width:100%!important;
}

.sp24-blog-details img,
.sp24-blog-details video{
  height:auto!important;
}

.sp24-blog-details table{
  width:100%!important;
  max-width:100%!important;
  border-color:var(--sp24-bridge-border)!important;
}

.sp24-blog-details table td,
.sp24-blog-details table th{
  border-color:var(--sp24-bridge-border)!important;
}

.sp24-blog-details pre,
.sp24-blog-details code{
  font-family:var(--sp-font-mono)!important;
}

.sp24-blog-details pre{
  background:var(--sp24-bridge-surface-2)!important;
  border:1px solid var(--sp24-bridge-border)!important;
  border-radius:var(--sp-radius-lg)!important;
  padding:14px 16px!important;
  overflow:auto!important;
  color:var(--sp24-bridge-text)!important;
}

.sp24-blog-details blockquote{
  border-left:4px solid var(--sp24-bridge-highlight-border)!important;
  background:var(--sp24-bridge-highlight-bg)!important;
  padding:14px 16px!important;
  border-radius:var(--sp-radius-lg)!important;
}