.lq-image-widget {
  margin: var(--lq-image-margin, 0);
  padding: var(--lq-image-padding, 0);
}

.lq-image-widget__link,
.lq-image-widget__media {
  display: inline-block;
  max-width: 100%;
}

.lq-image-widget__image {
  display: block;
  width: var(--lq-image-width, auto);
  max-width: var(--lq-image-max-width, 100%);
  height: var(--lq-image-height, auto);
  max-height: var(--lq-image-max-height, none);
  object-fit: var(--lq-image-object-fit, initial);
  border-radius: var(--lq-image-border-radius, 0);
}

.lq-image-widget--effect-bw-to-color-hover .lq-image-widget__link {
  display: inline-block;
}

.lq-image-widget--effect-bw-to-color-hover .lq-image-widget__image {
  filter: grayscale(100%);
  transition: filter 220ms ease, transform 220ms ease;
}

.lq-image-widget--effect-bw-to-color-hover:hover .lq-image-widget__image,
.lq-image-widget--effect-bw-to-color-hover:focus-within .lq-image-widget__image {
  filter: grayscale(0%);
}

.lq-image-widget--effect-opacity .lq-image-widget__image {
  opacity: var(--lq-image-opacity, 0.65);
  transition: opacity 220ms ease;
}

.lq-image-widget--effect-opacity:hover .lq-image-widget__image,
.lq-image-widget--effect-opacity:focus-within .lq-image-widget__image {
  opacity: var(--lq-image-opacity-hover, 1);
}

.lq-image-widget__caption {
  margin-top: 0.75rem;
}

.lq-image-widget--align-left {
  text-align: left;
}

.lq-image-widget--align-center {
  text-align: center;
}

.lq-image-widget--align-right {
  text-align: right;
}

.lq-image-widget--align-center .lq-image-widget__image {
  margin-left: auto;
  margin-right: auto;
}

.lq-image-widget--align-right .lq-image-widget__image {
  margin-left: auto;
}

@media (prefers-reduced-motion: reduce) {
  .lq-image-widget--effect-bw-to-color-hover .lq-image-widget__image {
    transition: none;
  }

  .lq-image-widget--effect-opacity .lq-image-widget__image {
    transition: none;
  }
}