.asanwp-social-proof {
  --asanwp-social-surface: var(--color-gray25, #f8f9fa);
  --asanwp-social-border: var(--color-gray200, #e6e8eb);
  --asanwp-social-text: var(--color-text, #1b1f22);
  display: flex;
  flex-direction: column;
  margin-bottom: 0.9375rem;
  padding: 12px 14px;
  color: var(--asanwp-social-text);
  background: var(--asanwp-social-surface);
  border: 1px solid var(--asanwp-social-border);
  border-radius: 8px;
}

.asanwp-social-proof-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.6;
}

.asanwp-social-proof-item + .asanwp-social-proof-item {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid var(--asanwp-social-border);
}

.asanwp-social-proof-item i {
  display: inline-flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 15px;
  text-align: center;
}

.asanwp-social-proof-viewing i {
  color: #3b82f6;
  background: rgb(59 130 246 / 11%);
}

.asanwp-social-proof-sales i {
  color: #16a34a;
  background: rgb(22 163 74 / 11%);
}

.asanwp-social-proof-item span {
  min-width: 0;
  color: inherit;
  font-weight: 500;
}

[data-theme="dark"] .asanwp-social-proof {
  color-scheme: dark;
  background: color-mix(in srgb, var(--theme-primary-color, #ffc21f) 6%, var(--color-gray25, #202427));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%);
}

[data-theme="dark"] .asanwp-social-proof-viewing i {
  background: rgb(59 130 246 / 16%);
}

[data-theme="dark"] .asanwp-social-proof-sales i {
  background: rgb(22 163 74 / 16%);
}

@media (max-width: 480px) {
  .asanwp-social-proof {
    padding: 11px 12px;
  }
}

.asanwp-social-proof[hidden],
.asanwp-social-proof-item[hidden],
.awp-sticky-mobile-rotator__item[hidden] {
  display: none !important;
}