.knsdd-loop-promo[hidden],
.knsdd-loop-promo:not([data-ready="1"]) {
  display: none !important;
}

.knsdd-loop-promo {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0.45em 0 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: start;
}

.knsdd-loop-promo .knsdd-loop-promo-content,
.knsdd-loop-promo .knsdd-frontend-messages {
  margin: 0;
  padding: 0;
}

.knsdd-loop-promo .knsdd-message-item {
  display: flex;
  align-items: flex-start;
  gap: 0.3em;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 1.35;
  text-align: start;
}

.knsdd-loop-promo .knsdd-message-text {
  display: -webkit-box;
  min-width: 0;
  max-width: 100%;
  max-height: 2.7em;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.knsdd-loop-promo .knsdd-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  margin-top: 0.15em;
  line-height: 1;
}

.knsdd-loop-promo .knsdd-icon--sm {
  font-size: 0.8em;
}

.knsdd-loop-promo .knsdd-icon--md,
.knsdd-loop-promo .knsdd-icon--lg {
  font-size: 1em;
}

.knsdd-loop-promo .knsdd-icon svg,
.knsdd-loop-promo .knsdd-icon.iconify {
  display: block;
  width: 1em;
  height: 1em;
}

.knsdd-loop-promo .knsdd-icon svg * {
  fill: none !important;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.knsdd-loop-promo .knsdd-icon--sm svg * {
  stroke-width: 1 !important;
}

.knsdd-loop-promo .knsdd-icon--md svg *,
.knsdd-loop-promo .knsdd-icon--lg svg * {
  stroke-width: 0.8 !important;
}

[dir="rtl"] .knsdd-loop-promo {
  direction: rtl;
}

@media (prefers-reduced-motion: reduce) {
  .knsdd-loop-promo {
    transition: none;
  }
}