.wds-inline-prompt {
  display: inline-flex;
  text-align: left;
  padding-top: calc(8px / 2);
  padding-top: calc(var(--padding-x-small) / 2);
  padding-bottom: calc(8px / 2);
  padding-bottom: calc(var(--padding-x-small) / 2);
  padding-left: calc(8px - 1px);
  padding-left: calc(var(--padding-x-small) - 1px);
  padding-right: 8px;
  padding-right: var(--padding-x-small);
  border-radius: 10px;
  border-radius: var(--radius-small);
  word-break: break-word;
  word-wrap: break-word;
}
.wds-inline-prompt:has(a),
.wds-inline-prompt:has(button) {
  position: relative;
  z-index: 1;
}
.wds-inline-prompt--muted {
  opacity: 0.93;
  filter: grayscale(1);
}
.wds-inline-prompt a,
.wds-inline-prompt button {
  text-underline-offset: calc(4px / 2);
  text-underline-offset: calc(var(--size-4) / 2);
}
.wds-inline-prompt a:first-of-type:before,
.wds-inline-prompt button:first-of-type:before {
  content: '';
  position: absolute;
  inset: 0;
}
.wds-inline-prompt__media-wrapper {
  padding-right: calc(12px / 2);
  padding-right: calc(var(--size-12) / 2);
  padding-top: calc(4px - 1px);
  padding-top: calc(var(--size-4) - 1px);
  padding-bottom: calc(4px - 1px);
  padding-bottom: calc(var(--size-4) - 1px);
}
.wds-inline-prompt__media-wrapper .tw-icon-tags,
.wds-inline-prompt__media-wrapper .tw-icon-confetti {
  color: var(--color-sentiment-positive-primary);
}
.wds-inline-prompt--negative {
  background-color: var(--color-sentiment-negative-secondary);
  color: var(--color-sentiment-negative-primary);
}
.wds-inline-prompt--negative a,
.wds-inline-prompt--negative button {
  color: var(--color-sentiment-negative-primary);
}
.wds-inline-prompt--negative a:hover,
.wds-inline-prompt--negative button:hover {
  color: var(--color-sentiment-negative-primary-hover);
}
.wds-inline-prompt--negative a:active,
.wds-inline-prompt--negative button:active {
  color: var(--color-sentiment-negative-primary-active);
}
.wds-inline-prompt.wds-inline-prompt--negative:has(a, button):hover {
  background-color: var(--color-sentiment-negative-secondary-hover);
}
.wds-inline-prompt.wds-inline-prompt--negative:has(a, button):active {
  background-color: var(--color-sentiment-negative-secondary-active);
}
.wds-inline-prompt--positive {
  background-color: var(--color-sentiment-positive-secondary);
  color: var(--color-sentiment-positive-primary);
}
.wds-inline-prompt--positive a,
.wds-inline-prompt--positive button {
  color: var(--color-sentiment-positive-primary);
}
.wds-inline-prompt--positive a:hover,
.wds-inline-prompt--positive button:hover {
  color: var(--color-sentiment-positive-primary-hover);
}
.wds-inline-prompt--positive a:active,
.wds-inline-prompt--positive button:active {
  color: var(--color-sentiment-positive-primary-active);
}
.wds-inline-prompt.wds-inline-prompt--positive:has(a, button):hover {
  background-color: var(--color-sentiment-positive-secondary-hover);
}
.wds-inline-prompt.wds-inline-prompt--positive:has(a, button):active {
  background-color: var(--color-sentiment-positive-secondary-active);
}
.wds-inline-prompt--proposition {
  background-color: #D2F9F7;
  color: var(--color-interactive-primary);
}
.wds-inline-prompt--proposition a,
.wds-inline-prompt--proposition button {
  color: var(--color-interactive-primary);
}
.wds-inline-prompt--proposition a:hover,
.wds-inline-prompt--proposition button:hover {
  color: var(--color-interactive-primary-hover);
}
.wds-inline-prompt--proposition a:active,
.wds-inline-prompt--proposition button:active {
  color: var(--color-interactive-primary-active);
}
.wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):hover {
  background-color: #B2F4F3;
}
.wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):active {
  background-color: #91F0EE;
}
.wds-inline-prompt--neutral {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
  color: #37517e;
  color: var(--color-content-primary);
}
.wds-inline-prompt--neutral a,
.wds-inline-prompt--neutral button {
  color: #37517e;
  color: var(--color-content-primary);
}
.wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):hover {
  background-color: var(--color-background-neutral-hover);
}
.wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):active {
  background-color: var(--color-background-neutral-active);
}
.wds-inline-prompt--warning {
  background-color: var(--color-sentiment-warning-secondary);
  color: var(--color-sentiment-warning-content);
}
.wds-inline-prompt--warning a,
.wds-inline-prompt--warning button {
  color: var(--color-sentiment-warning-content);
}
.wds-inline-prompt--warning a:hover,
.wds-inline-prompt--warning button:hover {
  color: var(--color-sentiment-warning-content-hover);
}
.wds-inline-prompt--warning a:active,
.wds-inline-prompt--warning button:active {
  color: var(--color-sentiment-warning-content-active);
}
.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):hover {
  background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 92%, var(--color-sentiment-warning-primary));
}
.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):active {
  background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 84%, var(--color-sentiment-warning-primary));
}
